2b:null 2c:["$","title",null,{"children":"Project Code Attempt 2 | Sean Bennett | Observable"}] 31:T2343,{ var playerCoords = [0.0, 0.6, 0.0]; var gravity = [0, -1]; var rotateXY = m4.identity(); var footMode = 0; var verticalV = 0; var forwardV = 0; var grounded = false; var movingLeft = false; var movingRight = false; var faceSmush = false; var escaping = false; var levelCount = 1; var levelEnd = 63.0; var boundingBoxes = level1BoundingBoxes; var levelMatrices = level1Matrices; var levelTex = texBlue; var collected = [false, false, false]; var ballMatrix = getModelMatrix(1, 1, 1, 1.6, -1.5, 60); var ballLocation = m4.transformPoint(ballMatrix, [0, 0, 0]); var viewMatrix; var translationMatrix2; var rotateZ; var modelMatrix; var footModelMatrix1; var footModelMatrix2; var footRotateMatrix1; var footRotateMatrix2; var bottomCollidersTransformed; var leftColliderTransformed; var rightColliderTransformed; var topColliderTransformed; var frontCollidersTransformed; var playerBBMin; var playerBBMax; var playerBB; var jumpSound = new Audio(jumpURL); var bonusSound = new Audio(bonusURL); var levelWinSound = new Audio(levelWinURL); var gameWinSound = new Audio(gameWinURL); var rotateSound = new Audio(rotateURL); var dieSound = new Audio(dieURL); $(document).on("keypress", function (e) { if (e.key == ' ' && grounded){ //space grounded = false; verticalV = 0.05; jumpSound.play(); } }); $(document).on("keydown", function (e) { if (e.key == 'a'){ //left rotateXY = turnModelLeft(gravity); movingLeft = true; movingRight = false; }else if (e.key == 'd'){ //right rotateXY = turnModelRight(gravity); movingRight = true; movingLeft = false; } }); $(document).on("keyup", function (e) { if (e.key == 'a'){ //left rotateXY = m4.identity(); movingLeft = false; }else if (e.key == 'd'){ //right rotateXY = m4.identity(); movingRight = false; } }); while(pause.mode == "play"){ renderShadowMap(); if (forwardV < 0.08 && !faceSmush){ forwardV += 0.003; } faceSmush = false; playerCoords = updatePosition(playerCoords, gravity, verticalV, forwardV, movingLeft, movingRight); renderSky([0.0, 0.6, 0.0], gravity); gl.useProgram(programInfo.program); viewMatrix = getViewMatrix(playerCoords, gravity); translationMatrix2 = m4.translation(playerCoords); rotateZ = getZRotate(gravity); modelMatrix = m4.multiply(translationMatrix2, m4.multiply(rotateXY, m4.multiply(rotateZ, m4.multiply(scaleMatrix, translationMatrix)))); footRotateMatrix1 = getFoot(footMode, 1, gravity); footRotateMatrix2 = getFoot(footMode, -1, gravity); footMode++; if (footMode > 39) footMode = 0; footModelMatrix1 = m4.multiply(translationMatrix2, m4.multiply(footRotateMatrix1,m4.multiply(rotateXY, m4.multiply(rotateZ, m4.multiply(scaleMatrix, translationMatrix))))); footModelMatrix2 = m4.multiply(translationMatrix2, m4.multiply(footRotateMatrix2,m4.multiply(rotateXY, m4.multiply(rotateZ, m4.multiply(scaleMatrix, translationMatrix))))); drawTeapot(modelMatrix, viewMatrix, footModelMatrix1, footModelMatrix2); for (let i = 0; i < levelMatrices.length; i++){ drawBlock(viewMatrix, levelMatrices[i], levelTex); } if (!collected[levelCount-1]){ drawBall(viewMatrix, ballMatrix, texYellow); } bottomCollidersTransformed = []; for (let i = 0; i < bottomColliders.length; i++){ bottomCollidersTransformed[i] = m4.transformPoint(modelMatrix, bottomColliders[i]); } leftColliderTransformed = m4.transformPoint(modelMatrix, leftCollider); rightColliderTransformed = m4.transformPoint(modelMatrix, rightCollider); topColliderTransformed = m4.transformPoint(modelMatrix, topCollider); frontCollidersTransformed = []; for (let i = 0; i < frontColliders.length; i++){ frontCollidersTransformed[i] = m4.transformPoint(modelMatrix, frontColliders[i]); } if (gravity[1] == -1){ playerBBMin = m4.transformPoint(modelMatrix, extents.min); playerBBMax = m4.transformPoint(modelMatrix, extents.max); }else if (gravity[1] == 1){ playerBBMin = m4.transformPoint(modelMatrix, [extents.max[0], extents.max[1], extents.min[2]]); playerBBMax = m4.transformPoint(modelMatrix, [extents.min[0], extents.min[1], extents.max[2]]); }else if (gravity[0] == -1){ playerBBMin = m4.transformPoint(modelMatrix, [extents.max[0], extents.min[1], extents.min[2]]); playerBBMax = m4.transformPoint(modelMatrix, [extents.min[0], extents.max[1], extents.max[2]]); }else{ playerBBMin = m4.transformPoint(modelMatrix, [extents.min[0], extents.max[1], extents.min[2]]); playerBBMax = m4.transformPoint(modelMatrix, [extents.max[0], extents.min[1], extents.max[2]]); } playerBB = [playerBBMin[0], playerBBMin[1], playerBBMin[2], playerBBMax[0], playerBBMax[1], playerBBMax[2]]; if (verticalV <= 0.0){ for(let i = 0; i < boundingBoxes.length; i++){ if (escaping) break; for (let j = 0; j < bottomCollidersTransformed.length; j++){ if (collision(bottomCollidersTransformed[j], boundingBoxes[i])){ verticalV = 0.0; grounded = true; escaping = true; break; } } } if(!escaping) grounded = false; } escaping = false; if (!grounded) verticalV -= 0.0015; for (let i = 0; i < boundingBoxes.length; i++){ if (escaping) break; for (let j = 0; j < frontCollidersTransformed.length; j++){ if (collision(frontCollidersTransformed[j], boundingBoxes[i])){ forwardV = 0; faceSmush = true; escaping = true; break; } } } escaping = false; for (let i = 0; i < boundingBoxes.length; i++){ if (collision(leftColliderTransformed, boundingBoxes[i])){ gravity = rotateLeft(gravity); playerCoords = offsetChar(playerCoords, gravity); verticalV = 0; forwardV = 0; rotateSound.play(); break; }else if (collision(rightColliderTransformed, boundingBoxes[i])){ gravity = rotateRight(gravity); playerCoords = offsetChar(playerCoords, gravity); verticalV = 0; forwardV = 0; rotateSound.play(); break; }else if (collision(topColliderTransformed, boundingBoxes[i])){ gravity = invert(gravity); playerCoords = offsetChar(playerCoords, gravity); verticalV = 0; forwardV = 0; rotateSound.play(); break; } } if (collision(ballLocation, playerBB)){ collected[levelCount-1] = true; bonusSound.play(); } if (outOfBounds(playerCoords)){ playerCoords = [0.0, 0.6, 0.0]; verticalV = 0.0; forwardV = 0.0; grounded = false; gravity = [0, -1]; collected[levelCount-1] = false; dieSound.play(); } if (levelCount == 1){ if (playerCoords[2] >= levelEnd && grounded){ levelCount++; boundingBoxes = level2BoundingBoxes; levelMatrices = level2Matrices; levelEnd = 63.0; playerCoords = [0.0, 0.6, 0.0]; gravity = [0, -1]; levelTex = texGreen2; ballMatrix = getModelMatrix(1, 1, 1, 4, 0, 29); ballLocation = m4.transformPoint(ballMatrix, [0,0,0]); levelWinSound.play(); } }else if (levelCount == 2){ if (playerCoords[2] >= levelEnd && grounded){ levelCount++; boundingBoxes = level3BoundingBoxes; levelMatrices = level3Matrices; levelEnd = 63.0; playerCoords = [0.0, 0.6, 0.0]; gravity = [0, -1]; levelTex = texRed2; ballMatrix = getModelMatrix(1, 1, 1, 1.5, 3.5, 58); ballLocation = m4.transformPoint(ballMatrix, [0,0,0]); levelWinSound.play(); } }else{ if (playerCoords[2] >= levelEnd && grounded){ playerCoords = [0.0, 0.6, 0.0]; gravity = [0, -1]; gameWinSound.play(); break; } } yield gl.canvas; } while(pause.mode == "play"){ renderSky([0.0, 0.6, 0.0], gravity); gl.useProgram(programInfo.program); viewMatrix = getViewMatrix(playerCoords, gravity); if (collected[0]){ drawBall(viewMatrix, getModelMatrix(4, 4, 4, 4, 1, 3), texYellow); }else{ drawBall(viewMatrix, getModelMatrix(4, 4, 4, 4, 1, 3), texGray); } if (collected[1]){ drawBall(viewMatrix, getModelMatrix(4, 4, 4, 0, 1, 3), texYellow); }else{ drawBall(viewMatrix, getModelMatrix(4, 4, 4, 0, 1, 3), texGray); } if (collected[2]){ drawBall(viewMatrix, getModelMatrix(4, 4, 4, -4, 1, 3), texYellow); }else{ drawBall(viewMatrix, getModelMatrix(4, 4, 4, -4, 1, 3), texGray); } yield gl.canvas; } }32:T42b,shaders = ({ vs: `#version 300 es precision highp float; uniform mat4 projectionMatrix; uniform mat4 viewMatrix; uniform mat4 modelMatrix; uniform mat4 normalMatrix; uniform mat4 lightviewMatrix; in vec3 position; in vec3 normal; in vec2 uv; out vec3 fragNormal, fragPosition; out vec4 fragTexture; out vec2 fragUV; void main () { fragUV = uv; fragNormal = normalize( ( normalMatrix*vec4( normal,0.0f ) ).xyz ); vec4 positionWorld = modelMatrix * vec4( position, 1.0 ); fragPosition = (positionWorld).xyz; fragTexture = (lightviewMatrix * positionWorld); gl_Position = projectionMatrix*viewMatrix*positionWorld; }`, fs: `#version 300 es precision highp float; out vec4 outColor; in vec3 fragNormal; in vec3 fragPosition; in vec4 fragTexture; in vec2 fragUV; uniform sampler2D modelmap; uniform sampler2D detxt; void main () { vec3 color = texture(modelmap, fragUV).rgb; outColor = vec4(color, 1.0f); }` });33:T69f,function drawTeapot(modelMatrix, viewMatrix, footModelMatrix1, footModelMatrix2){ var uniforms; for (let i = 0; i < bufferInfo.length; i++) { if (i == 1) uniforms = { modelMatrix: footModelMatrix1, lightPosition: [1,5,1,1], materialColor: hex2rgb(colorParameters.material), projectionMatrix: m4.perspective(viewParameters.fov*Math.PI/180, gl.canvas.width/gl.canvas.height, 0.1, 50), viewMatrix: viewMatrix, lightviewMatrix: lightviewMatrix, detxt : depthTexture, modelmap: tex, normalMatrix: m4.transpose(m4.inverse(modelMatrix)), }; else if (i == 5) uniforms = { modelMatrix: footModelMatrix2, lightPosition: [1,5,1,1], materialColor: hex2rgb(colorParameters.material), projectionMatrix: m4.perspective(viewParameters.fov*Math.PI/180, gl.canvas.width/gl.canvas.height, 0.1, 50), viewMatrix: viewMatrix, lightviewMatrix: lightviewMatrix, detxt : depthTexture, modelmap: tex, normalMatrix: m4.transpose(m4.inverse(modelMatrix)), }; else uniforms = { modelMatrix: modelMatrix, lightPosition: [1,5,1,1], projectionMatrix: m4.perspective(viewParameters.fov*Math.PI/180, gl.canvas.width/gl.canvas.height, 0.1, 50), viewMatrix: viewMatrix, lightviewMatrix: lightviewMatrix, detxt : depthTexture, modelmap: tex, normalMatrix: m4.transpose(m4.inverse(modelMatrix)), }; twgl.setUniforms(programInfo, uniforms); twgl.setBuffersAndAttributes(gl, programInfo, bufferInfo[i]); twgl.drawBufferInfo(gl, bufferInfo[i]); } }34:[{"id":"086a478f181604b3c98e01b40af48634e9249c075e7369ebbf5be19e04fc5051568d2960b648373c827dd367c15c7f7ea57e296d10633821652a56491e4de3ea","href":"https://static.observableusercontent.com/files/086a478f181604b3c98e01b40af48634e9249c075e7369ebbf5be19e04fc5051568d2960b648373c827dd367c15c7f7ea57e296d10633821652a56491e4de3ea","name":"jump@1.mp3","type":"audio/mpeg","lastModified":1670285066324.083,"size":17325},{"id":"0e7b80379c6272e6e0431669f855b19032a3d1e856b7900215569c92218c31a22c0c6906e2ce2c56dcd68608bd566170744724d008d59d8cf04fa3803f318a54","href":"https://static.observableusercontent.com/files/0e7b80379c6272e6e0431669f855b19032a3d1e856b7900215569c92218c31a22c0c6906e2ce2c56dcd68608bd566170744724d008d59d8cf04fa3803f318a54","name":"Rayman.png","type":"image/png","lastModified":1670101098855.3,"size":113647},{"id":"c1fc0d2fbf2bed5669afae79d4c0e896701b9e7257924c92a873b376bb2e65d7c217aeb899c11088d648cf89535a89089cdabff9da336ba7e6a739dd5e20a5cf","href":"https://static.observableusercontent.com/files/c1fc0d2fbf2bed5669afae79d4c0e896701b9e7257924c92a873b376bb2e65d7c217aeb899c11088d648cf89535a89089cdabff9da336ba7e6a739dd5e20a5cf","name":"raymanModel.obj","type":"application/octet-stream","lastModified":1670101153385.065,"size":49748},{"id":"abef397ba0fa109e8c53b61dfa811e860465fc36c671072ec355932bd933f9869db69d87e594b067354aae898f7e69d3d3718e82a1abad9d2e959d1d8cb8dec0","href":"https://static.observableusercontent.com/files/abef397ba0fa109e8c53b61dfa811e860465fc36c671072ec355932bd933f9869db69d87e594b067354aae898f7e69d3d3718e82a1abad9d2e959d1d8cb8dec0","name":"cubemap.png","type":"image/png","lastModified":1670102274221.407,"size":3915290},{"id":"dade714f1b841788ee090645636bcacad118ce7d64995513265a55da4cd777771644ba9858fecb1a6090c82e69f5d8cd7cb7b508c572694205ce29b52b2105ad","href":"https://static.observableusercontent.com/files/dade714f1b841788ee090645636bcacad118ce7d64995513265a55da4cd777771644ba9858fecb1a6090c82e69f5d8cd7cb7b508c572694205ce29b52b2105ad","name":"blue1.jpg","type":"image/jpeg","lastModified":1670208484758.149,"size":23830},{"id":"d9d11c44ed8642f01b634aecb848267c339d16225cf2cb8960d6b7b9b746d1252fd7680b77d208b622d5ab6b35257cb6952d9b66a182de69c85fcc46a300a6b2","href":"https://static.observableusercontent.com/files/d9d11c44ed8642f01b634aecb848267c339d16225cf2cb8960d6b7b9b746d1252fd7680b77d208b622d5ab6b35257cb6952d9b66a182de69c85fcc46a300a6b2","name":"red2.jpg","type":"image/jpeg","lastModified":1670209251704.116,"size":95277},{"id":"7464f03cd6689749575353b31d23905c2863e4bc5959e7d4ef333e248a0338b53958bb0ddf7b44b89612201f442275e27d4f8c3ef4aefa0319be1164fc892d3b","href":"https://static.observableusercontent.com/files/7464f03cd6689749575353b31d23905c2863e4bc5959e7d4ef333e248a0338b53958bb0ddf7b44b89612201f442275e27d4f8c3ef4aefa0319be1164fc892d3b","name":"green2.jpg","type":"image/jpeg","lastModified":1670209867357.809,"size":1291684},{"id":"26f2b0d40cc4e213f7ebefb57fe0612789ece7b727792d0cd33d2a8d0bea38efeef4cc465f5c5fc52168c68bda764ef23207d6b79d915326f3bb52584adf7564","href":"https://static.observableusercontent.com/files/26f2b0d40cc4e213f7ebefb57fe0612789ece7b727792d0cd33d2a8d0bea38efeef4cc465f5c5fc52168c68bda764ef23207d6b79d915326f3bb52584adf7564","name":"yellow.jpg","type":"image/jpeg","lastModified":1670270916830.194,"size":31460},{"id":"b7752ce396673f12de70a7408a93e70d8b84e10191236b61412298d0683630032527f76d9383e6f8b5781c345e2a9b830b7c051eb53e118d1e5e05189740c469","href":"https://static.observableusercontent.com/files/b7752ce396673f12de70a7408a93e70d8b84e10191236b61412298d0683630032527f76d9383e6f8b5781c345e2a9b830b7c051eb53e118d1e5e05189740c469","name":"gray.jpg","type":"image/jpeg","lastModified":1670281788265.068,"size":73196},{"id":"3a64a0602a51c351b646bc201aaa766f36711d16256b0829ca9a6181516e3b7bae43ae9257bc95f980717ba6346d2c6a259abc14da156f4526cf15b78d77a4c0","href":"https://static.observableusercontent.com/files/3a64a0602a51c351b646bc201aaa766f36711d16256b0829ca9a6181516e3b7bae43ae9257bc95f980717ba6346d2c6a259abc14da156f4526cf15b78d77a4c0","name":"rotateSound.mp3","type":"audio/mpeg","lastModified":1670284138915.67,"size":55170},{"id":"182ee303536b7a43596a487ba3614ba95335ced6117d5447694058c7bb015c3338210d1519acb77b6408cfb2b3a93b335f1d49f1932cc7e4f8be1fc6a7d534e9","href":"https://static.observableusercontent.com/files/182ee303536b7a43596a487ba3614ba95335ced6117d5447694058c7bb015c3338210d1519acb77b6408cfb2b3a93b335f1d49f1932cc7e4f8be1fc6a7d534e9","name":"bonus.mp3","type":"audio/mpeg","lastModified":1670284138919.395,"size":50880},{"id":"dda9423874dedfc4ed41434bbe7c848988aaa4b4b921d8ffefb34c6ec739c15ad1531c87cccdbb56838a79a51345f34a260c0d9f1abb57e538e08e92121533ba","href":"https://static.observableusercontent.com/files/dda9423874dedfc4ed41434bbe7c848988aaa4b4b921d8ffefb34c6ec739c15ad1531c87cccdbb56838a79a51345f34a260c0d9f1abb57e538e08e92121533ba","name":"levelWin.mp3","type":"audio/mpeg","lastModified":1670284138909.953,"size":34560},{"id":"15dde08a9cdb0276fd71218dc8083e6d2e9397b4d1a09adbe5eb7ea64ce000f2e072b91f5faaa1223aa828ee02d6e4f63626010f18c0766e0c1b588c7b76ad44","href":"https://static.observableusercontent.com/files/15dde08a9cdb0276fd71218dc8083e6d2e9397b4d1a09adbe5eb7ea64ce000f2e072b91f5faaa1223aa828ee02d6e4f63626010f18c0766e0c1b588c7b76ad44","name":"endGame.mp3","type":"audio/mpeg","lastModified":1670284138943.208,"size":78240},{"id":"b79459d9d0a92b20560480d805b54ef93a4921751c67aef4e63753f2e028f97953c3f82e6e631081734c0160e2e2057512eea287de9564eb51c3f643b5bdc78c","href":"https://static.observableusercontent.com/files/b79459d9d0a92b20560480d805b54ef93a4921751c67aef4e63753f2e028f97953c3f82e6e631081734c0160e2e2057512eea287de9564eb51c3f643b5bdc78c","name":"die.mp3","type":"audio/mpeg","lastModified":1670284697900.187,"size":20160}] 2f:{"id":"c47496fc04064472","slug":null,"title":"Project Code Attempt 2","thumbnail":"2fc61cebd340a029545ce58cd25e87b787ad9b9a68ef52a88fd67efce93b099e","access_level":"public","create_time":"$D2022-11-05T01:10:20.816Z","update_time":"$D2022-12-20T01:34:45.766Z","view_time":null,"first_public_time":"$D2022-11-15T18:45:35.860Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"899e7cd7bc0720e3","login":"seanbennett","name":"Sean Bennett","avatar_url":"https://avatars-next.observableusercontent.com/436126ee13c302bc93c448d3da2c237b49b803a716f4a52351c2d7f7ae71c777","tier":"starter_2024"},"version":3368,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"66f7c3cc5b1ddbcd","login":"seanbennett","name":"Sean Bennett","avatar_url":"https://avatars-next.observableusercontent.com/436126ee13c302bc93c448d3da2c237b49b803a716f4a52351c2d7f7ae71c777","tier":null}],"members":[{"type":"individual","id":"22bfa7d8533f91a4","login":"cjsodl926","name":"Christian Sodl","avatar_url":"https://avatars-next.observableusercontent.com/ea210a327f394c2d6ca4ab14b5d893fa351165c0ae359c38cbfd09f4956338e4","tier":null,"role":"editor"},{"type":"individual","id":"66f7c3cc5b1ddbcd","login":"seanbennett","name":"Sean Bennett","avatar_url":"https://avatars-next.observableusercontent.com/436126ee13c302bc93c448d3da2c237b49b803a716f4a52351c2d7f7ae71c777","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Project Code Attempt 2","cells":[{"id":0,"value":"# Project Code Attempt 2","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":3356,"value":"### Space to jump","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":3362,"value":"### A and D to move left and right","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":3364,"value":"### Make sure to click into the canvas before playing","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":3367,"value":"### Click the play button to begin!","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1985,"value":"viewof pause = columns({\n mode: radio([\"pause\", \"play\"])\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":364,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":238,"value":"## 1 - Create Vertex Attributes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":243,"value":"vertexAttributes = {\n let vertexAttributes = [];\n for (let i = 0; i < raymanObj.length; i++)\n {\n vertexAttributes[i] = {\n position: { numComponents: 3, data: raymanObj[i].sc.positions },\n normal: { numComponents: 3, data: raymanObj[i].sc.normals },\n uv: { numComponents: 2, data: raymanObj[i].sc.uvs}\n }\n }\n return vertexAttributes;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":333,"value":"extents = computeModelExtent(raymanObj);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":884,"value":"quadBufferInfo = twgl.createBufferInfoFromArrays(gl, {\n position: {\n numComponents: 3,\n data: [-1,-0.2, -1, 1,-0.2, -1, 1,-0.2, 1, 1,-0.2, 1, -1,-0.2, 1, -1,-0.2, -1 ]\n },\n normal: {\n numComponents: 3,\n data: [0,1, 0, 0,1, 0, 0,1, 0, 0,1, 0, 0,1, 0, 0,1, 0 ]\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":247,"value":"## 2 – Create gl rendering context","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":253,"value":"gl = {\n const myCanvas = DOM.canvas(width, 480);\n const gl = myCanvas.getContext(\"webgl2\");\n gl.enable(gl.DEPTH_TEST);\n gl.clearColor(...hex2rgb(colorParameters.background), 1);\n gl.clear(gl.COLOR_BUFFER_BIT);\n gl.viewport(0, 0, gl.canvas.width, gl.canvas.height);\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":258,"value":"## 3 – Create shader functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":264,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":317,"value":"errorBlock = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":275,"value":"programInfo = {\n errorBlock.style.height = \"20px\";\n errorBlock.innerHTML = \"Program Shader compilation successful\";\n return twgl.createProgramInfo(gl, [shaders.vs, shaders.fs], (message) => {\n errorBlock.style.height = \"400px\";\n errorBlock.innerHTML = \"Program Shader compilation error\\n\" + message;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":267,"value":"## 4 – Set up Vertex Attribute for pipeline","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":279,"value":"bufferInfo = {\n let bufferInfo = [];\n for (let i = 0; i < vertexAttributes.length; i++)\n {\n bufferInfo[i] = twgl.createBufferInfoFromArrays(gl, vertexAttributes[i]);\n }\n return bufferInfo;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":458,"value":"scaleMatrix = m4.scaling( [ ModelParameters.scale/extents.dia, 0.5*ModelParameters.scale/extents.dia, ModelParameters.scale/extents.dia ] )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":465,"value":"translationMatrix = m4.translation( [-extents.center[0], -extents.center[1], -extents.center[2] ] )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":545,"value":"translationMatrix2 = m4.translation( [ModelParameters.TranslateX, ModelParameters.TranslateY, 0 ] )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":535,"value":"lookAtPOsition = [0,0,0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":538,"value":"eyeDirection = [0,0,1]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":531,"value":"eyePosition = twgl.v3.add( lookAtPOsition, twgl.v3.mulScalar( eyeDirection, viewParameters.eyeDistance ) )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":565,"value":"transformedEyePosition = m4.transformPoint(m4.multiply(m4.rotationY(viewParameters.yAngle*Math.PI/180),m4.rotationX(viewParameters.xAngle*Math.PI/180)), eyePosition)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":585,"value":"modelMatrix = m4.multiply(translationMatrix2,m4.multiply(scaleMatrix, translationMatrix))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1241,"value":"lightviewMatrix = m4.multiply(m4.perspective(viewParameters.fov*Math.PI/180, gl.canvas.width/gl.canvas.height, 0.1, 20), \n m4.inverse( m4.lookAt([1,5,1,1], lookAtPOsition, [0,1,0])))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":339,"value":"uniformsTeapot = ({\n modelMatrix, \n lightPosition: [1,5,1,1],\n materialColor: hex2rgb(colorParameters.material),\n projectionMatrix: m4.perspective(viewParameters.fov*Math.PI/180, gl.canvas.width/gl.canvas.height, 0.1, 40),\n viewMatrix: m4.inverse( m4.lookAt(transformedEyePosition, lookAtPOsition, [0,1,0])),\n lightviewMatrix: lightviewMatrix,\n detxt : depthTexture,\n normalMatrix: m4.transpose(m4.inverse(modelMatrix)),\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":877,"value":"uniformsPlane = ({\n modelMatrix: m4.identity(),\n lightPosition : [1,5,1,1],\n materialColor: [0.3,0.5,0.8],\n projectionMatrix: m4.perspective(viewParameters.fov*Math.PI/180, gl.canvas.width/gl.canvas.height, 0.1, 40),\n viewMatrix: m4.inverse( m4.lookAt(transformedEyePosition, lookAtPOsition, [0,1,0])), \n lightviewMatrix: lightviewMatrix,\n detxt : depthTexture,\n normalMatrix: m4.identity(),\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3343,"value":"## Collision Stuff","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":2015,"value":"bottomColliders = [\n [extents.center[0], extents.min[1]-1.3, extents.center[2]], //center\n [extents.min[0]+0.5, extents.min[1]-1.3, extents.min[2]], //right heel\n [extents.max[0]-0.5, extents.min[1]-1.3, extents.min[2]], //left heel\n [extents.min[0]+0.5, extents.min[1]-1.3, extents.max[2]-2.0], //right toe\n [extents.max[0]-0.5, extents.min[1]-1.3, extents.max[2]-2.0] //left toe\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1384,"value":"leftCollider = [extents.max[0], extents.center[1], extents.center[2]]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1389,"value":"rightCollider = [extents.min[0], extents.center[1], extents.center[2]]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1392,"value":"topCollider = [extents.center[0], extents.max[1], extents.center[2]]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2036,"value":"frontColliders = [\n [extents.center[0], extents.center[1], extents.max[2]], //center\n [extents.min[0]+0.5, extents.min[1]+1.0, extents.max[2]], // right bottom\n [extents.max[0]-0.5, extents.min[1]+1.0, extents.max[2]], // left bottom\n [extents.max[0]-0.5, extents.center[1], extents.max[2]],\n [extents.min[0]+0.5, extents.center[1], extents.max[2]]\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":63,"value":"## Loading Object, sounds, and textures","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1484,"value":"rayman_url = FileAttachment(\"raymanModel.obj\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1486,"value":"raymanObj = loadModelFromURL(rayman_url,\"obj\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1568,"value":"textureURL = FileAttachment(\"Rayman.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2326,"value":"blueTexURL = FileAttachment(\"blue1.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2356,"value":"red2TexURL = FileAttachment(\"red2.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2361,"value":"green2TexURL = FileAttachment(\"green2.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2472,"value":"yellowTexURL = FileAttachment(\"yellow.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2614,"value":"grayTexURL = FileAttachment(\"gray.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1565,"value":"tex = twgl.createTexture(gl, {\n src: textureURL,\n flipY: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2328,"value":"texBlue = twgl.createTexture(gl, {\n src: blueTexURL,\n flipY: false,\n wrap: gl.REPEAT\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2358,"value":"texRed2 = twgl.createTexture(gl, {\n src: red2TexURL,\n flipY: false,\n wrap: gl.REPEAT\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2364,"value":"texGreen2 = twgl.createTexture(gl, {\n src: green2TexURL,\n flipY: false,\n wrap: gl.REPEAT\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2476,"value":"texYellow = twgl.createTexture(gl, {\n src: yellowTexURL,\n flipY: false,\n wrap: gl.REPEAT\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2618,"value":"texGray = twgl.createTexture(gl, {\n src: grayTexURL,\n flipY: false,\n wrap: gl.REPEAT\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2636,"value":"jumpURL = FileAttachment(\"jump@1.mp3\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2639,"value":"bonusURL = FileAttachment(\"bonus.mp3\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2641,"value":"levelWinURL = FileAttachment(\"levelWin.mp3\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2643,"value":"gameWinURL = FileAttachment(\"endGame.mp3\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2645,"value":"rotateURL = FileAttachment(\"rotateSound.mp3\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2648,"value":"dieURL = FileAttachment(\"die.mp3\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1454,"value":"## Skybox Implementation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1509,"value":"cubemapurl = FileAttachment(\"cubemap.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1515,"value":"getCubes = (url, size) => {\n return new Promise(resolve => {\n const im = new Image();\n im.crossOrigin = \"anonymous\";\n im.src = url;\n im.onload = () => {\n resolve([[size*2,size],[0,size],[size,0],[size,size*2],[size,size], [size*3,size]].map(xy=>{\n const ctx = DOM.context2d(size,size);\n ctx.drawImage(im, xy[0], xy[1], size, size, 0, 0, size, size);\n return ctx.canvas;\n }))\n }\n }) \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1521,"value":"cubemapCubes = getCubes(cubemapurl, 1024)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1527,"value":"cubemap = twgl.createTexture(gl, {\n target: gl.TEXTURE_CUBE_MAP,\n flipY: false,\n src: cubemapCubes\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1534,"value":"skyBoxProgramInfo = {\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"},{"id":1557,"value":"errorBlockskybox = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1552,"value":"skyBoxShader = ({\n vs : `#version 300 es\n precision mediump float;\n\n in vec2 position;\n out vec2 fragPosition;\n\n void main() {\n fragPosition = position;\n gl_Position = vec4(position, 1, 1);\n }`,\n \n fs : `#version 300 es\n precision mediump float;\n\n uniform samplerCube cubemap;\n uniform mat4 invViewProjectionMatrix;\n\n in vec2 fragPosition;\n\n out vec4 outColor;\n \n void main () {\n vec4 direction = invViewProjectionMatrix*vec4(fragPosition, 1, 1);\n outColor = vec4(texture(cubemap, normalize(direction.xyz)).rgb,1);\n }`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1537,"value":"skyBuffer = 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"},{"id":1589,"value":"getProjectionMatrix = (fov, aspect, near, far) => {\n return m4.perspective(\n deg2rad(fov),\n aspect,\n near,\n far\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1532,"value":"renderSky = (coords, gravity) => {\n gl.depthFunc(gl.LEQUAL);\n\n //calculate the matrices here\n \n var tempProjectionMatrix = m4.perspective(viewParameters.fov*Math.PI/180, gl.canvas.width/gl.canvas.height, 0.1, 20)\n \n var invTempProjectionMatrix = m4.inverse(tempProjectionMatrix);\n var tempCameraMatrix = m4.inverse(getViewMatrix(coords, gravity));\n var invViewProjectionMatrix = m4.multiply(tempCameraMatrix, invTempProjectionMatrix);\n \n const uniforms = {\n cubemap,\n invViewProjectionMatrix\n };\n\n gl.useProgram(skyBoxProgramInfo.program);\n twgl.setUniforms(skyBoxProgramInfo, uniforms);\n twgl.setBuffersAndAttributes(gl, skyBoxProgramInfo, skyBuffer);\n twgl.drawBufferInfo(gl, skyBuffer);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"## external Libraries and imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":13,"value":"import {loadModelFromURL, computeModelExtent} from \"@spattana/model-loaders-using-threejs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":355,"value":"import { color as colorInput } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":357,"value":"hex2rgb = (hex) =>\n (hex = hex.replace(\"#\", \"\"))\n .match(new RegExp(\"(.{\" + hex.length / 3 + \"})\", \"g\"))\n .map((l) => parseInt(hex.length % 2 ? l + l : l, 16) / 255)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1594,"value":"deg2rad = (deg) => (Math.PI * deg) / 180","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":134,"value":"twgl = require(\"twgl.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":456,"value":"m4 = twgl.m4;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":506,"value":"import {columns} from \"@bcardiff/observable-columns\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":510,"value":"import {slider, radio} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":754,"value":"function createDepthTexture() {\n\n const depthTexture = gl.createTexture();\n gl.bindTexture(gl.TEXTURE_2D, depthTexture);\n gl.texImage2D(\n gl.TEXTURE_2D, // target\n 0, // mip level\n gl.DEPTH_COMPONENT32F, // internal format\n gl.canvas.width, // width\n gl.canvas.height, // height\n 0, // border\n gl.DEPTH_COMPONENT, // format\n gl.FLOAT, // type\n null); // data\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n\n return depthTexture;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":808,"value":"function createDepthBuffer(depthTexture) {\n const depthFramebuffer = gl.createFramebuffer();\n gl.bindFramebuffer(gl.FRAMEBUFFER, depthFramebuffer);\n gl.framebufferTexture2D(\n gl.FRAMEBUFFER, // target\n gl.DEPTH_ATTACHMENT, // attachment point\n gl.TEXTURE_2D, // texture target\n depthTexture, // texture\n 0); // mip level\n return depthFramebuffer;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":758,"value":"depthTexture = createDepthTexture()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":760,"value":"depthFramebuffer = createDepthBuffer(depthTexture)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1178,"value":"shadowMapProgram = {\n const vert = `#version 300 es\n precision mediump float;\n uniform mat4 projectionMatrix;\n uniform mat4 viewMatrix;\n uniform mat4 modelMatrix;\n uniform mat4 normalMatrix;\n\n in vec3 position;\n in vec3 normal;\n\n void main () {\n gl_Position = projectionMatrix *viewMatrix * modelMatrix * vec4( position, 1.0 );\n }`,\n frag = `#version 300 es\n precision mediump float;\n out vec4 outColor;\n void main () {\n outColor = vec4(vec3(0.f),1);\n }`;\n errorBlock.style.height = \"20px\";\n errorBlock.innerHTML = \"Program Shader compilation successful\";\n return twgl.createProgramInfo(gl, [vert, frag], (message) => {\n errorBlock.style.height = \"400px\";\n errorBlock.innerHTML = \"Scene Program Shader compilation error\\n\" + message;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1183,"value":"uniformsPlaneShadowMap = ({\n modelMatrix: m4.identity(),\n eyePosition,\n materialColor: [0.5,0.5,0.5],\n projectionMatrix: m4.perspective(viewParameters.fov*Math.PI/180, gl.canvas.width/gl.canvas.height, 0.1, 20),\n viewMatrix: m4.inverse( m4.lookAt([1,5,1,1], lookAtPOsition, [0,1,0])), \n lightPosition : [1,5,1,1],\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1188,"value":"uniformsaShadowMap = ({\n lightPosition: [1,5,1,1],\n materialColor: hex2rgb(colorParameters.material),\n projectionMatrix: m4.perspective(viewParameters.fov*Math.PI/180, gl.canvas.width/gl.canvas.height, 0.1, 20),\n viewMatrix: m4.inverse( m4.lookAt([1,5,1,1], lookAtPOsition, [0,1,0])), \n modelMatrix,\n eyePosition ,\n normalMatrix: m4.transpose(m4.inverse(modelMatrix)),\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1157,"value":"function renderShadowMap(){ \n createDepthTexture();\n gl.bindFramebuffer(gl.FRAMEBUFFER, depthFramebuffer);\n gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);\n gl.useProgram(shadowMapProgram.program);\n twgl.setBuffersAndAttributes(gl, shadowMapProgram, bufferInfo);\n twgl.setUniforms(shadowMapProgram, uniformsaShadowMap);\n twgl.drawBufferInfo(gl, bufferInfo[0]);\n\n twgl.setBuffersAndAttributes(gl, shadowMapProgram, quadBufferInfo);\n twgl.setUniforms(shadowMapProgram,uniformsPlaneShadowMap );\n twgl.drawBufferInfo(gl, quadBufferInfo);\n\n gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1278,"value":"import { jQuery as $ } from \"@ddspog/useful-libs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2741,"value":"## New Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1261,"value":"moveSpeed = 0.042","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1253,"value":"function moveLeft(playerCoords, gravity) {\n if (gravity[1] == -1)\n return [playerCoords[0]+moveSpeed, playerCoords[1], playerCoords[2]];\n else if (gravity[0] == 1)\n return [playerCoords[0], playerCoords[1]+moveSpeed, playerCoords[2]];\n else if (gravity[1] == 1)\n return [playerCoords[0]-moveSpeed, playerCoords[1], playerCoords[2]];\n else\n return [playerCoords[0], playerCoords[1]-moveSpeed, playerCoords[2]];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1255,"value":"function moveRight(playerCoords, gravity) {\n if (gravity[1] == -1)\n return [playerCoords[0]-moveSpeed, playerCoords[1], playerCoords[2]];\n else if (gravity[0] == 1)\n return [playerCoords[0], playerCoords[1]-moveSpeed, playerCoords[2]];\n else if (gravity[1] == 1)\n return [playerCoords[0]+moveSpeed, playerCoords[1], playerCoords[2]];\n else\n return [playerCoords[0], playerCoords[1]+moveSpeed, playerCoords[2]];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1299,"value":"function rotateLeft(gravity) {\n if (gravity[1] == -1)\n return [1, 0];\n else if (gravity[0] == 1)\n return [0, 1];\n else if (gravity[1] == 1)\n return [-1, 0];\n else\n return [0, -1];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1301,"value":"function rotateRight(gravity) {\n if (gravity[1] == -1)\n return [-1, 0];\n else if (gravity[0] == 1)\n return [0, -1];\n else if (gravity[1] == 1)\n return [1, 0];\n else\n return [0, 1];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1327,"value":"function turnModelLeft(gravity) {\n if (gravity[1] == -1)\n return m4.rotationY(30*Math.PI/180);\n else if (gravity[0] == 1)\n return m4.rotationX(-30*Math.PI/180);\n else if (gravity[1] == 1)\n return m4.rotationY(-30*Math.PI/180);\n else\n return m4.rotationX(30*Math.PI/180);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1331,"value":"function turnModelRight(gravity) {\n if (gravity[1] == -1)\n return m4.rotationY(-30*Math.PI/180);\n else if (gravity[0] == 1)\n return m4.rotationX(30*Math.PI/180);\n else if (gravity[1] == 1)\n return m4.rotationY(30*Math.PI/180);\n else\n return m4.rotationX(-30*Math.PI/180);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1336,"value":"function getZRotate(gravity){\n if (gravity[1] == -1)\n return m4.identity();\n else if (gravity[0] == 1)\n return m4.rotationZ(90*Math.PI/180);\n else if (gravity[1] == 1)\n return m4.rotationZ(180*Math.PI/180);\n else\n return m4.rotationZ(-90*Math.PI/180);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1303,"value":"function invert(gravity){\n if (gravity[1] == -1)\n return [0, 1];\n else if (gravity[0] == 1)\n return [-1, 0];\n else if (gravity[1] == 1)\n return [0, -1];\n else\n return [1, 0];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1308,"value":"function getViewMatrix(playerCoords, gravity){\n var offset = 0.4;\n var dist = 3;\n var lookAtPosition = [playerCoords[0]-offset*gravity[0], playerCoords[1]-offset*gravity[1], playerCoords[2]];\n var eyePosition = [playerCoords[0]-offset*gravity[0], playerCoords[1]-offset*gravity[1], playerCoords[2]-dist];\n var upVector = [-gravity[0], -gravity[1], 0];\n return m4.inverse(m4.lookAt(eyePosition, lookAtPosition, upVector));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1265,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1637,"value":"function drawBlock(viewMatrix, modelMatrix, bTex){\n var uniformsBlock = {\n modelMatrix: modelMatrix,\n lightPosition : [1,5,1,1],\n projectionMatrix: m4.perspective(viewParameters.fov*Math.PI/180, gl.canvas.width/gl.canvas.height, 0.1, 50),\n viewMatrix: viewMatrix, \n lightviewMatrix: lightviewMatrix,\n detxt : depthTexture,\n modelmap: bTex,\n normalMatrix: m4.identity(),\n };\n\n \n twgl.setBuffersAndAttributes(gl, programInfo, testCubeBuffer);\n twgl.setUniforms(programInfo, uniformsBlock);\n twgl.drawBufferInfo(gl, testCubeBuffer);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2396,"value":"function drawBall(viewMatrix, ballMatrix, ballTex){\n var uniformsBall = {\n modelMatrix: ballMatrix,\n lightPosition : [1,5,1,1],\n projectionMatrix: m4.perspective(viewParameters.fov*Math.PI/180, gl.canvas.width/gl.canvas.height, 0.1, 50),\n viewMatrix: viewMatrix, \n lightviewMatrix: lightviewMatrix,\n detxt : depthTexture,\n modelmap: ballTex,\n normalMatrix: m4.identity(),\n };\n\n \n twgl.setBuffersAndAttributes(gl, programInfo, testSphereBuffer);\n twgl.setUniforms(programInfo, uniformsBall);\n twgl.drawBufferInfo(gl, testSphereBuffer);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1357,"value":"function collision(collider, boundingBox){\n return (\n collider[0] >= boundingBox[0] &&\n collider[0] <= boundingBox[3] &&\n collider[1] >= boundingBox[1] &&\n collider[1] <= boundingBox[4] &&\n collider[2] >= boundingBox[2] &&\n collider[2] <= boundingBox[5]\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1360,"value":"function updatePosition(playerCoords, gravity, verticalV, forwardV, movingLeft, movingRight){\n if(movingLeft)\n playerCoords = moveLeft(playerCoords, gravity);\n if (movingRight)\n playerCoords = moveRight(playerCoords, gravity);\n \n playerCoords[2] += forwardV;\n\n if (gravity[1] == -1)\n playerCoords[1] += verticalV;\n else if (gravity[1] == 1)\n playerCoords[1] -= verticalV; \n else if (gravity[0] == 1)\n playerCoords[0] -= verticalV;\n else if (gravity[0] == -1)\n playerCoords[0] += verticalV; \n\n return playerCoords;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1946,"value":"function getFoot(footMode, foot, gravity){\n if (footMode < 10 || (footMode > 20 && footMode < 30))\n return m4.identity();\n else if (footMode > 30){\n if (gravity[1] != 0)\n return m4.rotationX(foot*30*Math.PI/180);\n else\n return m4.rotationY(foot*30*Math.PI/180);\n }else{\n if (gravity[1] != 0)\n return m4.rotationX(-foot*30*Math.PI/180)\n else\n return m4.rotationY(-foot*30*Math.PI/180);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1971,"value":"function offsetChar(playerCoords, gravity){\n if (gravity[1] == -1)\n return [playerCoords[0], playerCoords[1]+0.2, playerCoords[2]];\n else if (gravity[1] == 1)\n return [playerCoords[0], playerCoords[1]-0.2, playerCoords[2]];\n else if (gravity[0] == -1)\n return [playerCoords[0]+0.2, playerCoords[1], playerCoords[2]];\n else \n return [playerCoords[0]-0.2, playerCoords[1], playerCoords[2]];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1995,"value":"function offsetChar2(playerCoords, gravity){\n if (gravity[1] == -1)\n return [playerCoords[0], playerCoords[1]+0.005, playerCoords[2]];\n else if (gravity[1] == 1)\n return [playerCoords[0], playerCoords[1]-0.005, playerCoords[2]];\n else if (gravity[0] == -1)\n return [playerCoords[0]+0.005, playerCoords[1], playerCoords[2]];\n else \n return [playerCoords[0]-0.005, playerCoords[1], playerCoords[2]];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1812,"value":"function outOfBounds(playerCoords){\n return (\n playerCoords[0] >= 25.0 ||\n playerCoords[1] >= 25.0 ||\n playerCoords[0] <= -25.0 ||\n playerCoords[1] <= -25.0\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1644,"value":"function getColliders(modelMatrix){\n var min = m4.transformPoint(modelMatrix, [-1, -1, -1]);\n var max = m4.transformPoint(modelMatrix, [1, 1, 1]);\n return [min[0], min[1], min[2], max[0], max[1], max[2]];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1617,"value":"function getModelMatrix(sx, sy, sz, px, py, pz) {\n\n var newScaleMatrix = m4.scaling([sx, sy, sz]);\n var newTranslationMatrix = m4.translation([px, py, pz]);\n \n return m4.multiply(newTranslationMatrix, newScaleMatrix);\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1754,"value":"function getLevelBoxes(modelMatrices){\n let ret = [];\n for (let i = 0; i < modelMatrices.length; i++){\n ret[i] = getColliders(modelMatrices[i]);\n }\n return ret;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1615,"value":"## Level Generation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1624,"value":"testCube = twgl.primitives.createCubeVertices(2);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2385,"value":"testSphere = twgl.primitives.createSphereVertices(0.15, 10, 10);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2387,"value":"testSphereBuffer = twgl.createBufferInfoFromArrays(gl, testSphere);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1635,"value":"testCubeBuffer = twgl.createBufferInfoFromArrays(gl, testCube);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2006,"value":"### Level 1","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1685,"value":"level1Matrices = getLevel1Matrices()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1354,"value":"level1BoundingBoxes = getLevelBoxes(level1Matrices);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1687,"value":"function getLevel1Matrices() {\n return [\n getModelMatrix(1, 0.5, 7, 0, -1, 0), //starting platform\n getModelMatrix(1, 0.5, 3, 0, -1, 13.2), //first jump\n getModelMatrix(0.4, 1.5, 4, 1.5, 0.8, 20), //first left wall\n getModelMatrix(1.2, 0.5, 3, 0, 3, 25), //first ceiling\n getModelMatrix(0.4, 1.5, 4, -1.8, 0.8, 30), //first right wall\n getModelMatrix(1.4, 0.5, 3, 0, -1.5, 33),\n getModelMatrix(1.4, 0.5, 3, 0, -1.5, 44),\n getModelMatrix(1.4, 0.5, 5, 0, 0.8, 50),\n getModelMatrix(1.4, 0.5, 7, 0, -1.5, 60)\n ];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2009,"value":"### Level 2","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":2012,"value":"level2Matrices = getLevel2Matrices()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2028,"value":"level2BoundingBoxes = getLevelBoxes(level2Matrices);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2952,"value":"function getLevel2Matrices() {\n return [\n //getModelMatrix(1, 1, 7, 0, -1, 0),\n //getModelMatrix(0.2, 0.8, 4, 1.5, 0.8, 5),\n //keep the y = 1 for base line\n getModelMatrix(0.5, 0.5, 8, 0, -1, 0), //start\n getModelMatrix(0.5, 0.5, 6, -1, -1, 8),\n getModelMatrix(2, 0.5, 1, 0.5, -1, 15),\n getModelMatrix(0.5, 1.5, 6, 3, 0, 26),\n getModelMatrix(0.4, 1.75, 0.5, 2.25, 0, 27),\n getModelMatrix(2, 0.5, 9, 0.75, -3.2, 46),\n getModelMatrix(1, 0.5, 2, 3.75, -3.2, 39),\n getModelMatrix(2, 0.5, 7, 0.75, -5.5, 45),\n getModelMatrix(0.5, 1.5, 8, -3, -5, 61)\n ];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2290,"value":"### Level 3","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":2293,"value":"level3Matrices = getLevel3Matrices()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2303,"value":"level3BoundingBoxes = getLevelBoxes(level3Matrices);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2955,"value":"function getLevel3Matrices() {\n return [\n //main path\n getModelMatrix(0.5, 0.3, 5, 0, -1, 0),\n getModelMatrix(0.5, 0.3, 3, 1, -1, 5),\n getModelMatrix(0.5, 0.3, 3, -1, -1, 13),\n getModelMatrix(0.5, 0.3, 3, 0, -1, 17),\n getModelMatrix(0.5, 0.3, 1.5, 2, -1, 25),\n getModelMatrix(0.5, 0.3, 1.5, 1, -1, 27),\n getModelMatrix(0.3, 0.5, 3, 3, 0.5, 32),\n getModelMatrix(0.3, 0.5, 3, 3, 1.5, 35),\n getModelMatrix(0.8, 0.3, 3, 1.5, 3, 40),\n getModelMatrix(0.5, 0.3, 1.5, 1.5, 3, 48),\n getModelMatrix(0.8, 0.3, 12, 1.5, 3, 65),\n\n //bonus path\n getModelMatrix(0.3, 0.5, 8, -2, 0.5, 0),\n getModelMatrix(0.3, 0.5, 3, -2, 1.5, 8),\n getModelMatrix(0.3, 0.8, 2, -2, 1.8, 17),\n getModelMatrix(0.5, 0.3, 3, -2, 3.5, 26),\n getModelMatrix(0.8, 0.3, 4, -0.7, 3.5, 30),\n getModelMatrix(0.5, 0.3, 4, -1, 2, 35),\n getModelMatrix(0.5, 0.3, 3, -2, 2, 40),\n getModelMatrix(0.3, 0.8, 15, -3.5, 3, 60)\n ];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3085,"value":"## Stuff from original fork","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":442,"value":"viewof ModelParameters = columns({\n scale: slider({\n min: 0.1, \n max: 10, \n step: 0.1, \n value: 1.5, \n title: \"Uniform Scale\",\n description: \"\"\n }),\n TranslateX: slider({\n min: -10, \n max: 10, \n step: 1, \n value: 0, \n title: \"Translation X-axis\",\n description: \"\"\n }),\n TranslateY : slider({\n min: -10, \n max: 10, \n step: 0.2, \n value: -0.6, \n title: \"Translation Y-axis\",\n description: \"\"\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":504,"value":"viewof viewParameters = columns({\n eyeDistance: slider({\n min: 0.1, \n max: 10, \n step: 0.1, \n value: 3, \n title: \"Eye Distance to World Center\",\n description: \"Distance relative to Scene Dimension\"\n }),\n xAngle: slider({\n min: -89, \n max: 89, \n step: 1, \n value: -45, \n title: \"Rotation Around X-axis degrees\",\n description: \"Camera Orbiting around the scene center.\"\n }),\n yAngle : slider({\n min: -180, \n max: 180, \n step: 1, \n value: 0, \n title: \"Rotation around Y-axis degrees\",\n description: \"Camera Orbiting around the scene center.\"\n }),\n fov: slider({\n min: 15, \n max: 120, \n step: 1, \n value: 45, \n title: \"Vertical FOV Degrees\",\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":353,"value":"viewof colorParameters= columns({\n background: colorInput({\n value: \"#000000\",\n title: \"Background color\",\n description: \"\"\n }),\n material: colorInput({\n value: \"#9ea9ae\",\n title: \"Material color\",\n description: \"\"\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 30:"$2f:body"