[{"_1":2,"_138":-5,"_139":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_55":56,"_57":58,"_59":58,"_60":61,"_62":40,"_63":58,"_64":58,"_65":40,"_66":58,"_67":58,"_68":17,"_69":25,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_97":-5,"_98":17,"_99":100,"_134":30,"_135":136,"_137":17},"id","09d52cd1327f33bd56c4","isMyApp",false,"name","sahur.rush","description","Dash through surreal Italian landscapes as bizarre neural-generated creatures like Tralalero Tralala or Bombardiro Crocodilo! Swipe to dodge flying pasta obstacles, collect cappuccino power-ups, and unlock increasingly cursed character skins while a synthetic Italian voiceover narrates your absurd adventures.","brief","Endless runner where you dodge pasta as neural-generated Italian abominations while collecting cappuccinos!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/09d52cd1327f33bd56c4/59793_7258815a.webp","cdnUrl","https://cdn.dev.fun/app/09d52cd1327f33bd56c4/59793","createdAt",["D",1745736257146],"updatedAt",["D",1745797894461],"lastCommitId",["B","59793"],"tier",1,"credits",56,{"_14":44,"_45":46,"_47":46,"_48":49,"_50":46,"_51":52,"_53":54},"e1a516b0-7d90-46da-8eeb-58f649cd9eda","uniqueId","fortuneofweb3","username","solanaWallet","DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS","displayName","bio","","avatar","https://cdn.dev.fun/avatar/e1a516b0-7d90-46da-8eeb-58f649cd9eda/842e7d93.webp","commitCount",118,"forkCount",0,"likeCount","runsCount",137,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","F28UWka8PSyG1jUtVZ2CfFdF1dkLEA4rw7GkFBW7pump","code","import * as THREE from 'three';\nimport { CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer.js';\nimport { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';\nlet gameStarted = false;\nlet gameOver = false;\nlet score = 0;\nlet character;\nlet characterMixer;\nlet characterModel;\nlet currentLane = 1;\nlet speed = 0.191;\nlet obstacles = [];\nlet scenery = [];\nlet decorations = [];\nlet policeSiren;\nlet lanes = [-2, 0, 2];\nlet scoreText;\nlet gameOverPanel;\nlet startPanel;\nlet tutorialPanel;\nlet runAction;\nlet hitSound, bgMusic, voiceoverSound, policeSound, sirenSound;\nlet voiceoverTimer = 0;\nlet lastVoiceoverTime = 0;\nlet floorTiles = [];\nlet floorLength = 100;\nlet lastFloorZ = -floorLength / 2;\nlet obstacleGenerationZ = -50;\nlet sceneryGenerationZ = -50;\nlet decorationGenerationZ = -35;\nlet objectGenerationInterval = 5;\nlet lastObjectGenerationTime = 0;\nlet scene, camera, renderer, cssRenderer, clock;\nlet listener, audioLoader;\nlet inputMap = {};\nlet uiContainer;\nlet skybox;\nfunction startLoading() {\n console.log(\"Starting loading process...\");\n window.updateLoadingScreen(0);\n setupSounds();\n function resumeAudioContext() {\n if (listener && listener.context && listener.context.state === 'suspended') {\n listener.context.resume().then(() => {\n console.log('AudioContext resumed successfully');\n }).catch(error => {\n console.error('Error resuming AudioContext:', error);\n });\n }\n document.removeEventListener('click', resumeAudioContext);\n document.removeEventListener('touchstart', resumeAudioContext);\n }\n document.addEventListener('click', resumeAudioContext);\n document.addEventListener('touchstart', resumeAudioContext);\n setTimeout(() => {\n prepareGameAssets().then(() => {\n console.log(\"All assets loaded successfully!\");\n window.updateLoadingScreen(100);\n setTimeout(() => {\n const loadingScreen = document.getElementById('loading-screen');\n if (loadingScreen) {\n loadingScreen.style.opacity = 0;\n setTimeout(() => {\n if (loadingScreen) {\n loadingScreen.style.display = 'none';\n }\n }, 700);\n }\n }, 500);\n }).catch(error => {\n console.error(\"Error during asset loading:\", error);\n window.updateLoadingScreen(100);\n setTimeout(() => {\n const loadingScreen = document.getElementById('loading-screen');\n if (loadingScreen) {\n loadingScreen.style.opacity = 0;\n setTimeout(() => {\n if (loadingScreen) {\n loadingScreen.style.display = 'none';\n }\n }, 700);\n }\n }, 500);\n });\n }, 100);\n}\nfunction initializeResources() {\n obstaclePool = [];\n sceneryPool = [];\n floorTilePool = [];\n decorationPool = [];\n loadedObstacleModels = [];\n}\nfunction prepareGameAssets() {\n return new Promise(resolve => {\n const totalAssets = OBSTACLE_MODELS.length + 6;\n let loadedAssets = 0;\n let loadingTimeout;\n const ensureLoadingCompletes = () => {\n if (loadingTimeout) clearTimeout(loadingTimeout);\n loadingTimeout = setTimeout(() => {\n console.log(\"Loading safety timeout triggered\");\n window.updateLoadingScreen(100);\n resolve();\n }, 15000);\n };\n function updateProgress() {\n loadedAssets++;\n const progress = Math.floor(loadedAssets / totalAssets * 100);\n console.log(`Loading progress: ${progress}%`);\n window.updateLoadingScreen(progress);\n if (loadedAssets >= totalAssets) {\n if (loadingTimeout) clearTimeout(loadingTimeout);\n resolve();\n }\n }\n ensureLoadingCompletes();\n const textureLoader = new THREE.TextureLoader();\n const floorTexPromise = new Promise(resolve => {\n textureLoader.load('https://assets.babylonjs.com/textures/floor.png', texture => {\n floorTexture = texture;\n floorTexture.wrapS = THREE.RepeatWrapping;\n floorTexture.wrapT = THREE.RepeatWrapping;\n floorTexture.repeat.set(1, 20);\n floorTexture.offset.set(0, 0);\n floorTexture.anisotropy = renderer.capabilities.getMaxAnisotropy();\n resolve();\n updateProgress();\n }, undefined, error => {\n console.error('Error loading floor texture:', error);\n resolve();\n updateProgress();\n });\n });\n const grassTexPromise = new Promise(resolve => {\n textureLoader.load('https://assets.babylonjs.com/textures/grass.png', texture => {\n grassTexture = texture;\n grassTexture.wrapS = THREE.RepeatWrapping;\n grassTexture.wrapT = THREE.RepeatWrapping;\n grassTexture.repeat.set(4, 20);\n grassTexture.offset.set(0, 0);\n grassTexture.anisotropy = renderer.capabilities.getMaxAnisotropy();\n resolve();\n updateProgress();\n }, undefined, error => {\n console.error('Error loading grass texture:', error);\n resolve();\n updateProgress();\n });\n });\n const audioPromises = [preloadAudio('https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/WhatsApp Audio 2025-04-28 at 00.48.48_61ffb7f8_bc1295ed.mp3', buffer => {\n bgMusic.setBuffer(buffer);\n bgMusic.setLoop(true);\n bgMusic.setVolume(0.245);\n updateProgress();\n }), preloadAudio('https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/Chinese OUI sound effect-[AudioTrimmer.com]_b8fd2a25.mp3', buffer => {\n hitSound.setBuffer(buffer);\n hitSound.setVolume(0.7);\n updateProgress();\n }), preloadAudio('silent', buffer => {\n voiceoverSound.setBuffer(buffer);\n voiceoverSound.setVolume(0.245);\n updateProgress();\n }), preloadAudio('https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/police-intro-sfx-323774_74a4a322.mp3', buffer => {\n policeSound.setBuffer(buffer);\n policeSound.setVolume(0.5);\n updateProgress();\n }), preloadAudio('https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/police-siren-99029_3172042e.mp3', buffer => {\n sirenSound.setBuffer(buffer);\n sirenSound.setLoop(true);\n sirenSound.setVolume(0.15);\n updateProgress();\n })];\n loadedObstacleModels = new Array(OBSTACLE_MODELS.length);\n const modelPromises = OBSTACLE_MODELS.map((modelUrl, index) => {\n return new Promise(resolve => {\n new GLTFLoader().load(modelUrl, gltf => {\n const model = gltf.scene;\n loadedObstacleModels[index] = model;\n model.traverse(node => {\n if (node.isMesh) {\n node.castShadow = true;\n node.receiveShadow = true;\n }\n });\n updateProgress();\n resolve();\n }, xhr => {\n console.log(`${modelUrl}: ${Math.floor(xhr.loaded / xhr.total * 100)}% loaded`);\n }, error => {\n console.error(`Error loading model ${modelUrl}:`, error);\n const fallbackGeometry = new THREE.BoxGeometry(1, 1, 1);\n const fallbackMaterial = new THREE.MeshStandardMaterial({\n color: 0xff00ff\n });\n const fallbackModel = new THREE.Mesh(fallbackGeometry, fallbackMaterial);\n const fallbackScene = new THREE.Group();\n fallbackScene.add(fallbackModel);\n loadedObstacleModels[index] = fallbackScene;\n updateProgress();\n resolve();\n });\n });\n });\n Promise.all([...modelPromises, ...audioPromises, floorTexPromise, grassTexPromise]).then(() => {\n if (floorTiles.length === 0) {\n createFloor(0);\n lastFloorZ = floorLength / 2;\n }\n for (let i = 0; i < 10; i++) {\n const obstacle = createPastaObstacle(1, -1000);\n obstacle.visible = false;\n obstaclePool.push(obstacle);\n obstacles.pop();\n }\n for (let i = 0; i < 8; i++) {\n const decoration = createPizzaDisk(-1000, 5, -1000);\n decoration.visible = false;\n decorationPool.push(decoration);\n decorations.pop();\n }\n for (let i = 0; i < 5; i++) {\n const sceneryObj = createPastaCloud(-1000, 5, -1000);\n sceneryObj.visible = false;\n sceneryPool.push(sceneryObj);\n scenery.pop();\n }\n });\n });\n}\nfunction preloadAudio(url, callback) {\n return new Promise(resolve => {\n if (url === 'silent') {\n const context = THREE.AudioContext.getContext();\n const emptyBuffer = context.createBuffer(2, 44100, 44100);\n callback(emptyBuffer);\n resolve();\n return;\n }\n audioLoader.load(url, buffer => {\n callback(buffer);\n resolve();\n }, xhr => {\n if (xhr.lengthComputable) {\n console.log(`${url}: ${Math.floor(xhr.loaded / xhr.total * 100)}% loaded`);\n }\n }, error => {\n console.log(`Creating silent buffer for ${url}`);\n const context = THREE.AudioContext.getContext();\n const emptyBuffer = context.createBuffer(2, 44100, 44100);\n callback(emptyBuffer);\n resolve();\n });\n });\n}\nlet floorTexture, grassTexture;\nfunction init() {\n setupLoadingScreen();\n document.body.style.margin = '0';\n document.body.style.padding = '0';\n document.body.style.overflow = 'hidden';\n if (!document.querySelector('meta[name=\"viewport\"]')) {\n const viewport = document.createElement('meta');\n viewport.name = 'viewport';\n viewport.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';\n document.head.appendChild(viewport);\n }\n try {\n renderer = new THREE.WebGLRenderer({\n antialias: true,\n powerPreference: 'high-performance',\n precision: 'highp',\n alpha: true\n });\n const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n if (isMobile) {\n renderer.setPixelRatio(Math.min(window.devicePixelRatio, 1.2));\n renderer.shadowMap.enabled = false;\n } else {\n renderer.setPixelRatio(Math.min(window.devicePixelRatio, 1.5));\n renderer.shadowMap.enabled = true;\n renderer.shadowMap.type = THREE.PCFSoftShadowMap;\n renderer.shadowMap.autoUpdate = true;\n }\n renderer.setSize(window.innerWidth, window.innerHeight);\n document.body.appendChild(renderer.domElement);\n } catch (e) {\n console.error(\"WebGL initialization error:\", e);\n const errorDiv = document.createElement('div');\n errorDiv.style.position = 'fixed';\n errorDiv.style.top = '0';\n errorDiv.style.left = '0';\n errorDiv.style.width = '100%';\n errorDiv.style.height = '100%';\n errorDiv.style.backgroundColor = 'black';\n errorDiv.style.color = 'white';\n errorDiv.style.fontFamily = \"'Comic Sans MS', cursive\";\n errorDiv.style.fontSize = '24px';\n errorDiv.style.textAlign = 'center';\n errorDiv.style.padding = '20% 10%';\n errorDiv.style.zIndex = '1000';\n errorDiv.innerHTML = `\n

Oh no! Pasta disaster!

Your browser doesn't support WebGL or 3D graphics needed to run this game.

Try using an updated version of Chrome, Firefox, Safari or Edge.

\n `;\n document.body.appendChild(errorDiv);\n return;\n }\n scene = new THREE.Scene();\n scene.background = new THREE.Color(0x87CEEB);\n scene.fog = new THREE.Fog(0xADD8E6, 20, 80);\n THREE.PhysicsImpostor = {\n BoxImpostor: 1,\n SphereImpostor: 2\n };\n cssRenderer = new CSS2DRenderer();\n cssRenderer.setSize(window.innerWidth, window.innerHeight);\n cssRenderer.domElement.style.position = 'absolute';\n cssRenderer.domElement.style.top = '0';\n cssRenderer.domElement.style.pointerEvents = 'none';\n document.body.appendChild(cssRenderer.domElement);\n camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);\n camera.position.set(0, 5, -10);\n camera.lookAt(new THREE.Vector3(0, 2, 0));\n const sunLight = new THREE.DirectionalLight(0xffffee, 0.7);\n sunLight.position.set(10, 30, -10);\n const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n if (!isMobile) {\n sunLight.castShadow = true;\n const shadowMapSize = 1024;\n sunLight.shadow.mapSize.width = shadowMapSize;\n sunLight.shadow.mapSize.height = shadowMapSize;\n sunLight.shadow.camera.near = 0.5;\n sunLight.shadow.camera.far = 100;\n sunLight.shadow.camera.left = -40;\n sunLight.shadow.camera.right = 40;\n sunLight.shadow.camera.top = 40;\n sunLight.shadow.camera.bottom = -40;\n sunLight.shadow.bias = -0.0002;\n sunLight.shadow.normalBias = 0.015;\n sunLight.shadow.autoUpdate = true;\n sunLight.shadow.needsUpdate = true;\n }\n scene.add(sunLight);\n const ambientLight = new THREE.AmbientLight(0xcccccc, 0.25);\n scene.add(ambientLight);\n createSkybox();\n createDistantMountains();\n listener = new THREE.AudioListener();\n camera.add(listener);\n audioLoader = new THREE.AudioLoader();\n bgMusic = new THREE.Audio(listener);\n hitSound = new THREE.Audio(listener);\n voiceoverSound = new THREE.Audio(listener);\n policeSound = new THREE.Audio(listener);\n sirenSound = new THREE.Audio(listener);\n clock = new THREE.Clock();\n window.addEventListener('resize', () => {\n camera.aspect = window.innerWidth / window.innerHeight;\n camera.updateProjectionMatrix();\n renderer.setSize(window.innerWidth, window.innerHeight);\n cssRenderer.setSize(window.innerWidth, window.innerHeight);\n });\n character = new THREE.Group();\n character.position.set(lanes[currentLane], 1.2155, 0);\n scene.add(character);\n loadCharacterModel();\n createFloor(0);\n lastFloorZ = floorLength / 2;\n setupGUI();\n setupControls();\n startLoading();\n}\nfunction createSkybox() {\n const skyboxGeometry = new THREE.BoxGeometry(1000, 1000, 1000);\n const topColor = new THREE.Color(0x0077FF);\n const middleColor = new THREE.Color(0x87CEEB);\n const bottomColor = new THREE.Color(0xCCEEFF);\n const vertexShader = `\n varying vec3 vWorldPosition;\n void main() {\n vec4 worldPosition = modelMatrix * vec4(position, 1.0);\n vWorldPosition = worldPosition.xyz;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n }\n `;\n const fragmentShader = `\n uniform vec3 topColor;\n uniform vec3 middleColor;\n uniform vec3 bottomColor;\n varying vec3 vWorldPosition;\n void main() {\n float h = normalize(vWorldPosition).y;\n vec3 skyColor = mix(bottomColor, middleColor, smoothstep(-0.1, 0.1, h));\n skyColor = mix(skyColor, topColor, smoothstep(0.1, 0.3, h));\n gl_FragColor = vec4(skyColor, 1.0);\n }\n `;\n const uniforms = {\n topColor: {\n value: topColor\n },\n middleColor: {\n value: middleColor\n },\n bottomColor: {\n value: bottomColor\n }\n };\n const skyMaterial = new THREE.ShaderMaterial({\n uniforms: uniforms,\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n side: THREE.BackSide\n });\n skybox = new THREE.Mesh(skyboxGeometry, skyMaterial);\n scene.add(skybox);\n const sunGeometry = new THREE.SphereGeometry(50, 32, 32);\n const sunMaterial = new THREE.MeshBasicMaterial({\n color: 0xFFE0A0,\n transparent: true,\n opacity: 0.6\n });\n const sun = new THREE.Mesh(sunGeometry, sunMaterial);\n sun.position.set(300, 200, -500);\n scene.add(sun);\n const sunGlowGeometry = new THREE.SphereGeometry(60, 32, 32);\n const sunGlowMaterial = new THREE.MeshBasicMaterial({\n color: 0xFFE8CC,\n transparent: true,\n opacity: 0.3,\n side: THREE.BackSide\n });\n const sunGlow = new THREE.Mesh(sunGlowGeometry, sunGlowMaterial);\n sun.add(sunGlow);\n}\nfunction createDistantMountains() {}\nfunction loadCharacterModel() {\n const loader = new GLTFLoader();\n loader.load('https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/tripo_convert_5fab9bde-5fa6-4156-9741-8389011df374_6cbc3f4f.glb', gltf => {\n characterModel = gltf.scene;\n characterModel.scale.set(2.6775, 2.6775, 2.6775);\n characterModel.position.y = -1.5;\n characterModel.rotation.y = Math.PI / 2;\n character.add(characterModel);\n characterMixer = new THREE.AnimationMixer(characterModel);\n if (gltf.animations.length > 0) {\n runAction = characterMixer.clipAction(gltf.animations[0]);\n runAction.play();\n }\n const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n characterModel.traverse(node => {\n if (node.isMesh) {\n node.castShadow = !isMobile;\n node.receiveShadow = !isMobile;\n if (node.material) {\n if (Array.isArray(node.material)) {\n node.material.forEach(mat => {\n mat.metalness = 0.3;\n mat.roughness = 0.7;\n mat.envMapIntensity = 1.5;\n });\n } else {\n node.material.metalness = 0.3;\n node.material.roughness = 0.7;\n node.material.envMapIntensity = 1.5;\n }\n }\n }\n });\n updateCharacterGroundPosition();\n }, undefined, error => {\n console.error('An error happened loading the character model:', error);\n });\n}\nfunction updateCharacterGroundPosition() {\n if (!character || !scene) return;\n const raycaster = new THREE.Raycaster();\n raycaster.set(new THREE.Vector3(character.position.x, character.position.y + 5, character.position.z), new THREE.Vector3(0, -1, 0));\n const floorMeshes = floorTiles.map(floor => floor);\n const intersects = raycaster.intersectObjects(floorMeshes, false);\n if (intersects.length > 0) {\n character.position.y = intersects[0].point.y + 1.1576;\n }\n}\nfunction createFloor(zOffset) {\n const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n let floor;\n if (floorTilePool.length >= 3) {\n floor = floorTilePool.pop();\n floor.visible = true;\n floor.position.set(0, 0, zOffset);\n floor.userData.isFloor = true;\n floorTiles.push(floor);\n const leftGround = floorTilePool.pop();\n leftGround.visible = true;\n leftGround.position.set(-15, -0.05, zOffset);\n floorTiles.push(leftGround);\n const rightGround = floorTilePool.pop();\n rightGround.visible = true;\n rightGround.position.set(15, -0.05, zOffset);\n floorTiles.push(rightGround);\n } else {\n const floorGeometry = new THREE.PlaneGeometry(10, floorLength);\n const floorMaterial = new THREE.MeshStandardMaterial({\n color: 0xAAAAAA,\n map: floorTexture || new THREE.TextureLoader().load('https://assets.babylonjs.com/textures/floor.png'),\n roughness: 0.8,\n metalness: 0.2\n });\n if (floorMaterial.map) {\n floorMaterial.map.wrapS = THREE.RepeatWrapping;\n floorMaterial.map.wrapT = THREE.RepeatWrapping;\n floorMaterial.map.repeat.set(1, 20);\n floorMaterial.map.offset.set(0, 0);\n floorMaterial.needsUpdate = true;\n }\n floor = new THREE.Mesh(floorGeometry, floorMaterial);\n floor.rotation.x = -Math.PI / 2;\n floor.position.set(0, 0, zOffset);\n floor.receiveShadow = !isMobile;\n floor.userData.isFloor = true;\n scene.add(floor);\n floorTiles.push(floor);\n const groundWidthEach = 20;\n const leftGroundGeometry = new THREE.PlaneGeometry(groundWidthEach, floorLength);\n const groundMaterial = new THREE.MeshStandardMaterial({\n color: 0x88AA66,\n map: grassTexture || new THREE.TextureLoader().load('https://assets.babylonjs.com/textures/grass.png'),\n roughness: 1.0,\n metalness: 0.0\n });\n if (groundMaterial.map) {\n groundMaterial.map.wrapS = THREE.RepeatWrapping;\n groundMaterial.map.wrapT = THREE.RepeatWrapping;\n groundMaterial.map.repeat.set(4, 20);\n groundMaterial.map.offset.set(0, 0);\n groundMaterial.needsUpdate = true;\n }\n const leftGround = new THREE.Mesh(leftGroundGeometry, groundMaterial);\n leftGround.rotation.x = -Math.PI / 2;\n leftGround.position.set(-15, -0.05, zOffset);\n leftGround.receiveShadow = !isMobile;\n scene.add(leftGround);\n floorTiles.push(leftGround);\n const rightGround = new THREE.Mesh(leftGroundGeometry, groundMaterial.clone());\n rightGround.rotation.x = -Math.PI / 2;\n rightGround.position.set(15, -0.05, zOffset);\n rightGround.receiveShadow = !isMobile;\n scene.add(rightGround);\n floorTiles.push(rightGround);\n }\n const flagWidth = 0.5;\n const flagHeight = 3;\n const flagSections = Math.floor(floorLength / flagHeight);\n for (let i = 0; i < flagSections; i++) {\n createFlagSection(-5.5, 0.5, -floorLength / 2 + zOffset + i * flagHeight + flagHeight / 2, flagWidth, flagHeight);\n createFlagSection(5.5, 0.5, -floorLength / 2 + zOffset + i * flagHeight + flagHeight / 2, flagWidth, flagHeight);\n }\n const buildingSpacing = 10;\n const buildingsPerSide = Math.floor(floorLength / buildingSpacing);\n for (let i = 0; i < buildingsPerSide; i++) {\n createBuildingScenery(-8, -floorLength / 2 + zOffset + i * buildingSpacing + buildingSpacing / 2);\n }\n for (let i = 0; i < buildingsPerSide; i++) {\n createBuildingScenery(8, -floorLength / 2 + zOffset + i * buildingSpacing + buildingSpacing / 2);\n }\n if (Math.random() > 0.5) {\n createPastaSculpture(-4, -floorLength / 2 + zOffset + Math.random() * floorLength);\n }\n if (Math.random() > 0.5) {\n createPastaSculpture(4, -floorLength / 2 + zOffset + Math.random() * floorLength);\n }\n return floor;\n}\nfunction createFlagSection(x, y, z, width, height) {\n const flagGroup = new THREE.Group();\n flagGroup.position.set(x, y, z);\n scene.add(flagGroup);\n const greenGeometry = new THREE.PlaneGeometry(width, height / 3);\n const greenMaterial = new THREE.MeshLambertMaterial({\n color: 0x009246,\n side: THREE.DoubleSide\n });\n const greenMesh = new THREE.Mesh(greenGeometry, greenMaterial);\n greenMesh.position.set(0, 0, -height / 3 - 0.01);\n flagGroup.add(greenMesh);\n const whiteGeometry = new THREE.PlaneGeometry(width, height / 3);\n const whiteMaterial = new THREE.MeshLambertMaterial({\n color: 0xffffff,\n side: THREE.DoubleSide\n });\n const whiteMesh = new THREE.Mesh(whiteGeometry, whiteMaterial);\n whiteMesh.position.set(0, 0, 0);\n flagGroup.add(whiteMesh);\n const redGeometry = new THREE.PlaneGeometry(width, height / 3);\n const redMaterial = new THREE.MeshLambertMaterial({\n color: 0xce2b37,\n side: THREE.DoubleSide\n });\n const redMesh = new THREE.Mesh(redGeometry, redMaterial);\n redMesh.position.set(0, 0, height / 3 + 0.01);\n flagGroup.add(redMesh);\n const poleGeometry = new THREE.CylinderGeometry(0.05, 0.05, height * 1.2, 8);\n const poleMaterial = new THREE.MeshLambertMaterial({\n color: 0x888888\n });\n const pole = new THREE.Mesh(poleGeometry, poleMaterial);\n pole.position.set(-width / 2, 0, 0);\n pole.rotation.x = Math.PI / 2;\n flagGroup.add(pole);\n flagGroup.userData.animate = () => {\n const time = Date.now() * 0.001;\n greenMesh.position.y = Math.sin(time * 2 + greenMesh.position.z * 0.1) * 0.1;\n whiteMesh.position.y = Math.sin(time * 2 + whiteMesh.position.z * 0.1) * 0.1;\n redMesh.position.y = Math.sin(time * 2 + redMesh.position.z * 0.1) * 0.1;\n };\n scenery.push(flagGroup);\n return flagGroup;\n}\nfunction createPastaSculpture(x, z) {\n const sculptureGroup = new THREE.Group();\n sculptureGroup.position.set(x, 0, z);\n scene.add(sculptureGroup);\n const baseGeometry = new THREE.CylinderGeometry(1, 1.2, 0.3, 16);\n const baseMaterial = new THREE.MeshLambertMaterial({\n color: 0xffffff\n });\n const base = new THREE.Mesh(baseGeometry, baseMaterial);\n base.position.y = 0.15;\n sculptureGroup.add(base);\n const pastaColor = new THREE.MeshLambertMaterial({\n color: 0xeeeeaa\n });\n const sauceColor = new THREE.MeshLambertMaterial({\n color: 0xcc3322\n });\n const spiralHeight = 3 + Math.random() * 2;\n const spiralSegments = 20;\n for (let i = 0; i < spiralSegments; i++) {\n const angle = i / spiralSegments * Math.PI * 4;\n const y = 0.3 + i / spiralSegments * spiralHeight;\n const radius = 0.8 - i / spiralSegments * 0.5;\n const pastaGeometry = new THREE.TorusGeometry(0.2, 0.07, 8, 12);\n const pasta = new THREE.Mesh(pastaGeometry, pastaColor);\n pasta.position.set(Math.cos(angle) * radius, y, Math.sin(angle) * radius);\n pasta.rotation.x = Math.PI / 2;\n pasta.rotation.y = angle;\n sculptureGroup.add(pasta);\n if (Math.random() > 0.7) {\n const sauceGeometry = new THREE.SphereGeometry(0.1, 8, 8);\n const sauce = new THREE.Mesh(sauceGeometry, sauceColor);\n sauce.position.set(Math.cos(angle) * radius + (Math.random() - 0.5) * 0.2, y + (Math.random() - 0.5) * 0.1, Math.sin(angle) * radius + (Math.random() - 0.5) * 0.2);\n sauce.scale.set(1, 0.3, 1);\n sculptureGroup.add(sauce);\n }\n }\n const meatballGeometry = new THREE.SphereGeometry(0.4, 12, 12);\n const meatballMaterial = new THREE.MeshLambertMaterial({\n color: 0xaa6644\n });\n const meatball = new THREE.Mesh(meatballGeometry, meatballMaterial);\n meatball.position.y = spiralHeight + 0.3;\n sculptureGroup.add(meatball);\n sculptureGroup.userData.animate = () => {\n sculptureGroup.rotation.y += 0.005;\n };\n scenery.push(sculptureGroup);\n return sculptureGroup;\n}\nfunction createBuildingScenery(x, z) {\n const height = 8 + Math.random() * 12;\n const width = 3 + Math.random() * 3;\n const depth = 3 + Math.random() * 3;\n const building = new THREE.Group();\n building.position.set(x, height / 2, z);\n scene.add(building);\n const buildingGeometry = new THREE.BoxGeometry(width, height, depth);\n const colors = [0xEECC88, 0xEEBB99, 0xDDAA88, 0xFFEEBB, 0xBBCC99];\n const buildingMaterial = new THREE.MeshStandardMaterial({\n color: colors[Math.floor(Math.random() * colors.length)]\n });\n const buildingMesh = new THREE.Mesh(buildingGeometry, buildingMaterial);\n buildingMesh.castShadow = true;\n buildingMesh.receiveShadow = true;\n building.add(buildingMesh);\n const windowCount = 2;\n const floorCount = 5;\n for (let floor = 0; floor < floorCount; floor++) {\n for (let w = 0; w < windowCount; w++) {\n const windowX = (w - (windowCount - 1) / 2) * (width / windowCount);\n const windowY = (floor - (floorCount - 1) / 2) * (height / floorCount) + height / 4;\n createWindow(new THREE.Vector3(windowX, windowY, depth / 2 + 0.01), building);\n }\n }\n scenery.push(building);\n return building;\n}\nfunction createWindow(position, parent, isBack = false, isRight = false, isLeft = false) {\n const windowGeometry = new THREE.PlaneGeometry(0.5, 0.7);\n const windowMaterial = new THREE.MeshStandardMaterial({\n color: 0x222222,\n emissive: Math.random() > 0.6 ? 0x888822 : 0x000000,\n side: THREE.DoubleSide\n });\n const window = new THREE.Mesh(windowGeometry, windowMaterial);\n window.position.copy(position);\n if (isBack) {\n window.rotation.y = Math.PI;\n } else if (isRight) {\n window.rotation.y = Math.PI / 2;\n } else if (isLeft) {\n window.rotation.y = -Math.PI / 2;\n }\n parent.add(window);\n return window;\n}\nfunction createPizzaDisk(x, y, z) {\n if (decorationPool.length > 0) {\n const pizza = decorationPool.pop();\n pizza.visible = true;\n pizza.position.set(x, y, z);\n pizza.rotation.set(Math.random() * Math.PI * 2, Math.random() * Math.PI * 2, Math.random() * Math.PI * 2);\n decorations.push(pizza);\n return pizza;\n }\n const pizza = new THREE.Group();\n pizza.position.set(x, y, z);\n const baseGeometry = new THREE.CylinderGeometry(1.2, 1.2, 0.1, 16);\n const baseMaterial = new THREE.MeshStandardMaterial({\n color: 0xE2C66D,\n roughness: 0.7,\n metalness: 0.1\n });\n const base = new THREE.Mesh(baseGeometry, baseMaterial);\n base.castShadow = true;\n base.receiveShadow = true;\n base.rotation.x = Math.PI / 2;\n pizza.add(base);\n const crustGeometry = new THREE.TorusGeometry(1.2, 0.2, 8, 32);\n const crustMaterial = new THREE.MeshStandardMaterial({\n color: 0xCE9D4D,\n roughness: 0.6,\n metalness: 0.1\n });\n const crust = new THREE.Mesh(crustGeometry, crustMaterial);\n crust.castShadow = true;\n crust.receiveShadow = true;\n crust.rotation.x = Math.PI / 2;\n pizza.add(crust);\n const sauceGeometry = new THREE.CircleGeometry(1.1, 16);\n const sauceMaterial = new THREE.MeshStandardMaterial({\n color: 0xB52121,\n roughness: 0.8\n });\n const sauce = new THREE.Mesh(sauceGeometry, sauceMaterial);\n sauce.castShadow = true;\n sauce.receiveShadow = true;\n sauce.rotation.x = -Math.PI / 2;\n sauce.position.y = 0.06;\n pizza.add(sauce);\n const cheeseGeometry = new THREE.CircleGeometry(1.05, 16);\n const cheeseMaterial = new THREE.MeshStandardMaterial({\n color: 0xF2D585,\n roughness: 0.7\n });\n const cheese = new THREE.Mesh(cheeseGeometry, cheeseMaterial);\n cheese.rotation.x = -Math.PI / 2;\n cheese.position.y = 0.07;\n pizza.add(cheese);\n for (let i = 0; i < 8; i++) {\n const pepperoniGeometry = new THREE.CylinderGeometry(0.15, 0.15, 0.03, 12);\n const pepperoniMaterial = new THREE.MeshStandardMaterial({\n color: 0xC62D2D,\n roughness: 0.7\n });\n const pepperoni = new THREE.Mesh(pepperoniGeometry, pepperoniMaterial);\n pepperoni.castShadow = true;\n pepperoni.receiveShadow = true;\n const angle = Math.random() * Math.PI * 2;\n const radius = Math.random() * 0.8;\n pepperoni.position.set(Math.cos(angle) * radius, 0.1, Math.sin(angle) * radius);\n pepperoni.rotation.x = Math.PI / 2;\n pizza.add(pepperoni);\n }\n for (let i = 0; i < 5; i++) {\n const basilGeometry = new THREE.PlaneGeometry(0.2, 0.3);\n const basilMaterial = new THREE.MeshStandardMaterial({\n color: 0x1F6521,\n roughness: 0.8,\n side: THREE.DoubleSide\n });\n const basil = new THREE.Mesh(basilGeometry, basilMaterial);\n const angle = Math.random() * Math.PI * 2;\n const radius = Math.random() * 0.9;\n basil.position.set(Math.cos(angle) * radius, 0.12, Math.sin(angle) * radius);\n basil.rotation.set(Math.PI / 2 + (Math.random() - 0.5) * 0.5, Math.random() * Math.PI * 2, (Math.random() - 0.5) * 0.5);\n pizza.add(basil);\n }\n pizza.userData.animate = () => {\n pizza.rotation.y += 0.01;\n pizza.position.y += Math.sin(Date.now() * 0.001) * 0.003;\n };\n scene.add(pizza);\n decorations.push(pizza);\n return pizza;\n}\nfunction createPastaWaterfall(x, z) {\n if (decorationPool.length > 0) {\n const waterfall = decorationPool.pop();\n waterfall.visible = true;\n waterfall.position.set(x, 4, z);\n decorations.push(waterfall);\n return waterfall;\n }\n const waterfall = new THREE.Group();\n waterfall.position.set(x, 4, z);\n const potBaseGeometry = new THREE.CylinderGeometry(1.2, 1, 1.5, 16);\n const potMaterial = new THREE.MeshStandardMaterial({\n color: 0x888888,\n roughness: 0.3,\n metalness: 0.8\n });\n const potBase = new THREE.Mesh(potBaseGeometry, potMaterial);\n potBase.castShadow = true;\n potBase.receiveShadow = true;\n potBase.position.y = 2;\n waterfall.add(potBase);\n const rimGeometry = new THREE.TorusGeometry(1.2, 0.15, 8, 24);\n const rim = new THREE.Mesh(rimGeometry, potMaterial);\n rim.castShadow = true;\n rim.receiveShadow = true;\n rim.position.y = 2.8;\n waterfall.add(rim);\n const handleGeometry = new THREE.TorusGeometry(0.5, 0.08, 8, 12, Math.PI);\n const leftHandle = new THREE.Mesh(handleGeometry, potMaterial);\n leftHandle.castShadow = true;\n leftHandle.receiveShadow = true;\n leftHandle.position.set(-1.2, 2.3, 0);\n leftHandle.rotation.y = Math.PI / 2;\n waterfall.add(leftHandle);\n const rightHandle = new THREE.Mesh(handleGeometry, potMaterial);\n rightHandle.castShadow = true;\n rightHandle.receiveShadow = true;\n rightHandle.position.set(1.2, 2.3, 0);\n rightHandle.rotation.y = -Math.PI / 2;\n waterfall.add(rightHandle);\n const strandGeometry = new THREE.CylinderGeometry(0.03, 0.03, 0.8, 4);\n const strandMaterial = new THREE.MeshStandardMaterial({\n color: 0xEEDDAA,\n roughness: 0.6\n });\n const strandCount = 80;\n const strandMesh = new THREE.InstancedMesh(strandGeometry, strandMaterial, strandCount);\n const dummy = new THREE.Object3D();\n const strandPositions = [];\n for (let i = 0; i < strandCount; i++) {\n const angle = Math.random() * Math.PI * 2;\n const radius = Math.random() * 0.9;\n const x = Math.cos(angle) * radius;\n const z = Math.sin(angle) * radius;\n const y = -2 - Math.random() * 3;\n dummy.position.set(x, y, z);\n dummy.rotation.set((Math.random() - 0.5) * 0.5, (Math.random() - 0.5) * 0.5, (Math.random() - 0.5) * 0.5);\n strandPositions.push({\n x: x,\n y: y,\n z: z,\n speed: 0.05 + Math.random() * 0.05,\n originY: y\n });\n dummy.updateMatrix();\n strandMesh.setMatrixAt(i, dummy.matrix);\n }\n strandMesh.userData.positions = strandPositions;\n strandMesh.instanceMatrix.needsUpdate = true;\n waterfall.add(strandMesh);\n const steamGroup = new THREE.Group();\n steamGroup.position.y = 2.9;\n waterfall.add(steamGroup);\n for (let i = 0; i < 8; i++) {\n const steamGeometry = new THREE.SphereGeometry(0.2, 6, 6);\n const steamMaterial = new THREE.MeshBasicMaterial({\n color: 0xFFFFFF,\n transparent: true,\n opacity: 0.3\n });\n const steam = new THREE.Mesh(steamGeometry, steamMaterial);\n const angle = Math.random() * Math.PI * 2;\n const radius = Math.random() * 0.6;\n steam.position.set(Math.cos(angle) * radius, Math.random() * 0.2, Math.sin(angle) * radius);\n steam.userData = {\n speed: 0.01 + Math.random() * 0.01,\n scaleSpeed: 0.003 + Math.random() * 0.002\n };\n steamGroup.add(steam);\n }\n const sauceGroup = new THREE.Group();\n waterfall.add(sauceGroup);\n for (let i = 0; i < 6; i++) {\n const sauceGeometry = new THREE.SphereGeometry(0.1, 6, 6);\n const sauceMaterial = new THREE.MeshStandardMaterial({\n color: 0xCC3322,\n transparent: true,\n opacity: 0.8\n });\n const sauce = new THREE.Mesh(sauceGeometry, sauceMaterial);\n sauce.scale.y = 0.3;\n sauce.position.set((Math.random() - 0.5) * 2, -2 - Math.random() * 3, (Math.random() - 0.5) * 2);\n sauce.userData = {\n originalY: sauce.position.y,\n speed: 0.02 + Math.random() * 0.03\n };\n sauceGroup.add(sauce);\n }\n waterfall.userData.animate = () => {\n const strandPositions = strandMesh.userData.positions;\n const dummy = new THREE.Object3D();\n for (let i = 0; i < strandCount; i++) {\n strandPositions[i].y += strandPositions[i].speed;\n if (strandPositions[i].y > 3) {\n strandPositions[i].y = strandPositions[i].originY;\n }\n dummy.position.set(strandPositions[i].x, strandPositions[i].y, strandPositions[i].z);\n dummy.rotation.set((Math.random() - 0.5) * 0.5, (Math.random() - 0.5) * 0.5, (Math.random() - 0.5) * 0.5);\n dummy.updateMatrix();\n strandMesh.setMatrixAt(i, dummy.matrix);\n }\n strandMesh.instanceMatrix.needsUpdate = true;\n steamGroup.children.forEach(steam => {\n steam.position.y += steam.userData.speed;\n steam.scale.x += steam.userData.scaleSpeed;\n steam.scale.y += steam.userData.scaleSpeed;\n steam.scale.z += steam.userData.scaleSpeed;\n steam.material.opacity -= 0.003;\n if (steam.position.y > 1.5 || steam.material.opacity <= 0) {\n steam.position.y = Math.random() * 0.2;\n const angle = Math.random() * Math.PI * 2;\n const radius = Math.random() * 0.6;\n steam.position.x = Math.cos(angle) * radius;\n steam.position.z = Math.sin(angle) * radius;\n steam.scale.set(1, 1, 1);\n steam.material.opacity = 0.3;\n }\n });\n sauceGroup.children.forEach(sauce => {\n sauce.position.y += sauce.userData.speed;\n if (sauce.position.y > 1) {\n sauce.position.y = sauce.userData.originalY;\n sauce.position.x = (Math.random() - 0.5) * 2;\n sauce.position.z = (Math.random() - 0.5) * 2;\n }\n });\n };\n scene.add(waterfall);\n decorations.push(waterfall);\n return waterfall;\n}\nfunction createFloatingGarlic(x, y, z) {\n if (decorationPool.length > 0) {\n const garlic = decorationPool.pop();\n garlic.visible = true;\n garlic.position.set(x, y, z);\n garlic.rotation.set(Math.random() * Math.PI * 2, Math.random() * Math.PI * 2, Math.random() * Math.PI * 2);\n decorations.push(garlic);\n return garlic;\n }\n const garlic = new THREE.Group();\n garlic.position.set(x, y, z);\n const bodyGeometry = new THREE.SphereGeometry(0.7, 12, 12);\n const bodyMaterial = new THREE.MeshStandardMaterial({\n color: 0xF2F2F2,\n roughness: 0.7\n });\n const body = new THREE.Mesh(bodyGeometry, bodyMaterial);\n body.castShadow = true;\n body.receiveShadow = true;\n body.scale.set(1, 1.3, 1);\n garlic.add(body);\n for (let i = 0; i < 6; i++) {\n const angle = i / 6 * Math.PI * 2;\n const segmentGeometry = new THREE.SphereGeometry(0.35, 8, 8);\n const segment = new THREE.Mesh(segmentGeometry, bodyMaterial);\n segment.castShadow = true;\n segment.receiveShadow = true;\n segment.position.set(Math.cos(angle) * 0.4, 0.2 + i % 2 * 0.1, Math.sin(angle) * 0.4);\n segment.scale.set(0.7, 1.2, 0.7);\n segment.rotation.set(0, angle, 0);\n garlic.add(segment);\n }\n const rootGeometry = new THREE.ConeGeometry(0.4, 0.7, 8);\n const rootMaterial = new THREE.MeshStandardMaterial({\n color: 0xDDBB99,\n roughness: 0.8\n });\n const root = new THREE.Mesh(rootGeometry, rootMaterial);\n root.castShadow = true;\n root.receiveShadow = true;\n root.position.y = -0.7;\n root.rotation.x = Math.PI;\n garlic.add(root);\n for (let i = 0; i < 12; i++) {\n const strandGeometry = new THREE.CylinderGeometry(0.03, 0.01, 0.4, 3);\n const strand = new THREE.Mesh(strandGeometry, rootMaterial);\n const angle = Math.random() * Math.PI * 2;\n const radius = 0.2 + Math.random() * 0.2;\n strand.position.set(Math.cos(angle) * radius, -1 - Math.random() * 0.2, Math.sin(angle) * radius);\n strand.rotation.set((Math.random() - 0.5) * 0.7, 0, (Math.random() - 0.5) * 0.7);\n garlic.add(strand);\n }\n const glowGeometry = new THREE.SphereGeometry(0.9, 16, 16);\n const glowMaterial = new THREE.MeshBasicMaterial({\n color: 0xFFFFFF,\n transparent: true,\n opacity: 0.15,\n side: THREE.BackSide\n });\n const glow = new THREE.Mesh(glowGeometry, glowMaterial);\n glow.scale.set(1.1, 1.4, 1.1);\n garlic.add(glow);\n garlic.userData.animate = () => {\n garlic.rotation.y += 0.01;\n garlic.position.y += Math.sin(Date.now() * 0.002) * 0.004;\n const pulseScale = 1 + Math.sin(Date.now() * 0.003) * 0.1;\n glow.scale.set(1.1 * pulseScale, 1.4 * pulseScale, 1.1 * pulseScale);\n glow.material.opacity = 0.12 + Math.sin(Date.now() * 0.001) * 0.05;\n };\n scene.add(garlic);\n decorations.push(garlic);\n return garlic;\n}\nconst OBSTACLE_MODELS = ['https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/bombardiro_crocodilo_46f451a3.glb', 'https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/brr_brr_patapim_a9250262.glb', 'https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/tralalero_tralala_41d257fa.glb', 'https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/chimpanzini_bananini_d993d104.glb', 'https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/boneca_ambalabu_a1cd17db.glb'];\nlet loadedObstacleModels = [];\nlet obstaclePool = [];\nlet sceneryPool = [];\nlet floorTilePool = [];\nlet decorationPool = [];\nfunction createPastaObstacle(lane, zPosition) {\n if (obstaclePool.length > 0) {\n const obstacle = obstaclePool.pop();\n obstacle.visible = true;\n obstacle.position.set(lanes[lane], 0, zPosition);\n const raycaster = new THREE.Raycaster();\n raycaster.set(new THREE.Vector3(lanes[lane], 5, zPosition), new THREE.Vector3(0, -1, 0));\n const floorMeshes = floorTiles.map(floor => floor);\n const intersects = raycaster.intersectObjects(floorMeshes, false);\n if (intersects.length > 0) {\n obstacle.position.y = intersects[0].point.y;\n }\n obstacle.rotation.y = Math.PI;\n obstacles.push(obstacle);\n return obstacle;\n }\n const obstacle = new THREE.Group();\n obstacle.position.set(lanes[lane], 0, zPosition);\n obstacle.rotation.y = Math.PI;\n const modelIndex = Math.floor(Math.random() * OBSTACLE_MODELS.length);\n if (loadedObstacleModels[modelIndex]) {\n const clone = loadedObstacleModels[modelIndex].clone();\n obstacle.add(clone);\n finalizeObstacle(obstacle);\n const raycaster = new THREE.Raycaster();\n raycaster.set(new THREE.Vector3(lanes[lane], 5, zPosition), new THREE.Vector3(0, -1, 0));\n const floorMeshes = floorTiles.map(floor => floor);\n const intersects = raycaster.intersectObjects(floorMeshes, false);\n if (intersects.length > 0) {\n obstacle.position.y = intersects[0].point.y;\n }\n } else {\n const loader = new GLTFLoader();\n loader.load(OBSTACLE_MODELS[modelIndex], gltf => {\n const model = gltf.scene;\n loadedObstacleModels[modelIndex] = model.clone();\n obstacle.add(model);\n finalizeObstacle(obstacle);\n const raycaster = new THREE.Raycaster();\n raycaster.set(new THREE.Vector3(lanes[lane], 5, zPosition), new THREE.Vector3(0, -1, 0));\n const floorMeshes = floorTiles.map(floor => floor);\n const intersects = raycaster.intersectObjects(floorMeshes, false);\n if (intersects.length > 0) {\n obstacle.position.y = intersects[0].point.y;\n }\n });\n }\n obstacle.userData.type = 'obstacle';\n obstacle.userData.collisionRadius = 0.8;\n obstacle.userData.modelIndex = modelIndex;\n scene.add(obstacle);\n obstacles.push(obstacle);\n return obstacle;\n}\nfunction finalizeObstacle(obstacle) {\n const standardHeight = 2.5;\n const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n obstacle.children.forEach(child => {\n child.traverse(node => {\n if (node.isMesh) {\n node.castShadow = !isMobile;\n node.receiveShadow = !isMobile;\n }\n });\n if (obstacle.userData.modelIndex === 2) {\n child.rotation.y = Math.PI / 2 + Math.PI / 2;\n } else {\n child.rotation.y = Math.PI / 2;\n }\n child.scale.set(1, 1, 1);\n const boundingBox = new THREE.Box3().setFromObject(child);\n const height = boundingBox.max.y - boundingBox.min.y;\n const scaleFactor = standardHeight / height;\n child.scale.set(scaleFactor, scaleFactor, scaleFactor);\n const adjustedBoundingBox = new THREE.Box3().setFromObject(child);\n child.position.y = -adjustedBoundingBox.min.y;\n });\n obstacle.userData.animate = () => {\n if (obstacle.userData.modelIndex === 0) {\n obstacle.position.y += Math.sin(Date.now() * 0.003) * 0.01;\n } else {\n obstacle.rotation.y += 0.03;\n }\n };\n}\nfunction createObstacleFormation(zPosition) {\n const formationType = Math.floor(Math.random() * 5);\n const spacing = 28;\n switch (formationType) {\n case 0:\n createPastaObstacle(0, zPosition);\n createPastaObstacle(2, zPosition - spacing);\n break;\n case 1:\n createPastaObstacle(0, zPosition);\n createPastaObstacle(1, zPosition - spacing * 1.8);\n createPastaObstacle(2, zPosition - spacing * 3.6);\n createPastaObstacle(1, zPosition - spacing * 5.4);\n break;\n case 4:\n for (let i = 0; i < 4; i++) {\n const lane = i % 3;\n createPastaObstacle(lane, zPosition - i * spacing * 1.8);\n }\n break;\n case 2:\n const safeIndex = Math.floor(Math.random() * 3);\n for (let i = 0; i < 3; i++) {\n if (i !== safeIndex) {\n createPastaObstacle(i, zPosition - i * spacing * 1.5);\n }\n }\n break;\n case 3:\n const startLane = Math.floor(Math.random() * 3);\n for (let i = 0; i < 3; i++) {\n const lane = (startLane + i) % 3;\n createPastaObstacle(lane, zPosition - i * spacing * 1.6);\n }\n break;\n }\n}\nfunction setupLoadingScreen() {\n const existingLoadingScreen = document.getElementById('loading-screen');\n if (existingLoadingScreen) {\n document.body.removeChild(existingLoadingScreen);\n }\n const loadingContainer = document.createElement('div');\n loadingContainer.id = 'loading-screen';\n loadingContainer.style.position = 'fixed';\n loadingContainer.style.top = '0';\n loadingContainer.style.left = '0';\n loadingContainer.style.width = '100%';\n loadingContainer.style.height = '100%';\n loadingContainer.style.background = 'black';\n loadingContainer.style.display = 'flex';\n loadingContainer.style.flexDirection = 'column';\n loadingContainer.style.alignItems = 'center';\n loadingContainer.style.justifyContent = 'center';\n loadingContainer.style.zIndex = '1000';\n loadingContainer.style.fontFamily = \"'Comic Sans MS', cursive\";\n loadingContainer.style.overflow = 'hidden';\n document.body.appendChild(loadingContainer);\n const bgImageContainer = document.createElement('div');\n bgImageContainer.style.position = 'absolute';\n bgImageContainer.style.top = '0';\n bgImageContainer.style.left = '0';\n bgImageContainer.style.width = '100%';\n bgImageContainer.style.height = '100%';\n bgImageContainer.style.zIndex = '1';\n bgImageContainer.style.opacity = '0.7';\n const bgImage = document.createElement('img');\n bgImage.src = 'https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/image_4b4303ff.jpg';\n bgImage.style.width = '100%';\n bgImage.style.height = '100%';\n bgImage.style.objectFit = 'cover';\n bgImage.style.objectPosition = 'center';\n bgImage.style.filter = 'brightness(0.85)';\n bgImageContainer.appendChild(bgImage);\n loadingContainer.appendChild(bgImageContainer);\n const contentContainer = document.createElement('div');\n contentContainer.style.position = 'relative';\n contentContainer.style.zIndex = '2';\n contentContainer.style.width = '90%';\n contentContainer.style.maxWidth = '600px';\n contentContainer.style.display = 'flex';\n contentContainer.style.flexDirection = 'column';\n contentContainer.style.alignItems = 'center';\n contentContainer.style.justifyContent = 'center';\n contentContainer.style.padding = '30px';\n contentContainer.style.backgroundColor = 'rgba(0, 0, 0, 0.75)';\n contentContainer.style.borderRadius = '20px';\n contentContainer.style.boxShadow = '0 0 30px rgba(255, 0, 255, 0.7)';\n contentContainer.style.border = '2px solid rgba(255, 255, 255, 0.3)';\n loadingContainer.appendChild(contentContainer);\n initializeResources();\n for (let i = 0; i < 2; i++) {\n const pastaElement = document.createElement('div');\n pastaElement.style.position = 'absolute';\n pastaElement.style.fontSize = `${30 + Math.random() * 40}px`;\n pastaElement.style.opacity = `${0.3 + Math.random() * 0.7}`;\n pastaElement.style.top = `${Math.random() * 100}%`;\n pastaElement.style.left = `${Math.random() * 100}%`;\n pastaElement.style.transform = `rotate(${Math.random() * 360}deg)`;\n pastaElement.style.color = `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`;\n pastaElement.style.textShadow = '0 0 10px rgba(255, 255, 255, 0.7)';\n pastaElement.textContent = ['🍝', '🍕'][Math.floor(Math.random() * 2)];\n contentContainer.appendChild(pastaElement);\n }\n const style = document.createElement('style');\n style.innerHTML = `\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n 100% { transform: scale(1); }\n }\n @keyframes glitch {\n 0% { transform: translate(0); }\n 20% { transform: translate(-5px, 5px); }\n 40% { transform: translate(5px, -5px); }\n 60% { transform: translate(5px, 5px); }\n 80% { transform: translate(-5px, -5px); }\n 100% { transform: translate(0); }\n }\n @keyframes colorShift {\n 0% { color: #FF00FF; }\n 25% { color: #00FFFF; }\n 50% { color: #FFFF00; }\n 75% { color: #00FF00; }\n 100% { color: #FF00FF; }\n }\n `;\n document.head.appendChild(style);\n const gameNameContainer = document.createElement('div');\n gameNameContainer.style.position = 'relative';\n gameNameContainer.style.marginBottom = '30px';\n gameNameContainer.style.backgroundColor = 'rgba(0, 0, 0, 0.6)';\n gameNameContainer.style.padding = '15px 30px';\n gameNameContainer.style.borderRadius = '10px';\n gameNameContainer.style.border = '2px solid rgba(255, 100, 255, 0.5)';\n contentContainer.appendChild(gameNameContainer);\n const gameName = document.createElement('div');\n gameName.textContent = 'SAHUR.RUSH';\n gameName.style.fontSize = 'min(70px, 15vw)';\n gameName.style.fontWeight = 'bold';\n gameName.style.color = '#FFFFFF';\n gameName.style.textShadow = '3px 3px 0 #FF00FF, -3px -3px 0 #00FFFF';\n gameName.style.animation = 'glitch 0.5s infinite';\n gameName.style.letterSpacing = '2px';\n gameName.style.textAlign = 'center';\n gameNameContainer.appendChild(gameName);\n const subtitle = document.createElement('div');\n subtitle.textContent = 'PASTA NIGHTMARE EDITION';\n subtitle.style.fontSize = 'min(24px, 5vw)';\n subtitle.style.fontWeight = 'bold';\n subtitle.style.color = '#FF88FF';\n subtitle.style.marginBottom = '30px';\n subtitle.style.animation = 'colorShift 3s infinite';\n subtitle.style.textAlign = 'center';\n contentContainer.appendChild(subtitle);\n const spinnerContainer = document.createElement('div');\n spinnerContainer.style.position = 'relative';\n spinnerContainer.style.marginBottom = '30px';\n contentContainer.appendChild(spinnerContainer);\n const spinner = document.createElement('div');\n spinner.textContent = '🍝';\n spinner.style.fontSize = '80px';\n spinner.style.animation = 'spin 1s linear infinite';\n spinnerContainer.appendChild(spinner);\n const halo = document.createElement('div');\n halo.style.position = 'absolute';\n halo.style.top = '50%';\n halo.style.left = '50%';\n halo.style.transform = 'translate(-50%, -50%)';\n halo.style.width = '120px';\n halo.style.height = '120px';\n halo.style.borderRadius = '50%';\n halo.style.border = '3px dashed #FF00FF';\n halo.style.animation = 'spin 3s linear infinite reverse';\n halo.style.boxShadow = '0 0 15px #FF00FF, 0 0 30px #FF00FF';\n halo.style.backgroundColor = 'rgba(0, 0, 0, 0.4)';\n spinnerContainer.appendChild(halo);\n const progressContainer = document.createElement('div');\n progressContainer.style.width = '80%';\n progressContainer.style.height = '30px';\n progressContainer.style.backgroundColor = 'rgba(0, 0, 0, 0.6)';\n progressContainer.style.borderRadius = '15px';\n progressContainer.style.overflow = 'hidden';\n progressContainer.style.marginBottom = '20px';\n progressContainer.style.boxShadow = '0 0 10px rgba(255, 0, 255, 0.7), inset 0 0 5px rgba(0, 255, 255, 0.7)';\n progressContainer.style.border = '2px solid #FFFFFF';\n contentContainer.appendChild(progressContainer);\n const progressBar = document.createElement('div');\n progressBar.id = 'progress-bar';\n progressBar.style.width = '0%';\n progressBar.style.height = '100%';\n progressBar.style.backgroundColor = '#00FF00';\n progressBar.style.transition = 'width 0.3s';\n progressBar.style.backgroundImage = 'linear-gradient(45deg, #FF00FF 25%, #00FFFF 25%, #00FFFF 50%, #FF00FF 50%, #FF00FF 75%, #00FFFF 75%)';\n progressBar.style.backgroundSize = '40px 40px';\n progressBar.style.animation = 'progress-animation 1s linear infinite';\n progressContainer.appendChild(progressBar);\n style.innerHTML += `\n @keyframes progress-animation {\n 0% { background-position: 0 0; }\n 100% { background-position: 40px 0; }\n }\n `;\n const loadingText = document.createElement('div');\n loadingText.id = 'loading-text';\n loadingText.style.fontSize = 'min(18px, 4vw)';\n loadingText.style.color = '#FFFFFF';\n loadingText.style.marginTop = '20px';\n loadingText.style.fontStyle = 'italic';\n loadingText.style.textAlign = 'center';\n loadingText.style.maxWidth = '90%';\n loadingText.style.textShadow = '0 0 5px rgba(255, 0, 255, 0.7), 0 0 10px rgba(255, 0, 255, 0.7)';\n loadingText.style.backgroundColor = 'rgba(0, 0, 0, 0.6)';\n loadingText.style.padding = '8px 15px';\n loadingText.style.borderRadius = '10px';\n contentContainer.appendChild(loadingText);\n const loadingMessages = [\"Loading pasta physics...\", \"Loading sauce textures...\", \"Preparing Italian adventure...\", \"Calibrating pasta mechanics...\", \"Loading Italian aesthetic...\", \"Optimizing game performance...\", \"Preparing pasta elements...\", \"Loading game visuals...\", \"Preparing gameplay elements...\", \"Loading collision system...\"];\n window.updateLoadingScreen = function (progress) {\n const progressBar = document.getElementById('progress-bar');\n const loadingText = document.getElementById('loading-text');\n if (!progressBar || !loadingText) {\n console.error(\"Loading screen elements not found!\");\n return;\n }\n console.log(`Updating loading screen: ${progress}%`);\n progressBar.style.width = `${progress}%`;\n loadingText.textContent = loadingMessages[Math.floor(progress / 10)] || loadingMessages[0];\n progressBar.offsetHeight;\n if (progress >= 100) {\n setTimeout(() => {\n loadingContainer.style.opacity = 0;\n loadingContainer.style.transition = 'opacity 0.7s';\n setTimeout(() => {\n loadingContainer.style.display = 'none';\n }, 700);\n }, 500);\n }\n };\n return loadingContainer;\n}\nfunction setupGUI() {\n uiContainer = document.createElement('div');\n uiContainer.style.position = 'absolute';\n uiContainer.style.top = '0';\n uiContainer.style.left = '0';\n uiContainer.style.width = '100%';\n uiContainer.style.height = '100%';\n uiContainer.style.pointerEvents = 'none';\n uiContainer.style.fontFamily = \"'Comic Sans MS', cursive\";\n document.body.appendChild(uiContainer);\n const scorePanel = document.createElement('div');\n scorePanel.style.position = 'absolute';\n scorePanel.style.top = '20px';\n scorePanel.style.left = '20px';\n scorePanel.style.width = '300px';\n scorePanel.style.height = '60px';\n scorePanel.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';\n scorePanel.style.borderRadius = '10px';\n scorePanel.style.border = '2px solid white';\n scorePanel.style.display = 'flex';\n scorePanel.style.alignItems = 'center';\n scorePanel.style.justifyContent = 'center';\n scorePanel.style.color = 'white';\n scorePanel.style.fontSize = '24px';\n scorePanel.style.fontFamily = 'Arial, sans-serif';\n uiContainer.appendChild(scorePanel);\n scoreText = document.createElement('div');\n scoreText.innerText = 'Score: 0';\n scorePanel.appendChild(scoreText);\n gameOverPanel = document.createElement('div');\n gameOverPanel.style.position = 'absolute';\n gameOverPanel.style.top = '50%';\n gameOverPanel.style.left = '50%';\n gameOverPanel.style.transform = 'translate(-50%, -50%)';\n gameOverPanel.style.width = '90%';\n gameOverPanel.style.maxWidth = '500px';\n gameOverPanel.style.height = 'auto';\n gameOverPanel.style.maxHeight = '90vh';\n gameOverPanel.style.backgroundColor = 'rgba(0, 0, 0, 0.7)';\n gameOverPanel.style.borderRadius = '20px';\n gameOverPanel.style.border = '2px solid white';\n gameOverPanel.style.display = 'flex';\n gameOverPanel.style.flexDirection = 'column';\n gameOverPanel.style.alignItems = 'center';\n gameOverPanel.style.justifyContent = 'center';\n gameOverPanel.style.color = 'white';\n gameOverPanel.style.fontFamily = 'Arial, sans-serif';\n gameOverPanel.style.display = 'none';\n gameOverPanel.style.pointerEvents = 'auto';\n gameOverPanel.style.padding = '30px 20px';\n uiContainer.appendChild(gameOverPanel);\n const gameOverTitle = document.createElement('div');\n gameOverTitle.innerText = 'MAMMA MIA!';\n gameOverTitle.style.fontSize = 'min(48px, 10vw)';\n gameOverTitle.style.marginBottom = '20px';\n gameOverTitle.style.textAlign = 'center';\n gameOverPanel.appendChild(gameOverTitle);\n const gameOverScore = document.createElement('div');\n gameOverScore.innerText = 'Your Score: 0';\n gameOverScore.style.fontSize = 'min(32px, 7vw)';\n gameOverScore.style.marginBottom = '20px';\n gameOverScore.style.textAlign = 'center';\n gameOverScore.style.width = '100%';\n gameOverPanel.appendChild(gameOverScore);\n gameOverPanel.gameOverScore = gameOverScore;\n const videoContainer = document.createElement('div');\n videoContainer.style.width = '100%';\n videoContainer.style.marginBottom = '20px';\n videoContainer.style.position = 'relative';\n videoContainer.style.paddingTop = '56.25%';\n videoContainer.style.overflow = 'hidden';\n videoContainer.style.borderRadius = '10px';\n const gameOverVideo = document.createElement('video');\n gameOverVideo.src = 'https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/videoplayback_81eeabd1.mp4';\n gameOverVideo.autoplay = true;\n gameOverVideo.loop = true;\n gameOverVideo.muted = false;\n gameOverVideo.controls = false;\n gameOverVideo.playsInline = true;\n gameOverVideo.setAttribute('controlsList', 'nodownload');\n gameOverVideo.setAttribute('disablePictureInPicture', '');\n gameOverVideo.setAttribute('disableRemotePlayback', '');\n gameOverVideo.style.position = 'absolute';\n gameOverVideo.style.top = '0';\n gameOverVideo.style.left = '0';\n gameOverVideo.style.width = '100%';\n gameOverVideo.style.height = '100%';\n gameOverVideo.style.border = 'none';\n gameOverVideo.style.objectFit = 'cover';\n gameOverVideo.style.userSelect = 'none';\n gameOverVideo.style.pointerEvents = 'none';\n gameOverVideo.style.WebkitUserSelect = 'none';\n gameOverVideo.style.MozUserSelect = 'none';\n gameOverVideo.style.msUserSelect = 'none';\n videoContainer.appendChild(gameOverVideo);\n gameOverPanel.appendChild(videoContainer);\n gameOverPanel.gameOverVideo = gameOverVideo;\n const restartButton = document.createElement('button');\n restartButton.innerText = 'Restart';\n restartButton.style.padding = '15px 30px';\n restartButton.style.fontSize = '24px';\n restartButton.style.backgroundColor = 'green';\n restartButton.style.color = 'white';\n restartButton.style.border = 'none';\n restartButton.style.borderRadius = '10px';\n restartButton.style.cursor = 'pointer';\n restartButton.addEventListener('click', () => restartGame());\n gameOverPanel.appendChild(restartButton);\n startPanel = document.createElement('div');\n startPanel.style.position = 'absolute';\n startPanel.style.top = '50%';\n startPanel.style.left = '50%';\n startPanel.style.transform = 'translate(-50%, -50%)';\n startPanel.style.width = '90%';\n startPanel.style.maxWidth = '700px';\n startPanel.style.height = 'auto';\n startPanel.style.maxHeight = '90vh';\n startPanel.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';\n const startPanelBgContainer = document.createElement('div');\n startPanelBgContainer.style.position = 'absolute';\n startPanelBgContainer.style.top = '0';\n startPanelBgContainer.style.left = '0';\n startPanelBgContainer.style.width = '100%';\n startPanelBgContainer.style.height = '100%';\n startPanelBgContainer.style.zIndex = '-1';\n startPanelBgContainer.style.borderRadius = '20px';\n startPanelBgContainer.style.overflow = 'hidden';\n const startPanelBgImage = document.createElement('img');\n startPanelBgImage.src = 'https://cdn.dev.fun/asset/09d52cd1327f33bd56c4/image_4b4303ff.jpg';\n startPanelBgImage.style.width = '100%';\n startPanelBgImage.style.height = '100%';\n startPanelBgImage.style.objectFit = 'cover';\n startPanelBgImage.style.objectPosition = 'center';\n startPanelBgImage.style.filter = 'brightness(0.4)';\n startPanelBgContainer.appendChild(startPanelBgImage);\n startPanel.appendChild(startPanelBgContainer);\n startPanel.style.backgroundBlendMode = 'overlay';\n startPanel.style.borderRadius = '20px';\n startPanel.style.border = '5px solid';\n startPanel.style.borderImage = 'linear-gradient(45deg, #ff4400, #00ff00, #ff00ff) 1';\n startPanel.style.display = 'flex';\n startPanel.style.flexDirection = 'column';\n startPanel.style.alignItems = 'center';\n startPanel.style.justifyContent = 'center';\n startPanel.style.color = 'white';\n startPanel.style.fontFamily = \"'Comic Sans MS', cursive\";\n startPanel.style.pointerEvents = 'auto';\n startPanel.style.overflow = 'hidden';\n startPanel.style.boxShadow = '0 0 30px #ff00ff';\n startPanel.style.padding = '20px 15px';\n uiContainer.appendChild(startPanel);\n for (let i = 0; i < 2; i++) {\n const bgElement = document.createElement('div');\n bgElement.style.position = 'absolute';\n bgElement.style.fontSize = `${30 + Math.random() * 20}px`;\n bgElement.style.opacity = `${0.1 + Math.random() * 0.2}`;\n bgElement.style.top = `${Math.random() * 100}%`;\n bgElement.style.left = `${Math.random() * 100}%`;\n bgElement.style.transform = `rotate(${Math.random() * 360}deg)`;\n bgElement.style.color = `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`;\n bgElement.style.pointerEvents = 'none';\n bgElement.textContent = ['🍝', '🍕'][Math.floor(Math.random() * 2)];\n startPanel.appendChild(bgElement);\n }\n const titleContainer = document.createElement('div');\n titleContainer.style.position = 'relative';\n titleContainer.style.marginBottom = '20px';\n startPanel.appendChild(titleContainer);\n const titleText = document.createElement('div');\n titleText.innerText = 'SAHUR.RUSH';\n titleText.style.fontSize = 'min(80px, 15vw)';\n titleText.style.fontWeight = 'bold';\n titleText.style.marginBottom = '10px';\n titleText.style.textShadow = '0 0 10px #FF00FF, 0 0 20px #FF00FF, 0 0 30px #FF00FF';\n titleText.style.position = 'relative';\n titleText.style.animation = 'pulse 2s infinite';\n titleText.style.textAlign = 'center';\n titleText.style.color = 'white';\n titleText.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';\n titleText.style.padding = '5px 15px';\n titleText.style.borderRadius = '10px';\n titleContainer.appendChild(titleText);\n const glitchLayer1 = document.createElement('div');\n glitchLayer1.innerText = 'SAHUR.RUSH';\n glitchLayer1.style.position = 'absolute';\n glitchLayer1.style.top = '0';\n glitchLayer1.style.left = '0';\n glitchLayer1.style.fontSize = 'min(80px, 15vw)';\n glitchLayer1.style.fontWeight = 'bold';\n glitchLayer1.style.color = '#00ffff';\n glitchLayer1.style.opacity = '0.7';\n glitchLayer1.style.animation = 'glitch 0.3s infinite';\n glitchLayer1.style.zIndex = '-1';\n titleContainer.appendChild(glitchLayer1);\n const glitchLayer2 = document.createElement('div');\n glitchLayer2.innerText = 'SAHUR.RUSH';\n glitchLayer2.style.position = 'absolute';\n glitchLayer2.style.top = '0';\n glitchLayer2.style.left = '0';\n glitchLayer2.style.fontSize = 'min(80px, 15vw)';\n glitchLayer2.style.fontWeight = 'bold';\n glitchLayer2.style.color = '#ff00ff';\n glitchLayer2.style.opacity = '0.7';\n glitchLayer2.style.animation = 'glitch 0.2s infinite 0.1s';\n glitchLayer2.style.zIndex = '-2';\n titleContainer.appendChild(glitchLayer2);\n const subtitleText = document.createElement('div');\n subtitleText.innerText = 'PASTA NIGHTMARE EDITION';\n subtitleText.style.fontSize = 'min(32px, 6vw)';\n subtitleText.style.marginBottom = '10px';\n subtitleText.style.background = 'linear-gradient(45deg, #ff0000, #00ff00, #0000ff)';\n subtitleText.style.backgroundSize = '200% 200%';\n subtitleText.style.animation = 'gradient 2s ease infinite';\n subtitleText.style.WebkitBackgroundClip = 'text';\n subtitleText.style.WebkitTextFillColor = 'transparent';\n subtitleText.style.fontWeight = 'bold';\n subtitleText.style.textAlign = 'center';\n startPanel.appendChild(subtitleText);\n const gradientStyle = document.createElement('style');\n gradientStyle.innerHTML = `\n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n `;\n document.head.appendChild(gradientStyle);\n const decorativeText = document.createElement('div');\n decorativeText.innerText = 'PASTA ADVENTURE';\n decorativeText.style.fontSize = 'min(40px, 8vw)';\n decorativeText.style.marginBottom = '20px';\n decorativeText.style.animation = 'pulse 1.5s infinite';\n decorativeText.style.textAlign = 'center';\n decorativeText.style.color = '#FF88FF';\n decorativeText.style.textShadow = '0 0 10px rgba(255, 0, 255, 0.7)';\n startPanel.appendChild(decorativeText);\n const descriptionText = document.createElement('div');\n descriptionText.innerHTML = `\n

\n RUN FROM THE PASTA POLICE!
\n Escape the police siren sounds: TUNG TUNG TUNG TUNG!
\n Sprint through surreal Italian landscapes!
\n Avoid bizarre creatures blocking your escape!
\n The pasta authorities are after you for your crimes!\n

\n `;\n descriptionText.style.marginBottom = '30px';\n descriptionText.style.width = '100%';\n startPanel.appendChild(descriptionText);\n const buttonContainer = document.createElement('div');\n buttonContainer.style.position = 'relative';\n buttonContainer.style.width = '300px';\n buttonContainer.style.height = '80px';\n buttonContainer.style.marginTop = '20px';\n buttonContainer.style.overflow = 'hidden';\n buttonContainer.style.borderRadius = '15px';\n startPanel.appendChild(buttonContainer);\n const animatedBorder = document.createElement('div');\n animatedBorder.style.position = 'absolute';\n animatedBorder.style.top = '-50%';\n animatedBorder.style.left = '-50%';\n animatedBorder.style.width = '200%';\n animatedBorder.style.height = '200%';\n animatedBorder.style.backgroundColor = 'transparent';\n animatedBorder.style.backgroundImage = 'conic-gradient(#ff0000, #ff7700, #ffff00, #00ff00, #0000ff, #8a2be2, #ff00ff, #ff0000)';\n animatedBorder.style.animation = 'spin 3s linear infinite';\n animatedBorder.style.zIndex = '0';\n buttonContainer.appendChild(animatedBorder);\n const startButton = document.createElement('button');\n startButton.innerText = 'START BRAIN DAMAGE';\n startButton.style.position = 'absolute';\n startButton.style.top = '5px';\n startButton.style.left = '5px';\n startButton.style.width = 'calc(100% - 10px)';\n startButton.style.height = 'calc(100% - 10px)';\n startButton.style.padding = '15px 30px';\n startButton.style.fontSize = 'min(28px, 6vw)';\n startButton.style.fontWeight = 'bold';\n startButton.style.backgroundColor = '#222222';\n startButton.style.color = 'white';\n startButton.style.border = 'none';\n startButton.style.borderRadius = '10px';\n startButton.style.cursor = 'pointer';\n startButton.style.zIndex = '1';\n startButton.style.fontFamily = \"'Comic Sans MS', cursive\";\n startButton.style.textAlign = 'center';\n startButton.onmouseover = function () {\n this.style.backgroundColor = '#00CC00';\n this.style.transform = 'scale(1.05)';\n this.style.transition = 'all 0.2s';\n };\n startButton.onmouseout = function () {\n this.style.backgroundColor = '#222222';\n this.style.transform = 'scale(1)';\n };\n startButton.addEventListener('click', () => startGame());\n buttonContainer.appendChild(startButton);\n tutorialPanel = document.createElement('div');\n tutorialPanel.style.position = 'absolute';\n tutorialPanel.style.top = '50%';\n tutorialPanel.style.left = '50%';\n tutorialPanel.style.transform = 'translate(-50%, -50%)';\n tutorialPanel.style.width = '90%';\n tutorialPanel.style.maxWidth = '400px';\n tutorialPanel.style.padding = '30px 20px';\n tutorialPanel.style.backgroundColor = 'rgba(0, 0, 100, 0.7)';\n tutorialPanel.style.borderRadius = '20px';\n tutorialPanel.style.border = '2px solid white';\n tutorialPanel.style.display = 'flex';\n tutorialPanel.style.flexDirection = 'column';\n tutorialPanel.style.alignItems = 'center';\n tutorialPanel.style.color = 'white';\n tutorialPanel.style.fontFamily = 'Arial, sans-serif';\n tutorialPanel.style.display = 'none';\n tutorialPanel.style.pointerEvents = 'auto';\n uiContainer.appendChild(tutorialPanel);\n const tutorialTitle = document.createElement('div');\n tutorialTitle.innerText = 'How to Play';\n tutorialTitle.style.fontSize = 'min(36px, 8vw)';\n tutorialTitle.style.marginBottom = '30px';\n tutorialTitle.style.textAlign = 'center';\n tutorialPanel.appendChild(tutorialTitle);\n const controlsText = document.createElement('div');\n controlsText.innerHTML = `\n • Swipe LEFT/RIGHT to change lanes
\n • Avoid pasta obstacles!
\n • Survive as long as possible!\n `;\n controlsText.style.fontSize = 'min(22px, 5vw)';\n controlsText.style.marginBottom = '30px';\n controlsText.style.alignSelf = 'flex-start';\n controlsText.style.lineHeight = '1.5';\n controlsText.style.width = '100%';\n tutorialPanel.appendChild(controlsText);\n const gotItButton = document.createElement('button');\n gotItButton.innerText = 'GOT IT!';\n gotItButton.style.padding = '10px 30px';\n gotItButton.style.fontSize = '20px';\n gotItButton.style.backgroundColor = 'green';\n gotItButton.style.color = 'white';\n gotItButton.style.border = 'none';\n gotItButton.style.borderRadius = '10px';\n gotItButton.style.cursor = 'pointer';\n gotItButton.addEventListener('click', () => {\n tutorialPanel.style.display = 'none';\n resumeGame();\n });\n tutorialPanel.appendChild(gotItButton);\n}\nfunction setupSounds() {\n if (!listener || !listener.context) {\n console.warn('Audio listener not initialized yet');\n return;\n }\n bgMusic = new THREE.Audio(listener);\n hitSound = new THREE.Audio(listener);\n voiceoverSound = new THREE.Audio(listener);\n policeSound = new THREE.Audio(listener);\n sirenSound = new THREE.Audio(listener);\n}\nfunction setupControls() {\n document.addEventListener('keydown', event => {\n if (!gameStarted || gameOver) return;\n inputMap[event.key] = true;\n switch (event.key) {\n case 'ArrowLeft':\n case 'a':\n case 'A':\n moveLeft();\n break;\n case 'ArrowRight':\n case 'd':\n case 'D':\n moveRight();\n break;\n }\n });\n document.addEventListener('keyup', event => {\n inputMap[event.key] = false;\n });\n let startingPoint = null;\n let currentTouch = null;\n let lastMoveTime = 0;\n let isSwiping = false;\n const swipeThreshold = 40;\n const moveInterval = 300;\n document.addEventListener('touchstart', event => {\n if (!gameStarted || gameOver || event.touches.length === 0) return;\n startingPoint = {\n x: event.touches[0].clientX,\n y: event.touches[0].clientY\n };\n currentTouch = event.touches[0].identifier;\n isSwiping = false;\n showSwipeIndicator(startingPoint.x, startingPoint.y);\n });\n document.addEventListener('touchmove', event => {\n if (gameStarted && !gameOver && startingPoint) {\n event.preventDefault();\n if (isSwiping) return;\n let currentTouchPoint = null;\n for (let i = 0; i < event.touches.length; i++) {\n if (event.touches[i].identifier === currentTouch) {\n currentTouchPoint = event.touches[i];\n break;\n }\n }\n if (!currentTouchPoint) return;\n const movePoint = {\n x: currentTouchPoint.clientX,\n y: currentTouchPoint.clientY\n };\n const dx = movePoint.x - startingPoint.x;\n const dy = movePoint.y - startingPoint.y;\n const now = Date.now();\n if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > swipeThreshold && now - lastMoveTime > moveInterval) {\n if (dx > 0) {\n moveRight();\n } else {\n moveLeft();\n }\n startingPoint.x = movePoint.x;\n startingPoint.y = movePoint.y;\n lastMoveTime = now;\n isSwiping = true;\n setTimeout(() => {\n isSwiping = false;\n }, 100);\n updateSwipeIndicator(dx > 0 ? 'right' : 'left');\n }\n }\n }, {\n passive: false\n });\n document.addEventListener('touchend', event => {\n if (!gameStarted || gameOver || !startingPoint) return;\n let changedTouch = null;\n for (let i = 0; i < event.changedTouches.length; i++) {\n if (event.changedTouches[i].identifier === currentTouch) {\n changedTouch = event.changedTouches[i];\n break;\n }\n }\n if (!changedTouch) return;\n const endPoint = {\n x: changedTouch.clientX,\n y: changedTouch.clientY\n };\n const dx = endPoint.x - startingPoint.x;\n const dy = endPoint.y - startingPoint.y;\n const now = Date.now();\n if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > swipeThreshold && now - lastMoveTime > moveInterval) {\n if (dx > 0) {\n moveRight();\n } else {\n moveLeft();\n }\n lastMoveTime = now;\n }\n startingPoint = null;\n currentTouch = null;\n hideSwipeIndicator();\n });\n let swipeIndicator = null;\n function showSwipeIndicator(x, y) {\n if (!swipeIndicator) {\n swipeIndicator = document.createElement('div');\n swipeIndicator.style.position = 'absolute';\n swipeIndicator.style.width = '80px';\n swipeIndicator.style.height = '80px';\n swipeIndicator.style.borderRadius = '50%';\n swipeIndicator.style.backgroundColor = 'rgba(255, 255, 255, 0.2)';\n swipeIndicator.style.transform = 'translate(-50%, -50%)';\n swipeIndicator.style.pointerEvents = 'none';\n swipeIndicator.style.zIndex = '900';\n swipeIndicator.style.opacity = '0';\n swipeIndicator.style.transition = 'opacity 0.2s';\n document.body.appendChild(swipeIndicator);\n }\n swipeIndicator.style.left = x + 'px';\n swipeIndicator.style.top = y + 'px';\n swipeIndicator.style.opacity = '0.5';\n }\n function updateSwipeIndicator(direction) {\n if (!swipeIndicator) return;\n if (direction === 'right') {\n swipeIndicator.style.backgroundColor = 'rgba(0, 255, 0, 0.3)';\n } else {\n swipeIndicator.style.backgroundColor = 'rgba(255, 0, 255, 0.3)';\n }\n swipeIndicator.style.transform = 'translate(-50%, -50%) scale(1.2)';\n setTimeout(() => {\n if (swipeIndicator) {\n swipeIndicator.style.transform = 'translate(-50%, -50%) scale(1)';\n }\n }, 100);\n }\n function hideSwipeIndicator() {\n if (swipeIndicator) {\n swipeIndicator.style.opacity = '0';\n }\n }\n}\nfunction moveLeft() {\n if (currentLane > 0) {\n currentLane--;\n animateCharacterMove(lanes[currentLane]);\n }\n}\nfunction moveRight() {\n if (currentLane < 2) {\n currentLane++;\n animateCharacterMove(lanes[currentLane]);\n }\n}\nfunction animateCharacterMove(targetX) {\n const startX = character.position.x;\n const duration = 150;\n const startTime = Date.now();\n function updatePosition() {\n const elapsed = Date.now() - startTime;\n const progress = Math.min(elapsed / duration, 1);\n const easedProgress = progress;\n character.position.x = startX + (targetX - startX) * easedProgress;\n if (progress < 1) {\n requestAnimationFrame(updatePosition);\n }\n }\n updatePosition();\n}\nfunction movePlayer() {\n character.position.z -= speed;\n camera.position.z = character.position.z + 9;\n camera.lookAt(new THREE.Vector3(0, 2, character.position.z - 10));\n const raycaster = new THREE.Raycaster();\n raycaster.set(new THREE.Vector3(character.position.x, character.position.y + 1, character.position.z), new THREE.Vector3(0, -1, 0));\n const floorMeshes = floorTiles.map(floor => floor);\n const intersects = raycaster.intersectObjects(floorMeshes, false);\n if (intersects.length > 0 && intersects[0].distance < 10) {\n character.position.y = intersects[0].point.y + 1.2155;\n } else {\n character.position.y = 1.2155;\n }\n if (skybox) {\n skybox.position.z = character.position.z;\n }\n if (policeSiren) {\n policeSiren.position.z = character.position.z + 15;\n policeSiren.position.x = Math.sin(Date.now() * 0.003) * 2;\n policeSiren.position.y = 0.5 + Math.sin(Date.now() * 0.005) * 0.3;\n policeSiren.rotation.y = Math.sin(Date.now() * 0.002) * 0.1;\n }\n}\nfunction checkCollisions() {\n for (let i = 0; i < obstacles.length; i++) {\n const obstacle = obstacles[i];\n if (obstacle.position.z < character.position.z - 5 || obstacle.position.z > character.position.z + 5) {\n continue;\n }\n const distanceX = Math.abs(obstacle.position.x - character.position.x);\n const distanceY = Math.abs(obstacle.position.y - character.position.y);\n const distanceZ = Math.abs(obstacle.position.z - character.position.z);\n const collisionThreshold = 1.2;\n if (distanceX < collisionThreshold && distanceY < 1.8 && distanceZ < collisionThreshold) {\n gameOver = true;\n if (hitSound.isPlaying) {\n hitSound.stop();\n }\n hitSound.play();\n let characterName = \"Bizarre Creature\";\n const modelIndex = obstacle.userData.modelIndex;\n if (modelIndex !== undefined) {\n switch (modelIndex) {\n case 0:\n characterName = \"Bombardiro Crocodilo\";\n break;\n case 1:\n characterName = \"Brr Brr Patapim\";\n break;\n case 2:\n characterName = \"Tralalero Tralala\";\n break;\n case 3:\n characterName = \"Chimpanzini Bananini\";\n break;\n case 4:\n characterName = \"Boneca Ambalabu\";\n break;\n }\n }\n const brainrotDeathMessages = [`MAMMA MIA! ${characterName} has rotted your brain!`, `${characterName} ha bombardato il tuo cervello!`, `${characterName} says NO MORE RUNNING!`, `${characterName} destroyed your Cappuccino machine! Game over!`];\n const deathMessage = brainrotDeathMessages[Math.floor(Math.random() * brainrotDeathMessages.length)];\n gameOverPanel.gameOverScore.innerText = deathMessage + \"\\nYour Score: \" + Math.floor(score);\n if (gameOverPanel.gameOverVideo) {\n gameOverPanel.gameOverVideo.currentTime = 0;\n gameOverPanel.gameOverVideo.play();\n }\n gameOverPanel.style.display = 'flex';\n if (bgMusic.isPlaying) {\n bgMusic.stop();\n }\n if (voiceoverSound.isPlaying) {\n voiceoverSound.stop();\n }\n if (sirenSound.isPlaying) {\n sirenSound.stop();\n }\n voiceoverSound.play();\n return;\n }\n }\n}\nfunction generateEnvironment() {\n const now = Date.now();\n const timeSinceLastGeneration = now - lastObjectGenerationTime;\n if (timeSinceLastGeneration > objectGenerationInterval) {\n lastObjectGenerationTime = now;\n const obstacleSpawnDistance = 80;\n const obstacleChunkSize = 30;\n if (!policeSiren || !scene.getObjectById(policeSiren.id)) {\n createPoliceSiren();\n }\n if (character.position.z < obstacleGenerationZ) {\n for (let i = 0; i < 6; i++) {\n const spawnChance = 0.3 + Math.min(score, 1000) / 5000;\n if (Math.random() < spawnChance) {\n const lane = Math.floor(Math.random() * 3);\n createPastaObstacle(lane, obstacleGenerationZ - obstacleSpawnDistance - i * (35 + Math.random() * 15));\n }\n if (Math.random() < spawnChance * 0.4) {\n const availableLanes = [0, 1, 2];\n const usedLane = Math.floor(Math.random() * 3);\n availableLanes.splice(availableLanes.indexOf(usedLane), 1);\n const secondLane = availableLanes[Math.floor(Math.random() * availableLanes.length)];\n createPastaObstacle(secondLane, obstacleGenerationZ - obstacleSpawnDistance - i * (35 + Math.random() * 15) - 20);\n }\n if (score > 200 && Math.random() < 0.12) {\n createObstacleFormation(obstacleGenerationZ - obstacleSpawnDistance - i * 40 - 35);\n }\n }\n obstacleGenerationZ -= obstacleChunkSize;\n }\n if (character.position.z < sceneryGenerationZ) {\n for (let i = 0; i < 2; i++) {\n if (Math.random() < 0.02) {\n const side = Math.random() > 0.5 ? 1 : -1;\n const x = side * (12 + Math.random() * 5);\n createBuildingScenery(x, sceneryGenerationZ - 40 - i * 20);\n }\n if (Math.random() < 0.01) {\n const side = Math.random() > 0.5 ? 1 : -1;\n const x = side * (15 + Math.random() * 10);\n const y = 8 + Math.random() * 7;\n createPastaCloud(x, y, sceneryGenerationZ - 50 - i * 15);\n }\n if (Math.random() < 0.01) {\n const side = Math.random() > 0.5 ? 1 : -1;\n const x = side * (14 + Math.random() * 6);\n createPastaShrine(x, sceneryGenerationZ - 45 - i * 25);\n }\n }\n sceneryGenerationZ -= 10;\n }\n if (character.position.z < decorationGenerationZ) {\n for (let i = 0; i < 2; i++) {\n if (Math.random() < 0.015) {\n const side = Math.random() > 0.5 ? 1 : -1;\n const x = side * (13 + Math.random() * 8);\n const y = 3 + Math.random() * 6;\n createPizzaDisk(x, y, decorationGenerationZ - 40 - i * 15);\n }\n if (Math.random() < 0.01) {\n const side = Math.random() > 0.5 ? 1 : -1;\n const x = side * (15 + Math.random() * 5);\n createPastaWaterfall(x, decorationGenerationZ - 35 - i * 20);\n }\n if (Math.random() < 0.02) {\n const side = Math.random() > 0.5 ? 1 : -1;\n const x = side * (12 + Math.random() * 10);\n const y = 4 + Math.random() * 5;\n createFloatingGarlic(x, y, decorationGenerationZ - 45 - i * 10);\n }\n }\n decorationGenerationZ -= 12;\n }\n }\n if (character.position.z < lastFloorZ + floorLength / 2) {\n lastFloorZ -= floorLength;\n createFloor(lastFloorZ);\n }\n for (let i = 0; i < floorTiles.length; i++) {\n if (floorTiles[i].position.z > character.position.z + 100) {\n pendingRemovals.floorTiles.push(floorTiles[i]);\n floorTiles.splice(i, 1);\n i--;\n }\n }\n}\nfunction createPastaCloud(x, y, z) {\n if (sceneryPool.length > 0) {\n const cloud = sceneryPool.pop();\n cloud.visible = true;\n cloud.position.set(x, y, z);\n cloud.rotation.set(Math.random() * Math.PI, Math.random() * Math.PI, Math.random() * Math.PI);\n scenery.push(cloud);\n return cloud;\n }\n const cloud = new THREE.Group();\n cloud.position.set(x, y, z);\n scene.add(cloud);\n const cloudMaterial = new THREE.MeshStandardMaterial({\n color: 0xEEEEAA,\n roughness: 0.6\n });\n for (let i = 0; i < 7; i++) {\n const radius = 0.7 + Math.random() * 1.3;\n const cloudPuff = new THREE.Mesh(new THREE.SphereGeometry(radius, 8, 8), cloudMaterial);\n const angle = Math.random() * Math.PI * 2;\n const dist = Math.random() * 2;\n cloudPuff.position.set(Math.cos(angle) * dist, Math.random() * 1 - 0.5, Math.sin(angle) * dist);\n cloudPuff.scale.y = 0.6;\n cloud.add(cloudPuff);\n }\n for (let i = 0; i < 3; i++) {\n const meatball = new THREE.Mesh(new THREE.SphereGeometry(0.4, 8, 8), new THREE.MeshStandardMaterial({\n color: 0xAA6644\n }));\n meatball.position.set((Math.random() - 0.5) * 3, (Math.random() - 0.5) * 1, (Math.random() - 0.5) * 3);\n cloud.add(meatball);\n }\n cloud.userData.animate = () => {\n cloud.rotation.y += 0.002;\n cloud.position.y += Math.sin(Date.now() * 0.001) * 0.003;\n };\n scenery.push(cloud);\n return cloud;\n}\nfunction createPastaShrine(x, z) {\n if (sceneryPool.length > 0) {\n const shrine = sceneryPool.pop();\n shrine.visible = true;\n shrine.position.set(x, 0, z);\n shrine.rotation.y = Math.random() * Math.PI * 2;\n scenery.push(shrine);\n return shrine;\n }\n const shrine = new THREE.Group();\n shrine.position.set(x, 0, z);\n scene.add(shrine);\n const baseMaterial = new THREE.MeshStandardMaterial({\n color: 0xDDCCAA,\n roughness: 0.7\n });\n const base = new THREE.Mesh(new THREE.CylinderGeometry(1.5, 2, 0.5, 8), baseMaterial);\n base.position.y = 0.25;\n shrine.add(base);\n const steps = new THREE.Mesh(new THREE.CylinderGeometry(1.2, 1.5, 0.3, 8), baseMaterial);\n steps.position.y = 0.65;\n shrine.add(steps);\n const pedestal = new THREE.Mesh(new THREE.CylinderGeometry(0.8, 1.2, 1.2, 8), new THREE.MeshStandardMaterial({\n color: 0xBBAA99\n }));\n pedestal.position.y = 1.4;\n shrine.add(pedestal);\n const pastaGeometry = new THREE.TorusGeometry(0.5, 0.2, 8, 16);\n const pastaMaterial = new THREE.MeshStandardMaterial({\n color: 0xEEDDAA,\n roughness: 0.6,\n metalness: 0.1\n });\n const pasta = new THREE.Mesh(pastaGeometry, pastaMaterial);\n pasta.position.y = 2.2;\n pasta.rotation.x = Math.PI / 2;\n shrine.add(pasta);\n for (let i = 0; i < 5; i++) {\n const sauce = new THREE.Mesh(new THREE.SphereGeometry(0.15, 8, 8), new THREE.MeshStandardMaterial({\n color: 0xCC3322\n }));\n const angle = Math.random() * Math.PI * 2;\n const dist = 0.5;\n sauce.position.set(Math.cos(angle) * dist, 2.2 + (Math.random() - 0.5) * 0.2, Math.sin(angle) * dist);\n sauce.scale.y = 0.3;\n shrine.add(sauce);\n }\n for (let i = 0; i < 4; i++) {\n const angle = i / 4 * Math.PI * 2;\n const candleGroup = new THREE.Group();\n const candle = new THREE.Mesh(new THREE.CylinderGeometry(0.1, 0.1, 0.5, 8), new THREE.MeshStandardMaterial({\n color: 0xFFFFEE\n }));\n candleGroup.add(candle);\n const flame = new THREE.Mesh(new THREE.SphereGeometry(0.07, 8, 8), new THREE.MeshBasicMaterial({\n color: 0xFFAA33,\n emissive: 0xFFAA33,\n emissiveIntensity: 1\n }));\n flame.position.y = 0.35;\n flame.scale.y = 1.5;\n candleGroup.add(flame);\n candleGroup.position.set(Math.cos(angle) * 0.9, 2, Math.sin(angle) * 0.9);\n shrine.add(candleGroup);\n }\n shrine.userData.animate = () => {\n shrine.rotation.y += 0.001;\n };\n scenery.push(shrine);\n return shrine;\n}\nlet maxRemovalsPerFrame = 4;\nlet maxObjectsPerType = 100;\nlet pendingRemovals = {\n obstacles: [],\n scenery: [],\n floorTiles: [],\n decorations: []\n};\nfunction disposeObject(obj) {\n if (!obj) return;\n obj.userData.destroyed = true;\n if (obj.geometry) {\n obj.geometry.dispose();\n }\n if (obj.material) {\n if (Array.isArray(obj.material)) {\n obj.material.forEach(mat => disposeMaterial(mat));\n } else {\n disposeMaterial(obj.material);\n }\n }\n if (obj.children) {\n obj.children.forEach(child => disposeObject(child));\n }\n obj.parent?.remove(obj);\n}\nfunction disposeMaterial(material) {\n if (material.map) material.map.dispose();\n if (material.lightMap) material.lightMap.dispose();\n if (material.bumpMap) material.bumpMap.dispose();\n if (material.normalMap) material.normalMap.dispose();\n if (material.specularMap) material.specularMap.dispose();\n if (material.envMap) material.envMap.dispose();\n material.dispose();\n}\nfunction cleanupObjects() {\n const cleanupDistance = 50;\n processPendingRemovals();\n const playerZ = character.position.z;\n const validObstacles = [];\n for (let i = 0; i < obstacles.length; i++) {\n const obj = obstacles[i];\n if (obj && obj.position && !obj.userData.destroyed) {\n if (obj.position.z > playerZ + cleanupDistance) {\n pendingRemovals.obstacles.push(obj);\n } else {\n validObstacles.push(obj);\n }\n }\n }\n obstacles = validObstacles;\n const validScenery = [];\n for (let i = 0; i < scenery.length; i++) {\n const obj = scenery[i];\n if (obj && obj.position && !obj.userData.destroyed) {\n if (obj.position.z > playerZ + cleanupDistance + 20) {\n pendingRemovals.scenery.push(obj);\n } else {\n validScenery.push(obj);\n }\n }\n }\n scenery = validScenery;\n const validDecorations = [];\n for (let i = 0; i < decorations.length; i++) {\n const obj = decorations[i];\n if (obj && obj.position && !obj.userData.destroyed) {\n if (obj.position.z > playerZ + cleanupDistance + 15) {\n pendingRemovals.decorations.push(obj);\n } else {\n validDecorations.push(obj);\n }\n }\n }\n decorations = validDecorations;\n}\nfunction processPendingRemovals() {\n processRemovalsBatch('obstacles');\n processRemovalsBatch('scenery');\n processRemovalsBatch('floorTiles');\n processRemovalsBatch('decorations');\n function processRemovalsBatch(poolName) {\n const poolMapping = {\n 'obstacles': 'obstaclePool',\n 'scenery': 'sceneryPool',\n 'floorTiles': 'floorTilePool',\n 'decorations': 'decorationPool'\n };\n const poolArrayName = poolMapping[poolName] || poolName + 'Pool';\n const poolArray = eval(poolArrayName);\n const count = Math.min(maxRemovalsPerFrame, pendingRemovals[poolName].length);\n for (let i = 0; i < count; i++) {\n const object = pendingRemovals[poolName].shift();\n if (poolArray.length < maxObjectsPerType) {\n object.visible = false;\n object.position.y = -100;\n poolArray.push(object);\n } else {\n disposeObject(object);\n }\n }\n }\n}\nfunction startGame() {\n if (listener && listener.context && listener.context.state === 'suspended') {\n listener.context.resume().then(() => {\n console.log('AudioContext resumed on game start');\n if (policeSound && policeSound.buffer) {\n policeSound.play();\n policeSound.onEnded = () => {\n if (sirenSound && sirenSound.buffer) {\n sirenSound.play();\n }\n };\n }\n }).catch(error => {\n console.error('Error resuming AudioContext:', error);\n });\n } else if (policeSound && policeSound.buffer) {\n policeSound.play();\n policeSound.onEnded = () => {\n if (sirenSound && sirenSound.buffer) {\n sirenSound.play();\n }\n };\n }\n const flashOverlay = document.createElement('div');\n flashOverlay.style.position = 'fixed';\n flashOverlay.style.top = '0';\n flashOverlay.style.left = '0';\n flashOverlay.style.width = '100%';\n flashOverlay.style.height = '100%';\n flashOverlay.style.backgroundColor = 'white';\n flashOverlay.style.opacity = '1';\n flashOverlay.style.transition = 'opacity 0.5s';\n flashOverlay.style.zIndex = '900';\n document.body.appendChild(flashOverlay);\n setTimeout(() => {\n flashOverlay.style.opacity = '0';\n setTimeout(() => {\n flashOverlay.remove();\n }, 500);\n }, 50);\n const startText = document.createElement('div');\n startText.innerText = 'BRAINROT ACTIVATED!';\n startText.style.position = 'absolute';\n startText.style.top = '50%';\n startText.style.left = '50%';\n startText.style.transform = 'translate(-50%, -50%)';\n startText.style.fontSize = '80px';\n startText.style.fontWeight = 'bold';\n startText.style.color = '#FF00FF';\n startText.style.textShadow = '0 0 20px #00FFFF';\n startText.style.zIndex = '899';\n startText.style.opacity = '0';\n startText.style.transition = 'transform 1s, opacity 1s';\n document.body.appendChild(startText);\n setTimeout(() => {\n startText.style.opacity = '1';\n startText.style.transform = 'translate(-50%, -50%) scale(1.5)';\n setTimeout(() => {\n startText.style.opacity = '0';\n startText.style.transform = 'translate(-50%, -50%) scale(3)';\n setTimeout(() => {\n startText.remove();\n }, 1000);\n }, 1000);\n }, 200);\n gameStarted = true;\n gameOver = false;\n score = 0;\n speed = 0.147;\n lastObjectGenerationTime = Date.now();\n startPanel.style.display = 'none';\n tutorialPanel.style.display = 'none';\n character.position.set(lanes[currentLane], 1.2155, 0);\n camera.position.set(0, 5, 10);\n camera.lookAt(new THREE.Vector3(0, 2, 0));\n obstacleGenerationZ = -15;\n decorationGenerationZ = -35;\n sceneryGenerationZ = -40;\n if (bgMusic.buffer) {\n bgMusic.play();\n }\n if (runAction) {\n runAction.reset();\n runAction.play();\n }\n setTimeout(() => {\n if (!gameOver && voiceoverSound.buffer) {\n playRandomVoiceover();\n }\n }, 1000);\n updateScoreText();\n for (let i = 0; i < 3; i++) {\n const side = i % 2 === 0 ? 1 : -1;\n const x = side * (6 + Math.random() * 8);\n const y = 3 + Math.random() * 6;\n createPizzaDisk(x, y, -30 - i * 15);\n }\n for (let i = 0; i < 2; i++) {\n const side = i % 2 === 0 ? 1 : -1;\n const x = side * (10 + Math.random() * 5);\n createPastaWaterfall(x, -40 - i * 25);\n }\n for (let i = 0; i < 4; i++) {\n const side = i % 2 === 0 ? 1 : -1;\n const x = side * (5 + Math.random() * 10);\n const y = 4 + Math.random() * 5;\n createFloatingGarlic(x, y, -25 - i * 15);\n }\n}\nfunction resumeGame() {}\nfunction restartGame() {\n if (gameOverPanel.gameOverVideo) {\n gameOverPanel.gameOverVideo.pause();\n gameOverPanel.gameOverVideo.currentTime = 0;\n }\n if (sirenSound && sirenSound.isPlaying) {\n sirenSound.stop();\n }\n recycleAllObjects(obstacles, obstaclePool);\n recycleAllObjects(scenery, sceneryPool);\n recycleAllObjects(floorTiles, floorTilePool);\n recycleAllObjects(decorations, decorationPool);\n const sunLight = scene.children.find(child => child instanceof THREE.DirectionalLight);\n if (sunLight) {\n sunLight.shadow.needsUpdate = true;\n }\n createPoliceSiren();\n createFloor(0);\n createFloor(-floorLength);\n function recycleAllObjects(sourceArray, poolArray) {\n while (sourceArray.length > 0) {\n const obj = sourceArray.pop();\n if (poolArray.length < maxObjectsPerType) {\n obj.visible = false;\n obj.position.y = -100;\n poolArray.push(obj);\n } else {\n disposeObject(obj);\n }\n }\n }\n pendingRemovals = {\n obstacles: [],\n scenery: [],\n floorTiles: [],\n decorations: []\n };\n gameStarted = true;\n gameOver = false;\n score = 0;\n speed = 0.273;\n currentLane = 1;\n lastObjectGenerationTime = Date.now();\n character.position.set(lanes[currentLane], 1.2155, 0);\n character.scale.set(1, 1, 1);\n camera.position.set(0, 5, -10);\n camera.lookAt(new THREE.Vector3(0, 2, 0));\n lastFloorZ = -floorLength;\n obstacleGenerationZ = -15;\n decorationGenerationZ = -35;\n sceneryGenerationZ = -40;\n gameOverPanel.style.display = 'none';\n if (runAction) {\n runAction.reset();\n runAction.play();\n }\n if (bgMusic && bgMusic.buffer) {\n bgMusic.play();\n }\n if (policeSound && policeSound.buffer) {\n policeSound.play();\n policeSound.onEnded = () => {\n if (sirenSound && sirenSound.buffer) {\n sirenSound.play();\n }\n };\n }\n updateScoreText();\n setTimeout(() => {\n if (voiceoverSound && voiceoverSound.buffer) {\n playRandomVoiceover();\n }\n }, 500);\n for (let i = 0; i < 5; i++) {\n const side = i % 2 === 0 ? 1 : -1;\n const x = side * (14 + Math.random() * 6);\n const z = -50 - i * 20;\n createPastaShrine(x, z);\n }\n for (let i = 0; i < 4; i++) {\n const side = i % 2 === 0 ? 1 : -1;\n const x = side * (15 + Math.random() * 10);\n const y = 8 + Math.random() * 7;\n const z = -30 - i * 25;\n createPastaCloud(x, y, z);\n }\n for (let i = 0; i < 3; i++) {\n const side = i % 2 === 0 ? 1 : -1;\n const x = side * (13 + Math.random() * 8);\n const y = 3 + Math.random() * 6;\n createPizzaDisk(x, y, -30 - i * 15);\n }\n for (let i = 0; i < 2; i++) {\n const side = i % 2 === 0 ? 1 : -1;\n const x = side * (15 + Math.random() * 5);\n createPastaWaterfall(x, -40 - i * 25);\n }\n for (let i = 0; i < 4; i++) {\n const side = i % 2 === 0 ? 1 : -1;\n const x = side * (12 + Math.random() * 10);\n const y = 4 + Math.random() * 5;\n createFloatingGarlic(x, y, -25 - i * 15);\n }\n createPoliceSiren();\n}\nfunction createPoliceSiren() {\n if (policeSiren) {\n scene.remove(policeSiren);\n }\n policeSiren = new THREE.Group();\n policeSiren.position.set(0, 0.5, 15);\n const baseGeometry = new THREE.BoxGeometry(4, 0.5, 2);\n const baseMaterial = new THREE.MeshStandardMaterial({\n color: 0x222222,\n roughness: 0.7\n });\n const base = new THREE.Mesh(baseGeometry, baseMaterial);\n policeSiren.add(base);\n const blueLight = new THREE.PointLight(0x0044ff, 30, 35);\n blueLight.position.set(-1, 0.3, 0);\n blueLight.castShadow = true;\n blueLight.decay = 1.5;\n policeSiren.add(blueLight);\n const blueDome = new THREE.Mesh(new THREE.SphereGeometry(0.5, 16, 16), new THREE.MeshBasicMaterial({\n color: 0x0044ff,\n transparent: true,\n opacity: 0.85\n }));\n blueDome.position.set(-1, 0.2, 0);\n policeSiren.add(blueDome);\n const redLight = new THREE.PointLight(0xff0000, 30, 35);\n redLight.position.set(1, 0.3, 0);\n redLight.castShadow = true;\n redLight.decay = 1.5;\n policeSiren.add(redLight);\n const redDome = new THREE.Mesh(new THREE.SphereGeometry(0.5, 16, 16), new THREE.MeshBasicMaterial({\n color: 0xff0000,\n transparent: true,\n opacity: 0.85\n }));\n redDome.position.set(1, 0.2, 0);\n policeSiren.add(redDome);\n policeSiren.userData.blueLight = blueLight;\n policeSiren.userData.redLight = redLight;\n policeSiren.userData.blueDome = blueDome;\n policeSiren.userData.redDome = redDome;\n policeSiren.userData.animationTime = 0;\n scene.add(policeSiren);\n return policeSiren;\n}\nfunction playRandomVoiceover() {\n if (gameOver || !voiceoverSound.buffer) return;\n voiceoverSound.play();\n}\nfunction updateScoreText() {\n scoreText.innerText = \"Score: \" + Math.floor(score);\n}\nconst frustum = new THREE.Frustum();\nconst projScreenMatrix = new THREE.Matrix4();\nfunction animate() {\n requestAnimationFrame(animate);\n const delta = clock.getDelta();\n if (characterMixer && gameStarted) {\n characterMixer.update(delta);\n }\n if (gameStarted && !gameOver) {\n score += speed * 0.1;\n updateScoreText();\n speed += 0.000065;\n movePlayer();\n if (policeSiren) {\n policeSiren.userData.animationTime += delta * 6;\n const time = policeSiren.userData.animationTime;\n const blueIntensity = Math.pow(Math.sin(time) * 0.5 + 0.5, 2) * 45;\n const redIntensity = Math.pow(Math.cos(time) * 0.5 + 0.5, 2) * 45;\n policeSiren.userData.blueLight.intensity = blueIntensity;\n policeSiren.userData.redLight.intensity = redIntensity;\n const lightFalloffDistance = 45;\n const lightPos = policeSiren.position.clone();\n policeSiren.userData.blueDome.material.opacity = Math.min(0.9, blueIntensity * 0.25);\n policeSiren.userData.redDome.material.opacity = Math.min(0.9, redIntensity * 0.25);\n scene.fog.color.setRGB(0x87 / 255 + (redIntensity > 8 ? 0.08 : 0), 0xCE / 255 + (blueIntensity > 8 ? 0.05 : 0), 0xEB / 255 + (blueIntensity > 8 ? 0.08 : 0));\n const objectsForLightReflection = [...scenery, ...decorations];\n objectsForLightReflection.forEach(obj => {\n if (!obj || !obj.position) return;\n const objDistance = obj.position.distanceTo(lightPos);\n if (objDistance < lightFalloffDistance) {\n if (objDistance > lightFalloffDistance * 0.8 && Math.random() > 0.3) return;\n obj.traverse(node => {\n if (node.isMesh && node.material) {\n const normalizedDistance = Math.min(1, objDistance / lightFalloffDistance);\n const attenuationFactor = Math.pow(1 - normalizedDistance, 3) * 2.5;\n if (!node.userData.originalEmissive) {\n if (node.material.emissive) {\n node.userData.originalEmissive = node.material.emissive.clone();\n } else {\n node.userData.originalEmissive = new THREE.Color(0x000000);\n }\n }\n if (node.material.emissive) {\n node.material.emissive.copy(node.userData.originalEmissive);\n if (objDistance < lightFalloffDistance * 0.3) {\n if (blueIntensity > redIntensity) {\n node.material.emissive.add(new THREE.Color(0x0022ff).multiplyScalar(attenuationFactor * blueIntensity * 0.15));\n } else {\n node.material.emissive.add(new THREE.Color(0xff2200).multiplyScalar(attenuationFactor * redIntensity * 0.15));\n }\n } else {\n if (blueIntensity > redIntensity) {\n node.material.emissive.add(new THREE.Color(0x0022aa).multiplyScalar(attenuationFactor * blueIntensity * 0.05));\n } else {\n node.material.emissive.add(new THREE.Color(0xaa2200).multiplyScalar(attenuationFactor * redIntensity * 0.05));\n }\n }\n }\n }\n });\n }\n });\n }\n projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse);\n frustum.setFromProjectionMatrix(projScreenMatrix);\n const sunLight = scene.children.find(child => child instanceof THREE.DirectionalLight);\n if (sunLight) {\n sunLight.position.z = character.position.z - 10;\n sunLight.target.position.z = character.position.z + 10;\n sunLight.target.updateMatrixWorld();\n }\n let animatedCount = 0;\n const maxAnimationsPerFrame = 10;\n const viewDistance = 40;\n const playerZ = character.position.z;\n const potentialObjects = [];\n for (let i = 0; i < decorations.length; i++) {\n const obj = decorations[i];\n if (obj && obj.position && !obj.userData.destroyed) {\n const dist = Math.abs(obj.position.z - playerZ);\n if (dist < viewDistance) potentialObjects.push(obj);\n }\n if (potentialObjects.length >= maxAnimationsPerFrame * 2) break;\n }\n for (let i = 0; i < obstacles.length && potentialObjects.length < maxAnimationsPerFrame * 3; i++) {\n const obj = obstacles[i];\n if (obj && obj.position && !obj.userData.destroyed) {\n const dist = Math.abs(obj.position.z - playerZ);\n if (dist < viewDistance) potentialObjects.push(obj);\n }\n }\n for (let i = 0; i < scenery.length && potentialObjects.length < maxAnimationsPerFrame * 4; i++) {\n const obj = scenery[i];\n if (obj && obj.position && !obj.userData.destroyed) {\n const dist = Math.abs(obj.position.z - playerZ);\n if (dist < viewDistance) potentialObjects.push(obj);\n }\n }\n const closeObjects = potentialObjects.filter(obj => {\n try {\n return frustum.intersectsObject(obj);\n } catch (e) {\n return false;\n }\n }).sort((a, b) => {\n const distA = Math.abs(a.position.z - playerZ);\n const distB = Math.abs(b.position.z - playerZ);\n return distA - distB;\n });\n for (const object of closeObjects) {\n if (animatedCount < maxAnimationsPerFrame && object.userData.animate) {\n object.userData.animate();\n animatedCount++;\n }\n if (animatedCount >= maxAnimationsPerFrame) break;\n }\n voiceoverTimer += delta * 1000;\n if (voiceoverTimer - lastVoiceoverTime > 8000 + Math.random() * 4000) {\n playRandomVoiceover();\n lastVoiceoverTime = voiceoverTimer;\n }\n checkCollisions();\n generateEnvironment();\n if (Math.floor(Date.now() / 100) % 2 === 0) {\n const sunLight = scene.children.find(child => child instanceof THREE.DirectionalLight);\n if (sunLight) sunLight.shadow.needsUpdate = true;\n }\n if (Math.floor(Date.now() / 500) % 2 === 0) {\n cleanupObjects();\n }\n }\n renderer.render(scene, camera);\n if (gameStarted || gameOver) {\n cssRenderer.render(scene, camera);\n }\n}\ninit();\nanimate();","packageJson","{\"dependencies\":{\"@babylonjs/core\":\"6.49.0\",\"@devfunlabs/babylon-sdk\":\"0.2.0\",\"three\":\"^0.152.2\",\"socket.io-client\":\"4.6.1\",\"react\":\"^18.2.0\",\"three-spritetext\":\"^1.8.0\"}}","appFunctions",[],"token",{"_18":80,"_81":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":96,"_70":71},"Tung Tung Tung Sahur","symbol","Sahur","price",0.00004324,"marketcap",42442.32578162,"image","https://pump.mypinata.cloud/ipfs/QmRzpfSH3m8b9xedRdDoATxpmWe635Rui9pjBuNmUjG2Ef?img-width=256&img-dpr=2","website","https://vm.tiktok.com/ZNdNS5tPY/","twitter","https://x.com/real_tung_sahur","devCount",21,"appCount",30,"upstreamApp","isLordOfDev","analytics",[101,105,107,109,111,113,115,117,119,121,123,125,127,129,131,132],{"_102":103,"_104":58},"day","2025-07-03","runCount",{"_102":106,"_104":58},"2025-07-04",{"_102":108,"_104":58},"2025-07-05",{"_102":110,"_104":58},"2025-07-06",{"_102":112,"_104":58},"2025-07-07",{"_102":114,"_104":58},"2025-07-08",{"_102":116,"_104":58},"2025-07-09",{"_102":118,"_104":58},"2025-07-10",{"_102":120,"_104":58},"2025-07-11",{"_102":122,"_104":58},"2025-07-12",{"_102":124,"_104":58},"2025-07-13",{"_102":126,"_104":58},"2025-07-14",{"_102":128,"_104":58},"2025-07-15",{"_102":130,"_104":58},"2025-07-16",{"_102":110,"_104":40},{"_102":133,"_104":40},"2025-07-17","snapshot","ogImage","https://cdn.dev.fun/og/image/09d52cd1327f33bd56c4/db7a5127.webp","isDevbase","actionData","errors"]

say something