3f:null 40:["$","title",null,{"children":"3D Labyrinth | Guilherme Goldman | Observable"}] 46:T449,{ let resetSmall = html`Restart (small labyrinth)`; let resetLarge = html`Restart (large labyrinth)`; let playMusic = html`Play Music`; let stopMusic = html`Stop Music`; resetSmall.onclick = () => { mutable labSize = [1, 2, 3]; } resetLarge.onclick = () => { mutable labSize = [2, 3, 4]; } playMusic.onclick = () => { playAudio(); } stopMusic.onclick = () => { stopAudio(); } return html`

${resetSmall} ${resetLarge} ${playMusic} ${stopMusic} ` }47:T671,makeLabyrinth = function (size) { mutable endGame = false; let rows = size[0]; let cols = size[1]; let depth = size[2]; let lab = []; let [imax,jmax, kmax] = [rows,cols, depth].map(n=>2*n+1) // Fill the labyrinth for (let i = 0; i < imax; i++) { lab.push([]) for (let j = 0; j < jmax; j++) { lab[i].push([]) for (let k = 0; k < kmax; k++) { lab[i][j][k] = (i&j&k&1) == 1 ? 'U' : 'W'; } } } // Directions to walk let dir = [[1,0,0],[-1,0,0], [0,1,0],[0,-1,0], [0,0,1],[0,0,-1]]; // Function to shuffle an array let shuffle = (inputArray) => { // Make a copy let array = [...inputArray] for (let i = array.length - 1; i > 0; i--) { let j = Math.floor(Math.random() * (i + 1)); // random index from 0 to i [array[i], array[j]] = [array[j], array[i]]; } return array } // Make a random walk breaking walls starting from cell i,j, // breaking walls until all reachable neighbor cells are visited. // Returns the longest path found as an array of cell indices. let visit = (i,j,k) => { lab [i][j][k] = '.' let longest = []; for (let [di,dj,dk] of shuffle(dir)) { let [I,J,K] = [i+di*2,j+dj*2,k+dk*2]; if (I<0||J<0||K<0||I>=imax||J>=jmax||K>=kmax) continue; if (lab[I][J][K] == 'U') { lab [i+di][j+dj][k+dk] = '.' let newpath = visit (I,J,K) if (newpath.length > longest.length) longest = newpath } } longest.push([i,j,k]) return longest } // Recursively visit the labyrinth grid from cell 1,1 let path = visit (1,1,1); return { lab , path} }48:T5c4,verifica = function(target){ let cameraDirection = camera.getWorldDirection(target); let currentPosition = [camera.position.x,camera.position.y,camera.position.z] let nextPosition = [camera.position.x + cameraDirection.x*(cellSize+wallThick*cellSize), camera.position.y + cameraDirection.y*(cellSize+wallThick*cellSize), camera.position.z + cameraDirection.z*(cellSize+wallThick*cellSize)]; let undoCurrentPosition = undoBoxPos(...currentPosition); let undoNextPosition = undoBoxPos(...nextPosition); let realNext = [undoCurrentPosition[0]+(undoNextPosition[0]-undoCurrentPosition[0])/2, undoCurrentPosition[1]+(undoNextPosition[1]-undoCurrentPosition[1])/2, undoCurrentPosition[2]+(undoNextPosition[2]-undoCurrentPosition[2])/2]; let lab = labyrinth.lab; let betweenNextLabPosition = lab[realNext[0]][realNext[1]][realNext[2]]; if (betweenNextLabPosition == 'W') return false; labyrinth.lab[undoCurrentPosition[0]][undoCurrentPosition[1]][undoCurrentPosition[2]] = 'V'; let end = labyrinth.path[0]; if (undoNextPosition[0] == end[0] && undoNextPosition[1] == end[1] && undoNextPosition[2] == end[2]){ mutable endGame = true; } console.log(currentPosition); let lastPosition = boxPos(...undoCurrentPosition); console.log("last: ",lastPosition); let check = mark(...lastPosition); setup.scene.add(check); return true; }49:[{"id":"8f0c76b4c5b18a30f19518ac4e8863c6caadc0469859ecbc9311954429969229f9ec4e970b4819d4f79f175e4ea9889f4dd4890868402463141ff1ee539d7608","href":"https://static.observableusercontent.com/files/8f0c76b4c5b18a30f19518ac4e8863c6caadc0469859ecbc9311954429969229f9ec4e970b4819d4f79f175e4ea9889f4dd4890868402463141ff1ee539d7608","name":"exit.png","type":"image/png","lastModified":1600433765495.838,"size":12521},{"id":"cb47fe65703ae0fdd8658efe34b882c0f51a5316302f59ae2106e480a86788a27bd69672f2022af0b6c06c681ac9ba6843b4cd4abf7769f2e0c9874e7d0cf6cd","href":"https://static.observableusercontent.com/files/cb47fe65703ae0fdd8658efe34b882c0f51a5316302f59ae2106e480a86788a27bd69672f2022af0b6c06c681ac9ba6843b4cd4abf7769f2e0c9874e7d0cf6cd","name":"whitecheck.png","type":"image/png","lastModified":1600433765495.838,"size":13401},{"id":"4926215fe3a465c7f64c4afbfcc96fe080433ae5c4068c49852669577b94056ab6bd02abe4e3e418f6177f37183221a42b241fdc9074169af2eeb4e8791fab2b","href":"https://static.observableusercontent.com/files/4926215fe3a465c7f64c4afbfcc96fe080433ae5c4068c49852669577b94056ab6bd02abe4e3e418f6177f37183221a42b241fdc9074169af2eeb4e8791fab2b","name":"droid_sans_regular.typeface.json","type":"application/json","lastModified":1600464107479.537,"size":319895},{"id":"4882383b5b83c1a140e5bed48c2f4ab83822b6d65c47bb57ccd3415a40f8bec83ba8b6944d7357895f725a726abc1bc08b8830fb22942c3413fefc6ea78b84dc","href":"https://static.observableusercontent.com/files/4882383b5b83c1a140e5bed48c2f4ab83822b6d65c47bb57ccd3415a40f8bec83ba8b6944d7357895f725a726abc1bc08b8830fb22942c3413fefc6ea78b84dc","name":"wall.png","type":"image/png","lastModified":1600564470794.714,"size":3578},{"id":"1f073508fe9060c4ab79e10e973545344b3d0707566afb425f4b6c795e93b7c7719c26690f014b63ad88a61c0e89eb9e7ef1109ca495fe115e5eba564555be07","href":"https://static.observableusercontent.com/files/1f073508fe9060c4ab79e10e973545344b3d0707566afb425f4b6c795e93b7c7719c26690f014b63ad88a61c0e89eb9e7ef1109ca495fe115e5eba564555be07","name":"espe.jpeg","type":"image/jpeg","lastModified":1600564524696.738,"size":3121},{"id":"cc40514cc46be026fffd8632e13306f85924ccdaa7cb9ab5d27451b16789db6bc57e37cc1fd1a485c5e5859d95e85c07109d7c8fa70d302d9e76d16c968be7bd","href":"https://static.observableusercontent.com/files/cc40514cc46be026fffd8632e13306f85924ccdaa7cb9ab5d27451b16789db6bc57e37cc1fd1a485c5e5859d95e85c07109d7c8fa70d302d9e76d16c968be7bd","name":"food.png","type":"image/png","lastModified":1600567321890.222,"size":8828},{"id":"d283541123731f11ee5f14873a4eda6aa3f13b4b1868dfd0af14504c90ea6b1ec7d0431353b8814185cbfba344e914a3ad631176b63fd4eff6c99764a971755f","href":"https://static.observableusercontent.com/files/d283541123731f11ee5f14873a4eda6aa3f13b4b1868dfd0af14504c90ea6b1ec7d0431353b8814185cbfba344e914a3ad631176b63fd4eff6c99764a971755f","name":"tron.mp3","type":"audio/mpeg","lastModified":1601319995531.829,"size":6006210}] 44:{"id":"7e6b2907a5548c4a","slug":"3d-labyrinth","title":"3D Labyrinth","thumbnail":"fc9ee347947304561614e3e7a68d7a7f34611446bbd597cc942879ec3e4063fd","access_level":"public","create_time":"$D2020-09-18T12:56:05.495Z","update_time":"$D2020-10-21T02:11:36.010Z","view_time":null,"first_public_time":"$D2020-10-24T22:29:35.993Z","has_unpublished_edits":null,"fork":{"id":"2b41bd0baa466dee","slug":"2d-labyrinth","title":"2D Labyrinth","owner":{"id":"e9fcee55f21948e0","login":"esperanc","name":"Claudio Esperança"}},"stars":1,"starred":false,"owner":{"type":"team","id":"ee7f7a0c9e34e10e","login":"namdlog","name":"Guilherme Goldman","avatar_url":"https://avatars-next.observableusercontent.com/36cae796b4676bf1f618decc631e7399efe8a171c6786170bf2d4e2205ae3ea2","tier":"starter_2024","bio":"","following":false},"version":2238,"publish_version":2238,"role":null,"authored":false,"authors":[{"type":"individual","id":"f7aefb6c3ff32bf7","login":"namdlog","name":"Guilherme Goldman","avatar_url":"https://avatars-next.observableusercontent.com/36cae796b4676bf1f618decc631e7399efe8a171c6786170bf2d4e2205ae3ea2","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"f7aefb6c3ff32bf7","login":"namdlog","name":"Guilherme Goldman","avatar_url":"https://avatars-next.observableusercontent.com/36cae796b4676bf1f618decc631e7399efe8a171c6786170bf2d4e2205ae3ea2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"3D Labyrinth","cells":[{"id":0,"value":"md`# 3D Labyrinth \n\nA proof-of-concept implementation of a 2D labyrinth with a very simple interface.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"setup.canvas","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"md`

\n## Implementation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2138,"value":"md`

\n## Box settings`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2016,"value":"cellSize = 3;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2014,"value":"wallThick = 0.05;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2011,"value":"function boxSize (i,j,k) {\n return [i%2 ? cellSize : cellSize*wallThick,\n k%2 ? cellSize : cellSize*wallThick, \n j%2 ? cellSize : cellSize*wallThick] \n}\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2018,"value":"function boxPos (i, j, k) {\n return [(1 + wallThick) * i / 2 * cellSize,\n (1 + wallThick) * k / 2 * cellSize,\n (1 + wallThick) * j / 2 * cellSize]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2029,"value":"function undoBoxPos (x,y,z) {\n return [Math.round(x*2/(cellSize*(1+wallThick))),\n Math.round(z*2/(cellSize*(1+wallThick))),\n Math.round(y*2/(cellSize*(1+wallThick)))] \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1499,"value":"synthCube = function(i,j,k){\n let size = boxSize(i,j,k);\n let geometry = new THREE.BoxGeometry(size[0],size[1],size[2])\n var cube = new THREE.Mesh(geometry, new THREE.MeshBasicMaterial( { map: stride } )); \n return cube;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2140,"value":"md`

\n## Make labyrinth`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"// Number of rows and columns in the labyrinth\nmutable labSize = [1,2,3]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1226,"value":"labyrinth = makeLabyrinth(labSize);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2143,"value":"md`

\n## Sprites`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1891,"value":"check = new THREE.CanvasTexture(await FileAttachment('whitecheck.png').image()); ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1906,"value":"esperanca = new THREE.CanvasTexture(await FileAttachment('espe.jpeg').image()); ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":891,"value":"stride = new THREE.CanvasTexture(await FileAttachment('wall.png').image()); ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1893,"value":"function mark(px,py,pz){\n let check_entity = new THREE.Sprite(new THREE.SpriteMaterial( { map: check }));\n check_entity.position.set(px,py,pz);\n return check_entity;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2146,"value":"md`

\n## Win scene`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"mutable message = \"You Won!\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"async function loadFont (fontname = 'a') {\n let fontJSON = await (fontSources[fontname]).text();\n return new THREE.FontLoader().parse(JSON.parse(fontJSON));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":462,"value":"fontSources = ({'a' : FileAttachment(\"droid_sans_regular.typeface.json\")})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1940,"value":"defaults = {\n let font = await loadFont();\n return { font, \n size: 80,\n height: 20,\n curveSegments: 5,\n bevelEnabled: true,\n bevelThickness: 4,\n bevelSize: 5,\n bevelOffset: 0,\n bevelSegments: 5\n }\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1938,"value":"textGeometry = function (text = message, options = defaults) {\n let geom = new THREE.TextGeometry(text,defaults)\n geom.computeBoundingSphere();\n geom.computeVertexNormals();\n return geom\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1935,"value":"textMaterial = new THREE.MeshStandardMaterial({color: 0xff0000 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1932,"value":"textMesh = {\n let geom = textGeometry(\"You Won!\");\n let mesh = new THREE.Mesh (geom,textMaterial)\n let {center,radius} = geom.boundingSphere;\n let s = 1/radius\n mesh.position.set(-center.x*s,-center.y*s,-center.z*s);\n mesh.scale.set (s,s,s);\n return mesh;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1916,"value":"mutable finalCamera = {\n let camera_final = new THREE.PerspectiveCamera(70, 4/3, 0.1, 100); \n camera_final.position.set (0,0,2);\n return camera_final;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1931,"value":"finalScene = function(){ \n \n let scene = new THREE.Scene();\n scene.background = new THREE.Color(0xCCCCCC);\n scene.add(textMesh);\n scene.add(lights);\n return scene\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2150,"value":"md`

\n## Begin scene`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1604,"value":"camera = new THREE.PerspectiveCamera(120, 4/3, 0.1, 100);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1945,"value":"lights = {\n let lights = new THREE.Group();\n let lightDir = new THREE.DirectionalLight (0xffffff, 1);\n lightDir.position.set(1,2,5);\n let lightDir2 = new THREE.DirectionalLight (0xffffff, 1);\n lightDir2.position.set(-1,-2,-5);\n let lightAmb = new THREE.AmbientLight (0x303030); \n lights.add (lightAmb, lightDir, lightDir2)\n return lights\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"gameScene = function(){ \n \n \n var walls = new THREE.Group();\n \n const { lab, path } = labyrinth;\n let start = path[path.length-1];\n let start_pos = boxPos(start[0],start[1],start[2]);\n camera.position.set(start_pos[0], start_pos[1], start_pos[2]);\n const [imax, jmax, kmax] = [lab.length, lab[0].length, lab[0][0].length];\n for (let i = 0; i < imax; i++) {\n for (let j = 0; j < jmax; j++) {\n for (let k = 0; k < kmax; k++) {\n if (lab[i][j][k] === 'W') {\n let cube = synthCube(i,j,k);\n cube.position.set(...boxPos(i,j,k));\n walls.add(cube);\n }\n }\n }\n }\n \n let end = path[0];\n \n let exit_entity = new THREE.Sprite(new THREE.SpriteMaterial( { map: esperanca }));\n let pos_end = boxPos(...end);\n \n exit_entity.position.set(...pos_end);\n exit_entity.scale.set (3,3,3);\n\n const scene = new THREE.Scene();\n \n scene.background = new THREE.Color(0xEEEEEE);\n scene.add(walls);\n scene.add(lights); \n scene.add(exit_entity);\n return scene;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2181,"value":"md`

\n## Animation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1804,"value":"mutable busy = true;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1860,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1806,"value":"function MoveCamera(action) {\n let fps = 30;\n if(action == 0){\n camera.rotateY(Math.PI/2/fps)\n }\n \n if(action == 1){\n camera.rotateY(-Math.PI/2/fps)\n }\n \n if(action == 2){\n camera.rotateX(Math.PI/2/fps)\n }\n \n if(action == 3){\n camera.rotateX(-Math.PI/2/fps)\n }\n \n if(action == 4){\n const target = new THREE.Vector3();\n camera.position.addScaledVector(camera.getWorldDirection(target), (cellSize+wallThick*cellSize)/fps) \n }\n \n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1800,"value":"function GenerateAnimation(action) {\n \n if(action == 4){\n const target = new THREE.Vector3();\n if(verifica(camera.getWorldDirection(target))){\n }else{\n return 0;\n }\n }\n \n if (!mutable busy){\n return;\n } \n \n let controller = 0; \n let id = 0; \n \n function rotateAnimate () {\n controller += 1;\n MoveCamera(action)\n renderer.render(setup.scene, camera);\n\n if (controller == 30) {\n clearInterval(id);\n mutable busy = true;\n } \n }\n\n mutable busy = false;\n id = setInterval(rotateAnimate, 250/30);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2167,"value":"md`

\n## Settings`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1912,"value":"mutable endGame = false;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1790,"value":"{\n let xangle = 0;\n let yangle = 0;\n let start = false;\n for(let frame=0;;frame++){\n if(mutable endGame == true){\n xangle = Math.sin (frame/40)*30*Math.PI/180;\n yangle = Math.cos (frame/50)*30*Math.PI/180;\n setup.final.rotation.set(xangle,yangle,0);\n renderer.render(setup.final, mutable finalCamera);\n }else{\n if(start == false){\n renderer.render(setup.scene, camera);\n start = true;\n }\n }\n yield frame;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1595,"value":"renderer = {\n const renderer = new THREE.WebGLRenderer ({canvas: setup.canvas, antialias: true});\n renderer.setPixelRatio(window.devicePixelRatio);\n return renderer;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1047,"value":"setup = { \n const scene = gameScene();\n const final = finalScene();\n const height = Math.ceil(width * screen.height / screen.width);\n const canvas = DOM.canvas(480, 360);\n return { scene, final, canvas };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1656,"value":"clickPositionCanvas = function(x,y){\n \n let areaX = setup.canvas.width/3;\n let areaY = setup.canvas.height/3;\n \n if (x < areaX && y > areaY && y < 2*areaY){\n return 0;\n }else if(x > 2*areaX && y > areaY && y < 2*areaY){\n return 1;\n }else if(y < areaY && x > areaX && x < 2*areaX){\n return 2;\n }else if(y > 2*areaY && x > areaX && x < 2*areaX){\n return 3;\n }else if(x > areaX && x < 2*areaX && y > areaY && y < 2*areaY){\n return 4;\n }\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1644,"value":"{\n const canvas = setup.canvas;\n \n canvas.oncontextmenu = (e) => {\n e.preventDefault();\n e.stopPropagation()\n }\n canvas.onmousedown = (e) => {\n let x = e.offsetX;\n let y = e.offsetY;\n let dir = clickPositionCanvas(x,y);\n GenerateAnimation(dir);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2155,"value":"md`

\n## Music`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2086,"value":"tron = html`

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2093,"value":"// Function to play audio\nfunction playAudio() {\n let tronElem = document.getElementById(\"tron\");\n tronElem.volume = 0.5;\n tronElem.play(); \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2099,"value":"// Function to stop audio reproduction\nfunction stopAudio() {\n let tronElem = document.getElementById(\"tron\");\n tronElem.pause();\n tronElem.currentTime = 0;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"md`## Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"THREE = {\n const THREE = window.THREE = await require('three@0.119.1');\n await require('three@0.119.1/examples/js/controls/OrbitControls.js').catch(() => {});\n return THREE\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"glmatrix = require('https://bundle.run/gl-matrix@3.3.0')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 45:"$44:body"