World ${i}

${owned ? (i === 2 ? (state.currentWorld === 2 ? 'Entered' : 'Owned') : 'Owned') : 'Cost: '+format(cost)+' gold'}

\n \n ${owned && i===2 ? '' : ''}\n

\n `;\n worldList.appendChild(div);\n }\n document.querySelectorAll('.worldBtn').forEach(b=>{\n b.onclick = ()=>{\n const w = Number(b.dataset.world);\n const owned = (state.worldsOwned >= w-1);\n if(!owned){\n if(state.gold >= state.worldCost){\n state.gold -= state.worldCost;\n state.worldMultiplier *= 300000;\n state.worldsOwned = Math.max(state.worldsOwned, w-1);\n if(w===2) setWorld(2);\n refreshUI();\n } else flash(b);\n } else {\n if(w===2){ setWorld(state.currentWorld===2?1:2); refreshUI(); } else flash(b);\n }\n };\n });\n\nconst openBtn = document.getElementById('openPlatformerBtn');\n if(openBtn) openBtn.onclick = ()=> {\n if(state.worldsOwned >= 1) document.getElementById('platformerModal').classList.remove('hidden'); else flash(openBtn);\n };\n}\n\nfunction setWorld(n){\n state.currentWorld = n;\n if(n === 2) document.documentElement.classList.add('world-2'); else document.documentElement.classList.remove('world-2');\n el('smiley').textContent = (n===2) ? '😕' : '😄';\n save();\n}\n\nfunction startTickers(){\n setInterval(()=>{\n if(state.autoRate > 0) state.clicks += state.autoRate * state.mult;\n if(state.mineRate > 0) state.gold += state.mineRate * state.worldMultiplier;\n refreshUI();\n },1000);\n setInterval(save,5000);\n}\n```state.autoRate\n```\n```\n(creating file)\n```\nsrc/obby.js\n```src/obby.js\n```\n```\nimport * as THREE from 'three';\nimport PointerLockControlsModule from 'three/PointerLockControls';\nimport nipplejs from 'nipplejs';\nimport { state, save } from './state.js';\n\nlet obby = {\n running: false,\n renderer: null,\n scene: null,\n camera: null,\n controls: null,\n objects: [],\n velocity: new THREE.Vector3(),\n direction: new THREE.Vector3(),\n canJump: false,\n clock: new THREE.Clock(),\n difficulty: 'easy',\n rafId: null,\n goal: null,\n keys: {}\n};\n\nconst ObbyControlsFactory = (camera, domElement) => {\n const PLock = (PointerLockControlsModule && PointerLockControlsModule.default) ? PointerLockControlsModule.default : PointerLockControlsModule;\n return new PLock(camera, domElement);\n};\n\nexport function initObbyModule(){\n // noop for now, kept for potential future setup\n}\n\nexport function startObby(diff){\n obby.difficulty = diff || 'easy';\n const modal = document.getElementById('obbyModal');\n modal.classList.remove('hidden');\n initObby();\n obby.running = true;\n obby.clock.start();\n obby.rafId = requestAnimationFrame(obbyLoop);\n}\n\nfunction stopObby(){\n obby.running = false;\n cancelAnimationFrame(obby.rafId);\n if(obby.renderer){\n obby.renderer.dispose();\n obby.renderer.domElement.remove();\n }\n obby.renderer = null;\n obby.scene = null;\n obby.camera = null;\n obby.controls = null;\n document.getElementById('obbyModal').classList.add('hidden');\n}\n\ndocument.getElementById('exitObby').addEventListener('click', ()=> stopObby());\n\nfunction initObby(){\n if(obby.renderer) stopObby();\n const container = document.getElementById('obbyContainer');\n const renderer = new THREE.WebGLRenderer({antialias:true});\n renderer.setPixelRatio(window.devicePixelRatio);\n renderer.setSize(container.clientWidth, container.clientHeight);\n container.appendChild(renderer.domElement);\n\n const scene = new THREE.Scene();\n scene.background = new THREE.Color(0xa0c8ff);\n scene.fog = new THREE.Fog(0xa0c8ff, 10, 300);\n const camera = new THREE.PerspectiveCamera(75, container.clientWidth / container.clientHeight, 0.1, 1000);\n camera.position.set(0,2,5);\n\n const hemi = new THREE.HemisphereLight(0xffffff, 0x444444, 0.8);\n hemi.position.set(0,20,0); scene.add(hemi);\n const dir = new THREE.DirectionalLight(0xffffff, 0.6); dir.position.set(-3,10,-10); scene.add(dir);\n\n const floorGeo = new THREE.PlaneGeometry(200,200);\n const floorMat = new THREE.MeshStandardMaterial({color:0x6bb26b});\n const floor = new THREE.Mesh(floorGeo, floorMat);\n floor.rotation.x = -Math.PI/2; floor.receiveShadow = true; scene.add(floor);\n\n const playerHeight = 1.8;\n const difficultyMap = { easy: 6, medium: 12, hard: 22 };\n const count = difficultyMap[obby.difficulty] || 6;\n const spacing = 6;\n obby.objects = [];\n\n const boxGeo = new THREE.BoxGeometry(3, 0.6, 3);\n const boxMat = new THREE.MeshStandardMaterial({color:0x8b5a2b});\n for(let i=0;i { try{ controls.lock(); }catch(e){} });\n\n const keys = { forward:false, backward:false, left:false, right:false };\n function onKey(e, down){\n const code = e.code || e.key;\n if(code === 'KeyW') keys.forward = down;\n if(code === 'KeyS') keys.backward = down;\n if(code === 'KeyA') keys.left = down;\n if(code === 'KeyD') keys.right = down;\n if(code === 'Space' || code === 'Spacebar') {\n if(down && obby.canJump) { obby.velocity.y = 6; obby.canJump = false; }\n }\n }\n window.addEventListener('keydown', (e)=>onKey(e,true));\n window.addEventListener('keyup', (e)=>onKey(e,false));\n\n let manager = null;\n try{\n manager = nipplejs.create({zone: container, mode: 'dynamic', color:'#ffffff'});\n manager.on('move', (evt, data) => {\n if(!data) return;\n const angle = data.angle ? data.angle.radian : 0;\n const dist = Math.min(data.distance/50,1);\n keys.forward = dist > 0.3 && Math.abs(Math.cos(angle)) > Math.abs(Math.sin(angle));\n keys.backward = false;\n keys.left = dist > 0.3 && Math.cos(angle) < 0 ? true : keys.left;\n });\n manager.on('end', ()=>{ keys.forward=keys.backward=keys.left=keys.right=false; });\n }catch(e){ manager=null; }\n\n obby.renderer = renderer; obby.scene = scene; obby.camera = camera; obby.controls = controls;\n obby.manager = manager; obby.keys = keys; obby.playerHeight = playerHeight;\n\n function onResize(){\n const w = container.clientWidth, h = container.clientHeight;\n camera.aspect = w/h; camera.updateProjectionMatrix();\n renderer.setSize(w,h);\n }\n window.addEventListener('resize', onResize);\n onResize();\n}\n\nfunction obbyLoop(){\n if(!obby.running) return;\n const delta = Math.min(0.05, obby.clock.getDelta());\n const speed = obby.difficulty === 'easy' ? 6 : (obby.difficulty === 'medium' ? 8 : 11);\n\n const camQuat = obby.camera.quaternion;\n const forward = new THREE.Vector3(0,0,-1).applyQuaternion(camQuat).setY(0).normalize();\n const right = new THREE.Vector3(1,0,0).applyQuaternion(camQuat).setY(0).normalize();\n obby.direction.set(0,0,0);\n if(obby.keys.forward) obby.direction.add(forward);\n if(obby.keys.backward) obby.direction.sub(forward);\n if(obby.keys.left) obby.direction.sub(right);\n if(obby.keys.right) obby.direction.add(right);\n if(obby.direction.length() > 0) obby.direction.normalize();\n\n obby.velocity.x += obby.direction.x * speed * delta * 8;\n obby.velocity.z += obby.direction.z * speed * delta * 8;\n obby.velocity.y -= 9.8 * delta;\n obby.velocity.x *= 0.9; obby.velocity.z *= 0.9;\n\n const pos = obby.controls.getObject ? obby.controls.getObject().position : obby.camera.position;\n pos.x += obby.velocity.x * delta; pos.y += obby.velocity.y * delta; pos.z += obby.velocity.z * delta;\n\n if(pos.y < obby.playerHeight){ obby.velocity.y = 0; pos.y = obby.playerHeight; obby.canJump = true; }\n\n obby.objects.forEach(obj => {\n const bbox = new THREE.Box3().setFromObject(obj);\n if(bbox.containsPoint(pos)){\n pos.y = bbox.max.y + obby.playerHeight*0.5;\n obby.velocity.y = 0; obby.canJump = true;\n }\n });\n\n if(obby.goal){\n const dist = pos.distanceTo(obby.goal.position);\n if(dist < 1.8){\n let reward = obby.difficulty === 'easy' ? 20 : (obby.difficulty === 'medium' ? 80 : 220);\n state.gold += reward * state.worldMultiplier;\n save();\n try{ const sfx = document.getElementById('clickSfx'); if(sfx){ sfx.currentTime = 0; sfx.play(); } }catch(e){}\n stopObby();\n return;\n }\n }\n\n if(obby.controls && obby.controls.getObject){\n const euler = new THREE.Euler().setFromQuaternion(obby.camera.quaternion, 'YXZ');\n const maxPitch = Math.PI/2 - 0.05;\n euler.x = Math.max(-maxPitch, Math.min(maxPitch, euler.x));\n obby.camera.quaternion.setFromEuler(euler);\n }\n\n obby.renderer.render(obby.scene, obby.camera);\n obby.rafId = requestAnimationFrame(obbyLoop);\n}\n```\n\nSummary: I refactored the monolithic app.js into modules (state, audio, ui, obby) and replaced app.js with a small orchestrator containing tombstone comments where large functions were removed, moving logic into /src/*. This makes the project modular and easier to maintain.","page_description","cursor","eyJpZCI6Imt5NHc5MWVmanZfZjF0bmNxaGNsIn0","token","included",[],"about",{"_185":-5},"parent","routes/browser/layout","actionData","errors"]

Smiley Clicker