25:["$","title",null,{"children":"COP 4720 Final Project : Globe of Armored Vehicles 💥(Explosion)💥 | Santiago Acevedo | Observable"}] 49:T6fc,gameRender = () => { if(button&& restart) { if(checkTime()) { return FileAttachment("GLOBE OF ARMORED VEHICLES CREDITS.png").image() } gl.viewport(0, 0, gl.canvas.width, gl.canvas.height); gl.depthFunc(gl.LEQUAL); gl.useProgram(skyBoxProgramInfo.program); twgl.setUniforms(skyBoxProgramInfo, uniformSkybox); twgl.setBuffersAndAttributes(gl, skyBoxProgramInfo, quadBufferInfo); twgl.drawBufferInfo(gl,quadBufferInfo); gl.useProgram(textureModelProgramInfo.program); renderScene(environmentModelObj, textureModelProgramInfo, envModelMatrix, envTexture); renderScene(modelObj, textureModelProgramInfo, modelMatrix, modelTexture); renderScene(bulletObj, textureModelProgramInfo, bulletModelMatrix, bulletTexture); gl.useProgram(targetModelProgramInfo.program); // renderTargets(targetObj, targetModelProgramInfo, target1ModelMat, targetTexture, targetTextureN); for (let i = 0; i < targetsModelsMatrix.length; i++) { renderTargets(targetObj, targetModelProgramInfo, targetsModelsMatrix[i].matrix, targetTexture, targetTextureN); } return gl.canvas; } else if(button && !restart) { gl.viewport(0, 0, gl.canvas.width, gl.canvas.height); gl.depthFunc(gl.LEQUAL); gl.useProgram(StartBoxProgramInfo.program); twgl.setUniforms(StartBoxProgramInfo, uniformStartbox); twgl.setBuffersAndAttributes(gl, StartBoxProgramInfo, quadBufferInfo); twgl.drawBufferInfo(gl,quadBufferInfo); gl.useProgram(textureModelProgramInfo.program); renderScene(environmentModelObj, textureModelProgramInfo, envModelMatrix, envTexture); renderPause(modelObj, textureModelProgramInfo, modelMatrixPause, modelTexture); return gl.canvas; } }4a:T80e,startAnimRender = () => { gl.viewport(0, 0, gl.canvas.width, gl.canvas.height); const animStep = animTimestep % 50; //const animStep = 49.7 const eyePos = [2+(-0.1*animStep),0.5,1]; const lookPos = (animStep>40) ? [40-animStep, 0.5, 0]: [0,0.5,0]; const transMat = m4.translation([0,0,0]); const scaleMat = m4.scaling([ 2/modelExtents.dia, 2/modelExtents.dia, 2/modelExtents.dia ]); const modelMat = m4.multiply(transMat, scaleMat); const viewMatrix = m4.inverse(m4.lookAt(eyePos, lookPos, [0,1,0])); const scaleMatrix = m4.scaling([1/14,1/14,1/14]); const translationMatrix = m4.translation( [0, 0, 0]); const translationMatrix3 = m4.translation([(animStep < 40) ? 0 : 40 -animStep , 0.508, 0.04]) const y_R = m4.rotationY(deg2rad(-90)); const z_R = m4.rotationZ(0); const matrix = m4.multiply(translationMatrix3, m4.multiply(y_R, m4.multiply(z_R, m4.multiply(scaleMatrix, translationMatrix)))); const t_S = m4.scaling([1,1,1]) const t_T = m4.translation([0-10,0-0.4,0+0.01]) const t_Ry = m4.rotationY(deg2rad(90)) const targetModelMatrix = m4.multiply(t_T, m4.multiply(t_Ry,t_S)) gl.depthFunc(gl.LEQUAL); gl.useProgram(skyBoxProgramInfo.program); twgl.setUniforms(skyBoxProgramInfo, uniformSkybox); twgl.setBuffersAndAttributes(gl, skyBoxProgramInfo, quadBufferInfo); twgl.drawBufferInfo(gl,quadBufferInfo); gl.useProgram(textureModelProgramInfo.program); renderAnimation(environmentModelObj, textureModelProgramInfo, envModelMatrix, envTexture, viewMatrix); renderAnimation(modelObj, textureModelProgramInfo, modelMat, modelTexture, viewMatrix); renderAnimation(bulletObj, textureModelProgramInfo, matrix, bulletTexture, viewMatrix); renderAnimation(targetObj, textureModelProgramInfo, targetModelMatrix, targetTexture, viewMatrix); /*gl.useProgram(targetModelProgramInfo.program); for (let i = 0; i < targetsModelsMatrix.length; i++) { renderTargets(targetObj, targetModelProgramInfo, targetsModelsMatrix[i].matrix, targetTexture, targetTextureN); }*/ return gl.canvas; }4b:T8ac,targetModelProgramInfo = { const shaders = ({ vs: `#version 300 es precision mediump float; uniform mat4 modelMatrix; uniform mat4 viewMatrix; uniform mat4 projectionMatrix; uniform mat4 normalMatrix; in vec3 position; in vec3 normals; in vec2 uv; out vec3 fragNormal, fragPosition; out vec2 fragUV; void main () { vec3 newNormal = (normalMatrix*vec4(normals,0)).xyz; fragNormal = normalize(newNormal); fragUV = uv; vec4 newPosition = modelMatrix * vec4(position, 1); fragPosition = newPosition.xyz; vec4 cameraWorld = viewMatrix * newPosition; gl_Position = projectionMatrix*cameraWorld; }`, fs: `#version 300 es precision mediump float; uniform vec4 light; uniform sampler2D tex, texN; uniform vec3 eyePosition; in vec3 fragNormal, fragPosition; in vec2 fragUV; out vec4 outColor; vec3 computeColor(vec4 lightIn){ vec3 L; vec3 textNormal = ((texture(texN, fragUV).rgb *2.f)-1.f); vec3 N = normalize(vec3(fragNormal.x+textNormal.y, fragNormal.y+textNormal.x, fragNormal.z)); if (lightIn.w==0.0) { L = normalize(lightIn.xyz); } else { L = normalize(lightIn.xyz - fragPosition); } vec3 V = normalize(eyePosition - fragPosition); vec3 H = normalize(L + V); vec3 SpecularColor = vec3(1); float shininess = 5.f; float K_s = 0.2f; vec3 materialColor = texture(tex, fragUV).xyz; vec3 specular = SpecularColor * vec3(1.0) * pow(clamp(dot(H, N), 0.f,1.f), shininess); vec3 diffuse = materialColor * clamp( dot(L, N), 0.0f, 1.0f ); vec3 ambient = 0.5f*materialColor; vec3 color =(1.-K_s)*diffuse + K_s*specular + ambient; return color; } void main () { outColor = vec4(computeColor(light), 1.0f); }` }); errorBlockTarget.style.height = "20px"; errorBlockTarget.innerHTML = "Program Shader compilation successful"; return twgl.createProgramInfo(gl, [shaders.vs, shaders.fs], (message) => { errorBlockTarget.style.height = "400px"; errorBlockTarget.innerHTML = "Program Shader compilation error\n" + message; }); }4c:T7fd,textureModelProgramInfo = { const shaders = ({ vs: `#version 300 es precision mediump float; uniform mat4 modelMatrix; uniform mat4 viewMatrix; uniform mat4 projectionMatrix; uniform mat4 normalMatrix; in vec3 position; in vec3 normals; in vec2 uv; out vec3 fragNormal, fragPosition; out vec2 fragUV; void main () { vec3 newNormal = (normalMatrix*vec4(normals,0)).xyz; fragNormal = normalize(newNormal); fragUV = uv; vec4 newPosition = modelMatrix * vec4(position, 1); fragPosition = newPosition.xyz; vec4 cameraWorld = viewMatrix * newPosition; gl_Position = projectionMatrix*cameraWorld; }`, fs: `#version 300 es precision mediump float; uniform vec4 light; uniform sampler2D tex; uniform vec3 eyePosition; in vec3 fragNormal, fragPosition; in vec2 fragUV; out vec4 outColor; vec3 computeColor(vec4 lightIn){ vec3 L; if (lightIn.w==0.0) { L = normalize(lightIn.xyz); } else { L = normalize(lightIn.xyz - fragPosition); } vec3 V = normalize(eyePosition - fragPosition); vec3 H = normalize(L + V); vec3 SpecularColor = vec3(1); float shininess = 5.f; float K_s = 0.2f; vec3 materialColor = texture(tex, fragUV).xyz; vec3 specular = SpecularColor * vec3(1.0) * pow(clamp(dot(H, fragNormal), 0.f,1.f), shininess); vec3 diffuse = materialColor * clamp( dot(L, fragNormal), 0.0f, 1.0f ); vec3 ambient = 0.5f*materialColor; vec3 color =(1.-K_s)*diffuse + K_s*specular + ambient; return color; } void main () { outColor = vec4(computeColor(light), 1.0f); }` }); errorBlock.style.height = "20px"; errorBlock.innerHTML = "Program Shader compilation successful"; return twgl.createProgramInfo(gl, [shaders.vs, shaders.fs], (message) => { errorBlock.style.height = "400px"; errorBlock.innerHTML = "Program Shader compilation error\n" + message; }); }4d:T401,StartBoxProgramInfo = { const StartBoxShader = ({ vs : `#version 300 es precision mediump float; in vec2 position; out vec2 fragPosition; void main() { fragPosition = position; gl_Position = vec4(position, 1, 1); }`, fs : `#version 300 es precision mediump float; uniform samplerCube cubemap; in vec2 fragPosition; out vec4 outColor; uniform mat4 invViewProjectionMatrix; uniform vec3 eyePosition; void main () { vec4 direction = invViewProjectionMatrix*vec4(fragPosition, 1, 1); outColor = vec4(texture(cubemap, normalize(direction.xyz/direction.w)).rgb,1); }` }); errorBlockStartbox.style.height = "20px"; errorBlockStartbox.innerHTML = "Program Shader compilation successful"; return twgl.createProgramInfo(gl, [StartBoxShader.vs, StartBoxShader.fs], (message) => { errorBlockStartbox.style.height = "400px"; errorBlockStartbox.innerHTML = "Program Shader compilation error\n" + message; }); }4e:T552,bulletStep = () => { var accel = -0.002; mutable velocityY += accel; mutable bul_xPos += velocityX; mutable bul_yPos += velocityY; mutable bul_zPos += velocityZ; if(!collisionDetection(bul_xPos,bul_yPos,bul_zPos)){ accel = 0; mutable hasFired = false; mutable velocityY = 0; mutable velocityX = 0; mutable velocityZ = 0; mutable bul_yPos = -5; mutable score = score + 10*scoreMultiplier; mutable scoreMultiplier = scoreMultiplier + 1; if (gameMode) mutable addedTime = addedTime + 5; } else if(mutable bul_yPos < groundLevel){ accel = 0; mutable velocityY = 0; mutable velocityX = 0; mutable velocityZ = 0; mutable bul_yPos = -5; if(hasFired) mutable scoreMultiplier = 1; mutable hasFired = false; } if(keys[' '] && (restart && protoTimer < allowedTime)) { if(!hasFired) { mutable bul_xPos = xPos; mutable bul_zPos = zPos; mutable bul_yPos = 1; mutable bul_yRot = yRot; mutable velocityX = firePowerHori * Math.cos(deg2rad(yRot)); mutable velocityY = firePowerY; mutable velocityZ = firePowerHori * -Math.sin(deg2rad(yRot)); } mutable hasFired = true; } else { //mutable hasFired = false; } if((keys['z'] || keys['Z']) && (restart || protoTimer < allowedTime)) mutable FOV = 15; else mutable FOV = 45; }4f:T4bc,function collisionDetection (bullet_X, bullet_Y, bullet_Z) { for (let i = 0; i < targetsModelsMatrix.length; i++) { const obstacleMinX = -randomTranslationArr[i][12] + targetsModelsMatrix[i].extents.min[0]//25; const obstacleMaxX = -randomTranslationArr[i][12] + targetsModelsMatrix[i].extents.max[0]//25; const obstacleMinY = targetsModelsMatrix[i].extents.min[1]-0.03//25; const obstacleMaxY = targetsModelsMatrix[i].extents.max[1]-0.03//25; const obstacleMinZ = -randomTranslationArr[i][14] + targetsModelsMatrix[i].extents.min[2]//25; const obstacleMaxZ = -randomTranslationArr[i][14] + targetsModelsMatrix[i].extents.max[2]//25; if ((bullet_X >= obstacleMinX && bullet_X <= obstacleMaxX) && (bullet_Z >= obstacleMinZ && bullet_Z <= obstacleMaxZ) && (bullet_Y >= obstacleMinY && bullet_Y <= obstacleMaxY)){ randomizeTargetPos(i+1) //randomTranslationArr[i] = m4.translation([Math.floor(Math.random() * 120 - 60), 0, Math.floor(Math.random() * 120 -60)]); //mutable score += 10 * scoreMultiplier; //mutable scoreMultiplier += 1; return false; } } // mutable scoreMultiplier = 1; return true; }50:[{"id":"1095653478b467be17ccdda49971ee376203fdc2893d0d778e19ca62c213e9344856e27f18ba23636d05d3d6647138ddedf9c0a4d91fe82c31f5adc7cecc912a","href":"https://static.observableusercontent.com/files/1095653478b467be17ccdda49971ee376203fdc2893d0d778e19ca62c213e9344856e27f18ba23636d05d3d6647138ddedf9c0a4d91fe82c31f5adc7cecc912a","name":"graytanktexture.png","type":"image/jpeg","lastModified":1669936809626.664,"size":131072},{"id":"d6ef8d4b14614b67b1cbd9943f388c939b5aa5647146959ded00e492dd33ac6d03e6fa37bff43c8a77c3bf74ad9f3b7bc4a732ac878d2e8f8f897a7ffb7802a2","href":"https://static.observableusercontent.com/files/d6ef8d4b14614b67b1cbd9943f388c939b5aa5647146959ded00e492dd33ac6d03e6fa37bff43c8a77c3bf74ad9f3b7bc4a732ac878d2e8f8f897a7ffb7802a2","name":"camotanktexture.png","type":"image/webp","lastModified":1669936809626.664,"size":179524},{"id":"6644bda3eaa0b4df090997cb05e35a28de3872df3966d990aaf6d43b63b3e29e721ef94be60a6457bbfbe8136ce7a0acca460a27af33e9430f4552fbeb298b40","href":"https://static.observableusercontent.com/files/6644bda3eaa0b4df090997cb05e35a28de3872df3966d990aaf6d43b63b3e29e721ef94be60a6457bbfbe8136ce7a0acca460a27af33e9430f4552fbeb298b40","name":"rainbowtanktexture@1.png","type":"image/jpeg","lastModified":1669936809626.664,"size":71847},{"id":"8122a1efdde7c282a73296a1b3b9f184c83ebb95b073db1eea978a3e5838d849ea167135fc6db2e3bc8d763d56cb2d7b3facb502aaa19796fddd1a62fab46fd3","href":"https://static.observableusercontent.com/files/8122a1efdde7c282a73296a1b3b9f184c83ebb95b073db1eea978a3e5838d849ea167135fc6db2e3bc8d763d56cb2d7b3facb502aaa19796fddd1a62fab46fd3","name":"redtanktexture.png","type":"image/jpeg","lastModified":1669936809626.664,"size":33810},{"id":"6d61dff8c91a34282cbf431308e3e5667b57b7c7a7e083c69a39815d71c965d22b20b2fa07caf5bd28552c12be6e7a45c4fd9d5ed1540e32c42067d169b1b229","href":"https://static.observableusercontent.com/files/6d61dff8c91a34282cbf431308e3e5667b57b7c7a7e083c69a39815d71c965d22b20b2fa07caf5bd28552c12be6e7a45c4fd9d5ed1540e32c42067d169b1b229","name":"UkuleleHawaiian_Arena.obj","type":"application/octet-stream","lastModified":1669936809626.664,"size":18306},{"id":"3966f33ac03d0ce01f8212bb37f90b3bac08ea04a73aa89ef97441de0b356dbc33b0c32491c2bccc2e55ec6236441eaa7f1ab11e1acbb7f04205e6865d23c37e","href":"https://static.observableusercontent.com/files/3966f33ac03d0ce01f8212bb37f90b3bac08ea04a73aa89ef97441de0b356dbc33b0c32491c2bccc2e55ec6236441eaa7f1ab11e1acbb7f04205e6865d23c37e","name":"UKRock1.png","type":"image/png","lastModified":1669936809626.664,"size":3001},{"id":"0ec23dfe1069fad74173a105b670470ad9a4d7be3c74e62ff98fd2d7c81ced73d91bc3d4261d61314d64bdde34be1ea0d73398773651d9afe8dbd350cb6090f6","href":"https://static.observableusercontent.com/files/0ec23dfe1069fad74173a105b670470ad9a4d7be3c74e62ff98fd2d7c81ced73d91bc3d4261d61314d64bdde34be1ea0d73398773651d9afe8dbd350cb6090f6","name":"archer_target_cute_n.png","type":"image/png","lastModified":1669936809626.664,"size":680083},{"id":"6ba180b9e0f211fcc1d725d0730c5b1d65a6edc8760e88286975e5fff2f87bdf15032208e33b3268df1b27617fa6d79124182c750d8df8c39dcae3eec1c112a0","href":"https://static.observableusercontent.com/files/6ba180b9e0f211fcc1d725d0730c5b1d65a6edc8760e88286975e5fff2f87bdf15032208e33b3268df1b27617fa6d79124182c750d8df8c39dcae3eec1c112a0","name":"Bullet.png","type":"image/png","lastModified":1669936809626.664,"size":2937},{"id":"81cc398bd5a9bb771a27ae5c6c88c87a167a0dfc87b0fe674d8b43cad503c919b64c55cefdc98ff76727c8eab014fccc57ac5ac95e8e588fb78234fb6efee32d","href":"https://static.observableusercontent.com/files/81cc398bd5a9bb771a27ae5c6c88c87a167a0dfc87b0fe674d8b43cad503c919b64c55cefdc98ff76727c8eab014fccc57ac5ac95e8e588fb78234fb6efee32d","name":"Bullet.obj","type":"application/octet-stream","lastModified":1669936809626.664,"size":2261},{"id":"c93a829b10be575abd11d8022a865bbf0879a75d7812961fd742f3ae23d63b965e482210d886fc0fb7aebf5c568260d96d3b4ef7ea0f47d1c540dce60a83a146","href":"https://static.observableusercontent.com/files/c93a829b10be575abd11d8022a865bbf0879a75d7812961fd742f3ae23d63b965e482210d886fc0fb7aebf5c568260d96d3b4ef7ea0f47d1c540dce60a83a146","name":"GLOBE OF ARMORED VEHICLES.png","type":"image/png","lastModified":1669936809626.664,"size":55427},{"id":"fd8d64a8622fd0812d05525f8b977a3eb3e5fade03c2431b5746e314e7ab89111b9645a43ebbd4d5d543a94eda7b136699e663c21d6ee1502971543c8fa7b447","href":"https://static.observableusercontent.com/files/fd8d64a8622fd0812d05525f8b977a3eb3e5fade03c2431b5746e314e7ab89111b9645a43ebbd4d5d543a94eda7b136699e663c21d6ee1502971543c8fa7b447","name":"GLOBE OF ARMORED VEHICLES CREDITS.png","type":"image/png","lastModified":1669936809626.664,"size":105158},{"id":"6053c572974925cdcfad14bc7996575f22687b272b54bcd158821c1776300bf96748b1e7a03d442973eb243368933697c8bce557c77d97b8a65fa66fd8422639","href":"https://static.observableusercontent.com/files/6053c572974925cdcfad14bc7996575f22687b272b54bcd158821c1776300bf96748b1e7a03d442973eb243368933697c8bce557c77d97b8a65fa66fd8422639","name":"negy.jpg","type":"image/jpeg","lastModified":1669936809626.664,"size":1455838},{"id":"bf60a5f34cef6879eb6d9a271254228ec31cfaac3cc64c3a2822fc9c87e15f31edf9e0aa8740db998faa6b9f45a3d9ecfde990d154480f30b61204aa11671cdc","href":"https://static.observableusercontent.com/files/bf60a5f34cef6879eb6d9a271254228ec31cfaac3cc64c3a2822fc9c87e15f31edf9e0aa8740db998faa6b9f45a3d9ecfde990d154480f30b61204aa11671cdc","name":"posx.jpg","type":"image/jpeg","lastModified":1669936809626.664,"size":864122},{"id":"c21b80daf754adf3c86ab3907e6836347889daf5b758e50a9afef413898668a18a341ce0caa1bdefae5b5da208650d012a9e96653245e8e5230cb47f9ce0ba8b","href":"https://static.observableusercontent.com/files/c21b80daf754adf3c86ab3907e6836347889daf5b758e50a9afef413898668a18a341ce0caa1bdefae5b5da208650d012a9e96653245e8e5230cb47f9ce0ba8b","name":"negz.jpg","type":"image/jpeg","lastModified":1669936809626.664,"size":817180},{"id":"6227155ec602e0631bd1705dce4b267f0cab532e56b8e696780a27aa79e20735014c15280baaab2c6ce43a3fcaba046c9cbcf92dbcda29d11e2c4bbb1405cc28","href":"https://static.observableusercontent.com/files/6227155ec602e0631bd1705dce4b267f0cab532e56b8e696780a27aa79e20735014c15280baaab2c6ce43a3fcaba046c9cbcf92dbcda29d11e2c4bbb1405cc28","name":"tanktexture.png","type":"image/jpeg","lastModified":1669936809626.664,"size":1156926},{"id":"b711f4efd3d93cf3712c91c3484d45cc8f4cbeef3511d7db46207890dfd2320d517447cfa3784214eded631bdaf2383a98e4bc369b375d8af87a454830d4f7dc","href":"https://static.observableusercontent.com/files/b711f4efd3d93cf3712c91c3484d45cc8f4cbeef3511d7db46207890dfd2320d517447cfa3784214eded631bdaf2383a98e4bc369b375d8af87a454830d4f7dc","name":"Tank.obj","type":"application/octet-stream","lastModified":1669936809626.664,"size":177310},{"id":"3535b017d92a4bab85e18f53d16a70e6210ef7a6cadb31185e64f3205e707201e6cc97578f5a08e53a68d15e65374450f18b91464db5a72d41f21880216e33b0","href":"https://static.observableusercontent.com/files/3535b017d92a4bab85e18f53d16a70e6210ef7a6cadb31185e64f3205e707201e6cc97578f5a08e53a68d15e65374450f18b91464db5a72d41f21880216e33b0","name":"Tank Tex.png","type":"image/png","lastModified":1669936809626.664,"size":5164},{"id":"da95589d11bd23c1e2933b5199c282cea3931128297e3050275bda775e3e3b86ae74d32fff9cb74c0dd9de2b0cb252f267b85ef31064a435eb20f504d305cd61","href":"https://static.observableusercontent.com/files/da95589d11bd23c1e2933b5199c282cea3931128297e3050275bda775e3e3b86ae74d32fff9cb74c0dd9de2b0cb252f267b85ef31064a435eb20f504d305cd61","name":"greentanktexture.png","type":"image/jpeg","lastModified":1669936809626.664,"size":33435},{"id":"3c20f2afe79872d03839b8c4c0d52be5ebf218588d37ecd2ce4196b1f31cddb1d647abc030b58de3ce31b82e5729e3ba48ad200322bfb05dbfc048b2b4a2d809","href":"https://static.observableusercontent.com/files/3c20f2afe79872d03839b8c4c0d52be5ebf218588d37ecd2ce4196b1f31cddb1d647abc030b58de3ce31b82e5729e3ba48ad200322bfb05dbfc048b2b4a2d809","name":"posz.jpg","type":"image/jpeg","lastModified":1669936809626.664,"size":777699},{"id":"8e9c1696a1915c05be6dcbcc97e3efbee9827f86f0d7392a0940491b00ba21c09d2845d211b44ecb5265cf32ce74f6ca85949072bb0162ef827ad7fd4017c7a0","href":"https://static.observableusercontent.com/files/8e9c1696a1915c05be6dcbcc97e3efbee9827f86f0d7392a0940491b00ba21c09d2845d211b44ecb5265cf32ce74f6ca85949072bb0162ef827ad7fd4017c7a0","name":"negx.jpg","type":"image/jpeg","lastModified":1669936809626.664,"size":751735},{"id":"d97147a3cbbf7c2061660cd46ca864a67e78b236d097d3437c8f7c1f7485b81b5eb2e9555985957c2103c9e95598cb40f2d52bd0391d0292765f313ec690b563","href":"https://static.observableusercontent.com/files/d97147a3cbbf7c2061660cd46ca864a67e78b236d097d3437c8f7c1f7485b81b5eb2e9555985957c2103c9e95598cb40f2d52bd0391d0292765f313ec690b563","name":"posy.jpg","type":"image/jpeg","lastModified":1669936809626.664,"size":446938},{"id":"18008f8de411914da20e1771914ede97ad17443d68a3c9e9e5f964921aa28d17f0449b42b5f3a4c158bb0112052645c9dec5282e92ef2a8111fb6da3a3a1d88d","href":"https://static.observableusercontent.com/files/18008f8de411914da20e1771914ede97ad17443d68a3c9e9e5f964921aa28d17f0449b42b5f3a4c158bb0112052645c9dec5282e92ef2a8111fb6da3a3a1d88d","name":"Allied - Mirage Tank (rtank).obj","type":"application/octet-stream","lastModified":1669936809626.664,"size":713024},{"id":"708aa73f78e6369846fc3c8a644442dfcb8e8e8a419e3d2768c6e89a34656bf3c871bf1298aaf27ac05c5310c39e258ae2ca2cd45385f0e6a564511ed59fb60f","href":"https://static.observableusercontent.com/files/708aa73f78e6369846fc3c8a644442dfcb8e8e8a419e3d2768c6e89a34656bf3c871bf1298aaf27ac05c5310c39e258ae2ca2cd45385f0e6a564511ed59fb60f","name":"Allied - Mirage Tank (rtank).png","type":"image/png","lastModified":1669936809626.664,"size":181},{"id":"05d403f39d7c83846eef97881dc6ea79f6969c30fce11fc208f505f9e3147197f50a9b18d5631d05c6697bcb2ddfe71e1d807d6650483279f16ba8e643edb97f","href":"https://static.observableusercontent.com/files/05d403f39d7c83846eef97881dc6ea79f6969c30fce11fc208f505f9e3147197f50a9b18d5631d05c6697bcb2ddfe71e1d807d6650483279f16ba8e643edb97f","name":"COMMON.obj","type":"application/octet-stream","lastModified":1669937553457.009,"size":136905},{"id":"d83670d2e788bc083029e0171d368aa451e159ede1838c1506e495a9241a5547467e65e6c6153514823110b9999011a2fa235e3d9356bc4e51120f0f1727ab3d","href":"https://static.observableusercontent.com/files/d83670d2e788bc083029e0171d368aa451e159ede1838c1506e495a9241a5547467e65e6c6153514823110b9999011a2fa235e3d9356bc4e51120f0f1727ab3d","name":"COMMON1.png","type":"image/png","lastModified":1669937553460.805,"size":101585}] 29:{"id":"768f6dcae7e96193","slug":null,"title":"COP 4720 Final Project : Globe of Armored Vehicles 💥(Explosion)💥","thumbnail":"fa4b8fa0bdd4d61d2ab2c464f566efb5b3dcbbdda3f7310a1fd06079aa2f4a20","access_level":"public","create_time":"$D2022-12-01T23:20:09.626Z","update_time":"$D2022-12-01T23:34:30.549Z","view_time":null,"first_public_time":"$D2022-12-01T23:20:09.626Z","has_unpublished_edits":null,"fork":{"id":"bffc390e6a9ddb51","slug":"cop4720tank-game","title":"CAP 4720 Final Project : Globe of Armored Vehicles 💥(Explosion)💥","owner":{"id":"d42cfa5176fb1c42","login":"tatestill","name":"Tate Still"}},"stars":0,"starred":false,"owner":{"type":"team","id":"3044369127f6df22","login":"santiace","name":"Santiago Acevedo","avatar_url":"https://avatars-next.observableusercontent.com/ecdd5bacf9aecbea53bb9e85526c6fb2fa1ab7adf2b9f2048b964fb3a40dc164","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":2501,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5e8f456d7b49afd5","login":"santiace","name":"Santiago Acevedo","avatar_url":"https://avatars-next.observableusercontent.com/ecdd5bacf9aecbea53bb9e85526c6fb2fa1ab7adf2b9f2048b964fb3a40dc164","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"5e8f456d7b49afd5","login":"santiace","name":"Santiago Acevedo","avatar_url":"https://avatars-next.observableusercontent.com/ecdd5bacf9aecbea53bb9e85526c6fb2fa1ab7adf2b9f2048b964fb3a40dc164","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"COP 4720 Final Project : Globe of Armored Vehicles 💥(Explosion)💥","cells":[{"id":0,"value":"# COP 4720 Final Project :
Globe of Armored Vehicles
💥(Explosion)💥","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":" Project Members :
\nAlek Dussuau༼ つ ◕_◕ ༽つ
\nKurt Postlmayr OwO
\nSantiago Acevedo ε=ε=ε=┏(゜ロ゜;)┛
\nTate Still (￣y▽￣)╭ Ohohoho.....
\nAudiel Ortiz <(^w^)=====>[Hi]
","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":70,"value":"## Some parameters","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":29,"value":"viewof viewParameters = columns({ \n firePower: slider({\n min:0.05,\n max:0.5,\n value:0.2,\n title: \"Fire power\",\n step: 0.01\n }),\n launchAngle: slider({\n min: 1,\n max: 90,\n value: 45,\n title: \"Fire Angle\",\n step: 1\n }),\n camFollow: Inputs.radio([\"Follow\", \"Stay\"], {\n label: \"Follow Bullet Camera\",\n value: \"Stay\",\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2174,"value":"viewof gameMode = Inputs.radio(\n new Map([\n [\"One Minute\", false],\n [\"Endless\", true]\n ]),\n { value: true, label: \"Game Mode Selection\"}\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"## Game Display","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":962,"value":"## Press Start!","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1011,"value":"viewof button = Inputs.button('Start')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1710,"value":"viewof restart = Inputs.radio(\n new Map([\n [\"Pause\", false],\n [\"Restart\", true]\n ]),\n { value: true, label: \"Pause function\"}\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1656,"value":"viewof modelMaterial = Inputs.select(\n new Map([\n [\"Default\", defaultTextURL],\n [\"Red\", redTextURL],\n [\"Green\", greenTextURL],\n [\"Gray\", grayTextURL],\n [\"Camo\", camoTextURL],\n [\"Rainbow\", rainTextURL],\n [\"Rugged\", ruggedTextURL]\n ]),\n { key: \"Default\", label: \"Choose Model\", align:\"middle\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1220,"value":"## Score","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1010,"value":"scoreboard= Pixel({width: scoreboardData.width, height: scoreboardData.height})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2070,"value":"MOVE TANK: WASD Fire Shot: Spacebar Zoom: Z Time left:${timeRemaining}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":980,"value":"(button) ? gameRender() : startAnimRender()//md`${await FileAttachment(\"GLOBE OF ARMORED VEHICLES.png\").image()}`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1367,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"## GL Rendering","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":87,"value":"gl = {\n const myCanvas = DOM.canvas(width, 560);\n const gl = myCanvas.getContext(\"webgl2\");\n gl.enable(gl.DEPTH_TEST);\n gl.clearColor(...hex2rgb('#FF0000'), 1);\n gl.clear(gl.COLOR_BUFFER_BIT || gl.DEPTH_BITS);\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"renderScene = (modelObj, programInfo, modelMatrix, modelTexture) => {\n const vertexAttributes = createVertexAttributes(modelObj);\n\n const modelExtents = computeModelExtent(modelObj);\n const bufferInfoArray = createBufferInfoArray(vertexAttributes);\n \n const uniforms = ({\n modelMatrix: modelMatrix,\n light: [1,1,1,0],\n materialColor: hex2rgb(\"#FF0000\"),\n projectionMatrix: projectionMatrix,\n viewMatrix: viewMatrix,\n eyePosition: transformedEyePosition,\n tex: modelTexture,\n normalMatrix: m4.transpose(m4.inverse(modelMatrix))\n });\n\n bufferInfoArray.forEach((bufferInfo) => {\n twgl.setBuffersAndAttributes(gl, programInfo, bufferInfo);\n twgl.setUniforms(programInfo, uniforms);\n twgl.drawBufferInfo(gl, bufferInfo);\n }); \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2200,"value":"renderPause = (modelObj, programInfo, modelMatrix, modelTexture) => {\n const vertexAttributes = createVertexAttributes(modelObj);\n\n const modelExtents = computeModelExtent(modelObj);\n const bufferInfoArray = createBufferInfoArray(vertexAttributes);\n \n const uniforms = ({\n modelMatrix: modelMatrix,\n light: [1,1,1,0],\n materialColor: hex2rgb(\"#FF0000\"),\n projectionMatrix: projectionMatrix,\n viewMatrix: viewMatrixStart,\n eyePosition: transformedEyePosition,\n tex: modelTexture,\n normalMatrix: m4.transpose(m4.inverse(modelMatrix))\n });\n\n bufferInfoArray.forEach((bufferInfo) => {\n twgl.setBuffersAndAttributes(gl, programInfo, bufferInfo);\n twgl.setUniforms(programInfo, uniforms);\n twgl.drawBufferInfo(gl, bufferInfo);\n }); \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":622,"value":"renderTargets = (modelObj, programInfo, modelMatrix, modelTexture, modelTextureN) => {\n const vertexAttributes = createVertexAttributes(modelObj);\n\n const modelExtents = computeModelExtent(modelObj);\n const bufferInfoArray = createBufferInfoArray(vertexAttributes);\n \n const uniforms = ({\n modelMatrix: modelMatrix,\n light: [1,1,1,0],\n materialColor: hex2rgb(\"#FF0000\"),\n projectionMatrix: projectionMatrix,\n viewMatrix: viewMatrix,\n eyePosition: eyePosition,\n tex: modelTexture,\n texN: modelTextureN,\n normalMatrix: m4.transpose(m4.inverse(modelMatrix))\n });\n\n bufferInfoArray.forEach((bufferInfo) => {\n twgl.setBuffersAndAttributes(gl, programInfo, bufferInfo);\n twgl.setUniforms(programInfo, uniforms);\n twgl.drawBufferInfo(gl, bufferInfo);\n }); \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1380,"value":"renderAnimation = (modelObj, programInfo, modelMatrix, modelTexture, viewMat) => {\n const vertexAttributes = createVertexAttributes(modelObj);\n\n const modelExtents = computeModelExtent(modelObj);\n const bufferInfoArray = createBufferInfoArray(vertexAttributes);\n \n const uniforms = ({\n modelMatrix: modelMatrix,\n light: [1,1,1,0],\n materialColor: hex2rgb(\"#FF0000\"),\n projectionMatrix: projectionMatrix,\n viewMatrix: viewMat,\n eyePosition: transformedEyePosition,\n tex: modelTexture,\n normalMatrix: m4.transpose(m4.inverse(modelMatrix))\n });\n\n bufferInfoArray.forEach((bufferInfo) => {\n twgl.setBuffersAndAttributes(gl, programInfo, bufferInfo);\n twgl.setUniforms(programInfo, uniforms);\n twgl.drawBufferInfo(gl, bufferInfo);\n }); \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"## Shaders","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":627,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":655,"value":"errorBlockTarget = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"errorBlock = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"skyBoxProgramInfo = {\n const skyBoxShader = ({\n vs : `#version 300 es\n precision mediump float;\n in vec2 position;\n out vec2 fragPosition;\n void main() {\n fragPosition = position;\n gl_Position = vec4(position, 1, 1);\n }`,\n fs : `#version 300 es\n precision mediump float;\n uniform samplerCube cubemap;\n in vec2 fragPosition;\n out vec4 outColor;\n uniform mat4 invViewProjectionMatrix;\n uniform vec3 eyePosition;\n \n void main () {\n vec4 direction = invViewProjectionMatrix*vec4(fragPosition, 1, 1);\n outColor = vec4(texture(cubemap, normalize(direction.xyz/direction.w)).rgb,1);\n }`\n });\n errorBlockskybox.style.height = \"20px\";\n errorBlockskybox.innerHTML = \"Program Shader compilation successful\";\n return twgl.createProgramInfo(gl, [skyBoxShader.vs, skyBoxShader.fs], (message) => {\n errorBlockskybox.style.height = \"400px\";\n errorBlockskybox.innerHTML = \"Program Shader compilation error\\n\" + message;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"errorBlockskybox = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1036,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1038,"value":"errorBlockStartbox = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"## Physics Calculations","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":335,"value":"viewof keys = keyboard();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":345,"value":"keys","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":320,"value":"mutable velocityX = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":350,"value":"mutable velocityY = 0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":354,"value":"mutable velocityZ = 0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":358,"value":"mutable xPos = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"mutable zPos = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"mutable yRot = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":562,"value":"mutable bul_xPos = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":566,"value":"mutable bul_yPos = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":569,"value":"mutable bul_zPos = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":643,"value":"mutable bul_yRot = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":684,"value":"bul_xRot = Math.atan(-velocityY/firePowerHori);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":711,"value":"firePowerY = viewParameters.firePower*Math.sin(deg2rad(viewParameters.launchAngle))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":725,"value":"firePowerHori = viewParameters.firePower*Math.cos(deg2rad(viewParameters.launchAngle))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":578,"value":"mutable hasFired = false;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":325,"value":"mutable groundDist = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"groundLevel = -0.5;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":421,"value":"tankSpeed = 0.1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":432,"value":"turnSpeed = 0.7","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":837,"value":"movementStep = () => {\n if((keys['w'] || keys['W']) && (restart)) {\n mutable xPos += tankSpeed * Math.cos(deg2rad(yRot));\n mutable zPos -= tankSpeed * Math.sin(deg2rad(yRot));\n }\n if((keys['s'] || keys['S']) && (restart)) {\n mutable xPos -= tankSpeed * Math.cos(deg2rad(yRot));\n mutable zPos += tankSpeed * Math.sin(deg2rad(yRot));\n }\n if(xPos > 70 || xPos < -70){\n if(xPos > 70) mutable xPos = 69;\n else mutable xPos = -69;\n }\n if(zPos > 70 || zPos < -70){\n if(zPos > 70) mutable zPos = 69;\n else mutable zPos = -69;\n }\n if((keys['a'] || keys['A']) && (restart)) mutable yRot += turnSpeed;\n if((keys['d'] || keys['D']) && (restart)) mutable yRot -= turnSpeed;\n\n //if(keys['b']) mutable randomTranslationArr[0] = m4.translation([Math.floor(Math.random() * 120 - 60), 0, Math.floor(Math.random() * 120 -60)])\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"physStep = {\n let i =0;\nwhile(true)\n{\n bulletStep();\n movementStep();\n collisionDetection();\n yield i++;\n}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2003,"value":"timeStep = {\n \n let i =0;\nwhile(true)\n{\n pauseGame();\n yield Promises.delay(1000, ++i);\n}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2183,"value":"resetBullet = () => {\n mutable hasFired = false;\n mutable velocityY = 0;\n mutable velocityX = 0;\n mutable velocityZ = 0;\n mutable bul_yPos = -5;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2007,"value":"function pauseGame(){\n if(!restart)\n mutable totalPause++;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2010,"value":"mutable totalPause = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":674,"value":"mutable FOV = 45;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1370,"value":"animTimestep = {\n if(!button) for(let i =0 ;; i ++) yield i/25;\n} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2055,"value":"## Time and Game-Logic","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2058,"value":"protoTimer = {\n let i = 0;\n while (button) {\n yield Promises.delay(1000, ++i);\n} \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2371,"value":"mutable allowedTime = 1000 + totalPause + addedTime","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2317,"value":"mutable addedTime = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2137,"value":"timeRemaining = allowedTime - protoTimer;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2153,"value":"{\n button;\n resetGame();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"## Model and Texture Loading","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":96,"value":"modelURL = await FileAttachment(\"Allied - Mirage Tank (rtank).obj\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"environmentUrl = await FileAttachment(\"UkuleleHawaiian_Arena.obj\").url();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":560,"value":"targetURL = await FileAttachment(\"COMMON.obj\").url();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":584,"value":"bulletURL = await FileAttachment(\"Bullet.obj\").url();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"modelObj = loadModelFromURL(modelURL,\"obj\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":441,"value":"environmentModelObj = loadModelFromURL(environmentUrl,\"obj\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":551,"value":"targetObj = loadModelFromURL(targetURL,\"obj\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":589,"value":"bulletObj = loadModelFromURL(bulletURL,\"obj\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"rainTextURL = await FileAttachment(\"rainbowtanktexture@1.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1700,"value":"redTextURL = await FileAttachment(\"redtanktexture.png\").url()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1697,"value":"ruggedTextURL = await FileAttachment(\"tanktexture.png\").url()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1681,"value":"greenTextURL = await FileAttachment(\"greentanktexture.png\").url()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1686,"value":"grayTextURL = await FileAttachment(\"graytanktexture.png\").url()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1688,"value":"defaultTextURL = await FileAttachment(\"Allied - Mirage Tank (rtank).png\").url()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1691,"value":"camoTextURL = await FileAttachment(\"camotanktexture.png\").url()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":461,"value":"envTextureURL = await FileAttachment(\"UKRock1.png\").url();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"targetTextureURL = await FileAttachment(\"COMMON1.png\").url();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":577,"value":"targetTextureNURL = await FileAttachment(\"archer_target_cute_n.png\").url();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":594,"value":"bulletTextureURL = await FileAttachment(\"Bullet.png\").url();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"modelTexture = \n twgl.createTexture(gl, {\n src: modelMaterial,\n flipY: true,\n min: gl.LINEAR_MIPMAP_LINEAR,\n max: gl.LINEAR\n }) // Image Data from twgl website.","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":465,"value":"envTexture = \n twgl.createTexture(gl, {\n src: envTextureURL,\n flipY: true,\n min: gl.LINEAR_MIPMAP_LINEAR,\n max: gl.LINEAR\n }) // Image Data from twgl website.","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":599,"value":" targetTexture= \n twgl.createTexture(gl, {\n src: targetTextureURL,\n flipY: true,\n min: gl.LINEAR_MIPMAP_LINEAR,\n max: gl.LINEAR\n }) // Image Data from twgl website.","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":606,"value":" targetTextureN= \n twgl.createTexture(gl, {\n src: targetTextureNURL,\n flipY: true,\n min: gl.LINEAR_MIPMAP_LINEAR,\n max: gl.LINEAR\n }) // Image Data from twgl website.","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":608,"value":" bulletTexture= \n twgl.createTexture(gl, {\n src: bulletTextureURL,\n flipY: true,\n min: gl.LINEAR_MIPMAP_LINEAR,\n max: gl.LINEAR\n }) // Image Data from twgl website.","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"posx = getImageData(await FileAttachment(\"posx.jpg\").blob());","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"posy = getImageData(await FileAttachment(\"posy.jpg\").blob());","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"posz = getImageData(await FileAttachment(\"posz.jpg\").blob());","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"negx = getImageData(await FileAttachment(\"negx.jpg\").blob());","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"negy = getImageData(await FileAttachment(\"negy.jpg\").blob());","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"negz = getImageData(await FileAttachment(\"negz.jpg\").blob());","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"modelMatrix = matrixTransformation(modelExtents);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2297,"value":"modelMatrixPause = matrixStill(modelExtents);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"bulletModelMatrix = {\n const scaleMatrix = m4.scaling([1/10,1/10,1/10]); \n const translationMatrix = m4.translation( [0, 0, 0]); \n const translationMatrix3 = m4.translation([0-bul_xPos, 0+bul_yPos, 0-bul_zPos])\n const y_R = m4.rotationY(deg2rad(bul_yRot-90));\n const x_R = m4.rotationX(bul_xRot)\n const matrix = m4.multiply(translationMatrix3, m4.multiply(y_R, m4.multiply(x_R, m4.multiply(scaleMatrix, translationMatrix))));\n return matrix; \n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":759,"value":"mutable targetsModelsMatrix = {\n const models = [];\n for (let i = 0; i < 3; i++) {\n const scaleMatrix = m4.scaling([1, 1, 1]); \n const translationMatrix = m4.translation( [0, -0.3, 0]);\n const translationMatrix4 = randomTranslationArr[i];\n const x_R = m4.rotationY(0);\n const matrix = m4.multiply(translationMatrix4, m4.multiply(x_R, m4.multiply(scaleMatrix, translationMatrix)));\n models.push({matrix: matrix, extents: computeModelExtent(targetObj)});\n }\n return models;\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1979,"value":"target1ModelMat = { \n const scaleMatrix = m4.scaling([1, 1, 1]); \n const translationMatrix = m4.translation( [0, 0, 0]);\n const translationMatrix4 = randomTranslationArr[0];\n const x_R = m4.rotationY(0);\n return m4.multiply(translationMatrix4, m4.multiply(x_R, m4.multiply(scaleMatrix, translationMatrix)));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":454,"value":"envModelMatrix = {\n const scaleMatrix = m4.scaling([10,10,10]); \n const translationMatrix = m4.translation( [0, 0, 0]); \n const translationMatrix3 = m4.translation([0,-.25,0])\n const x_R = m4.rotationY(0);\n const matrix = m4.multiply(translationMatrix3, m4.multiply(x_R, m4.multiply(scaleMatrix, translationMatrix)));\n return matrix; \n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"## Constants","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":138,"value":"modelExtents = computeModelExtent(modelObj);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":456,"value":"envModelExtents = computeModelExtent(environmentModelObj);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"cameraDistance = modelExtents.center;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"projectionMatrix = m4.perspective(deg2rad(FOV), aspect, zNear,zFar)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"viewMatrix = m4.inverse(m4.lookAt(eyePosition, lookAtPosition, [0,1,0]));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1208,"value":"viewMatrixStart = m4.inverse(m4.lookAt(eyePositionStart, lookAtPositionStart, [0,1,0]));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"zNear = 0.1;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"zFar = 500;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"aspect = gl.canvas.width / gl.canvas.height;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"lookAtPosition = (hasFired && viewParameters.camFollow == \"Follow\") ? [0-bul_xPos,bul_yPos,0-bul_zPos] : [0-xPos,1.2,0-zPos];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1203,"value":"lookAtPositionStart = [0, 1.2, 0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"eyeDirection = [0,0,1];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":875,"value":"eyeDist = 3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":864,"value":"eyeDistVert = eyeDist*Math.sin(bul_xRot);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":868,"value":"eyeDistHori = eyeDist*Math.cos(bul_xRot)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"eyePosition = (hasFired && viewParameters.camFollow == \"Follow\") ? [(eyeDistHori*Math.sin(deg2rad(bul_yRot+70)))-bul_xPos, bul_yPos+(eyeDistVert), (eyeDistHori*Math.cos(deg2rad(bul_yRot+70)))-bul_zPos] :[(5*Math.sin(deg2rad(yRot+90)))-xPos, 1.3, (5*Math.cos(deg2rad(yRot+90)))-zPos]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1219,"value":"eyePositionStart = [deg2rad(-179), deg2rad(33), deg2rad(-68)]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"transformedEyePosition = \nm4.transformPoint(m4.multiply(m4.rotationY(deg2rad(-yRot+viewParameters.Y)), m4.rotationX(deg2rad(viewParameters.X))), eyePosition);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":214,"value":"translationMatrix2 = m4.translation([0-xPos,0,0-zPos])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"cubemap = twgl.createTexture(gl, {\n target:gl.TEXTURE_CUBE_MAP,\n src: [posx, negx, posy, negy, posz, negz],\n flipY: false,\n min: gl.LINEAR_MIPMAP_LINEAR\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"invProjectionMatrix = m4.inverse(m4.perspective(deg2rad(FOV), aspect, zNear,zFar));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"invViewMatrix = m4.lookAt(eyePosition, lookAtPosition, [0,1,0]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1213,"value":"invViewMatrixStart = m4.lookAt(eyePositionStart, lookAtPositionStart, [0,1,0]);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":254,"value":"uniformSkybox = ({\n cubemap,\n invViewProjectionMatrix: m4.multiply(\n invViewMatrix,\n invProjectionMatrix)\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1258,"value":"uniformStartbox = ({\n cubemap,\n invViewProjectionMatrix: m4.multiply(\n invViewMatrixStart,\n invProjectionMatrix)\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"quadBufferInfo = twgl.createBufferInfoFromArrays(gl, {\n position: {\n numComponents: 2,\n data: [-1, -1, 1, -1, 1, 1, 1, 1, -1, 1, -1, -1]\n }\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1228,"value":"mutable scoreMultiplier = 1;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1231,"value":"mutable score = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"## Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1750,"value":"function checkTime()\n{\n if(protoTimer > allowedTime)\n return true;\n else return false;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"function deg2rad (angle) {\n return angle * (Math.PI/180);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"function createVertexAttributes (modelObj) {\n let attributes = [];\n \n for(let i = 0; i < modelObj.length; i++) {\n attributes.push({\n position: { numComponents: 3, data: modelObj[i].sc.positions },\n normals: { numComponents: 3, data: modelObj[i].sc.normals },\n uv: { numComponents: 2, data: modelObj[i].sc.uvs }\n })\n };\n return attributes;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"createBufferInfoArray = (vertexAttributes) => {\n return vertexAttributes.map((v) => twgl.createBufferInfoFromArrays(gl, v));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"function matrixTransformation(modelExtents) {\n const scaleMatrix = m4.scaling([ 2/modelExtents.dia, 2/modelExtents.dia, 2/modelExtents.dia ]); \n const translationMatrix = m4.translation( [0, 0, 0]); \n const y_R = m4.rotationY(deg2rad(yRot));\n const matrix = m4.multiply(translationMatrix2, m4.multiply(y_R, m4.multiply(scaleMatrix, translationMatrix)));\n return matrix; \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2292,"value":"function matrixStill(modelExtents) {\n const scaleMatrix = m4.scaling([ 2/modelExtents.dia, 2/modelExtents.dia, 2/modelExtents.dia ]); \n const translationMatrix = m4.translation( [0, 0, 0]); \n const y_R = m4.rotationY(deg2rad(10));\n const matrix = m4.multiply(translationMatrix, m4.multiply(y_R, m4.multiply(scaleMatrix, translationMatrix)));\n return matrix; \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1833,"value":"function setRandomTranslationArr(){\n const randomTranslation = [];\n for (let i = 0; i < 3; i++){\n randomTranslation.push(m4.translation([Math.floor(Math.random() * 120 - 60), 0, Math.floor(Math.random() * 120 -60)]));\n }\n return randomTranslation;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1858,"value":"mutable randomTranslationArrORIG = setRandomTranslationArr();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1991,"value":"randomTranslationArr = [randTransArr1, randTransArr2, randTransArr3]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2032,"value":"mutable randTransArr1 = m4.translation([Math.floor(Math.random() * 120 - 60), 0, Math.floor(Math.random() * 120 -60)])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2035,"value":"mutable randTransArr2 = m4.translation([Math.floor(Math.random() * 120 - 60), 0, Math.floor(Math.random() * 120 -60)])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2037,"value":"mutable randTransArr3 = m4.translation([Math.floor(Math.random() * 120 - 60), 0, Math.floor(Math.random() * 120 -60)])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":754,"value":"function targetTransformations(i) {\n const scaleMatrix = m4.scaling([1, 1, 1]); \n const translationMatrix = m4.translation( [0, 0, 0]);\n const translationMatrix4 = randomTranslationArr[i];\n const x_R = m4.rotationY(0);\n const matrix = m4.multiply(translationMatrix4, m4.multiply(x_R, m4.multiply(scaleMatrix, translationMatrix)));\n return matrix; \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1031,"value":"getScoreForDisplay = (input) => {\n const value = new Uint8Array(scoreboardData.width * scoreboardData.height);\n let x = 1;\n for (const glyph of Array.from(input, c => glyphs.get(c))) {\n set({value, width:scoreboardData.width, height:scoreboardData.height}, glyph, x, 1);\n x += glyph.width + 1;\n }\n return value;\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2047,"value":"randomizeTargetPos = (i) => {\n switch(i){\n case 1: \n mutable randTransArr1 = m4.translation([Math.floor(Math.random() * 120 - 60), 0, Math.floor(Math.random() * 120 -60)]);\n break;\n case 2: \n mutable randTransArr2 = m4.translation([Math.floor(Math.random() * 120 - 60), 0, Math.floor(Math.random() * 120 -60)]);\n break;\n case 3:\n mutable randTransArr3 = m4.translation([Math.floor(Math.random() * 120 - 60), 0, Math.floor(Math.random() * 120 -60)]);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1211,"value":"$4f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2150,"value":"resetGame = () => {\n mutable xPos = 0;\n mutable zPos = 0;\n mutable score = 0;\n mutable scoreMultiplier = 1;\n mutable totalPause = 0;\n mutable addedTime = 0;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2161,"value":"buttonText = (protoTimer) ? \"Restart\" : \"Start\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"## LUL Some libraries we might need","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":35,"value":"twgl = require(\"twgl.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"m4 = twgl.m4","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"v3 = twgl.v3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"import { slider, radio, color as colorInput } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"import {hex2rgb} from \"@spattana/cap-4720-introduction-to-observable\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"import { loadModelFromURL, computeModelExtent} from \"@spattana/model-loaders-using-threejs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"import { columns } from \"@bcardiff/observable-columns\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"import {getImageData} from \"@ehouais/utils\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":845,"value":"import {keyboard} from \"@nitaku/keyboard-state\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":992,"value":"import {set, Pixel, glyphs} from \"@mbostock/pixel-clock\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1016,"value":"scoreboardData = ({width: 50, height: 9})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1061,"value":"scoreboard.value = getScoreForDisplay(score.toString());","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1252,"value":"drawCrossHair = (crossSize) => {\n const can = gl.canvas.getContext('2d');\n can.beginPath();\n var x = can.width / 2 - crossSize;\n var y = can.height / 2;\n can.moveTo(x, y);\n can.lineTo(x + crossSize, y);\n x = can.width / 2;\n y = can.height / 2 - crossSize;\n can.moveTo(x, y);\n can.lineTo(x, y + crossSize);\n can.stroke();\n can.closePath();\n //can.fillStrokeShape(\"+\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1358,"value":"coolPicture = await FileAttachment(\"GLOBE OF ARMORED VEHICLES.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1738,"value":"credits = await FileAttachment(\"GLOBE OF ARMORED VEHICLES CREDITS.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W50","stdlib":"1"}} 24:null