[{"_1":2,"_135":-5,"_136":-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,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":56,"_57":58,"_59":60,"_61":62,"_63":58,"_64":41,"_65":41,"_66":41,"_67":58,"_68":58,"_69":17,"_70":25,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_97":-5,"_98":17,"_99":100,"_131":31,"_132":133,"_134":17},"id","d633c6dd1426da7f6f7f","isMyApp",false,"name","1v1v1v1","description","Drop into the legendary Shipment map with this insanely faithful recreation that captures every chaotic corner, twitchy gunplay mechanic, and rage-inducing spawn point of the original CoD4 classic!","brief","","isLive",true,"isPublic","tags",[29],"💰","cover","https://cdn.dev.fun/snapshot/d633c6dd1426da7f6f7f/52179_6a96044d.webp","cdnUrl","https://cdn.dev.fun/app/d633c6dd1426da7f6f7f/52179","createdAt",["D",1743769409882],"updatedAt",["D",1744225182818],"lastCommitId",["B","52179"],"tier",1,"credits",65,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":23,"_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",730,"forkCount",0,"likeCount",3,"runsCount",289,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump","code","import { useRef, useState, useEffect, Suspense, useMemo, createContext, useContext, useCallback } from 'react';\nimport { Canvas, useFrame, useThree } from '@react-three/fiber';\nimport { Physics, useBox, usePlane } from '@react-three/cannon';\nimport { Sky, PointerLockControls, useGLTF, useAnimations } from '@react-three/drei';\nimport { Vector3 } from 'three';\nimport * as THREE from 'three';\nimport { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';\nimport * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js';\nconst LOW_QUALITY_SHADOW_MAP_SIZE = 1024;\nconst HIGH_QUALITY_SHADOW_MAP_SIZE = 2048;\nconst LOW_QUALITY_PHYSICS_ITERATIONS = 4;\nconst HIGH_QUALITY_PHYSICS_ITERATIONS = 6;\nconst LOW_QUALITY_PARTICLE_COUNT_MULTIPLIER = 0.5;\nconst GameContext = createContext({\n ammo: 30,\n setAmmo: () => {},\n shooting: false,\n setShooting: () => {},\n reloading: false,\n setReloading: () => {},\n isRunning: false,\n setIsRunning: () => {},\n ammoCountingUp: false,\n setAmmoCountingUp: () => {},\n moveDirection: [0, 0, 0],\n setMoveDirection: () => {},\n zombieKills: 0,\n setZombieKills: () => {},\n playerPosition: [0, 0, 0],\n isPlayerDead: false,\n setIsPlayerDead: () => {},\n health: 100,\n setHealth: () => {},\n lastDamageTime: 0,\n setLastDamageTime: () => {},\n coinsCollected: 0,\n setCoinsCollected: () => {},\n totalCoins: 10,\n performanceMode: false,\n setPerformanceMode: () => {},\n cameraShake: {\n active: false,\n intensity: 0,\n duration: 0\n }\n});\nconst MOVEMENT_SPEED = 16.214;\nconst PLAYER_HEIGHT = 1.6;\nconst PHYSICS_BROADPHASE = 'SAP';\nconst SoundManager = {\n loadAudio: (src, volume = 0.5, loop = false) => {\n const audio = new Audio();\n audio.volume = volume;\n audio.loop = loop;\n const dummyAudio = {\n play: () => Promise.resolve(),\n pause: () => {},\n addEventListener: () => {},\n removeEventListener: () => {},\n volume,\n currentTime: 0,\n loop,\n src: '',\n preload: 'none'\n };\n audio.addEventListener('error', e => {\n console.warn(`Audio loading failed for ${src}:`, e.message || 'Unknown error');\n return dummyAudio;\n });\n try {\n audio.src = src;\n audio.load();\n return audio;\n } catch (err) {\n console.warn(`Failed to create audio element for ${src}:`, err.message || 'Unknown error');\n return dummyAudio;\n }\n },\n playSound: (audio, volume = null, rate = null) => {\n if (!audio) return Promise.resolve();\n try {\n if (volume !== null) audio.volume = volume;\n if (rate !== null) audio.playbackRate = rate;\n if (!audio.src || audio.src === '') {\n return Promise.resolve();\n }\n return audio.play().catch(e => {\n console.warn(\"Audio play failed:\", e?.message || e);\n return Promise.resolve();\n });\n } catch (err) {\n console.warn(\"Error attempting to play audio:\", err?.message || 'Unknown error');\n return Promise.resolve();\n }\n }\n};\nfunction Flashlight() {\n const {\n camera\n } = useThree();\n const {\n performanceMode\n } = useContext(GameContext);\n const spotlightRef = useRef();\n const pointLightRef = useRef();\n const targetRef = useRef();\n useFrame(() => {\n if (!camera || !spotlightRef.current || !pointLightRef.current || !targetRef.current) return;\n const direction = new THREE.Vector3(0, 0, -1);\n direction.applyQuaternion(camera.quaternion);\n spotlightRef.current.position.copy(camera.position);\n pointLightRef.current.position.copy(camera.position);\n targetRef.current.position.copy(camera.position);\n targetRef.current.position.x += direction.x * 7.5;\n targetRef.current.position.y += direction.y * 7.5 - 1;\n targetRef.current.position.z += direction.z * 7.5;\n spotlightRef.current.target = targetRef.current;\n });\n const spotlightIntensity = performanceMode ? 5 : 7;\n const spotlightDistance = performanceMode ? 40 : 58.5;\n const pointLightIntensity = performanceMode ? 1.8 : 2.4;\n const pointLightDistance = performanceMode ? 25 : 31.2;\n const shadowMapSize = performanceMode ? 512 : 1024;\n const lightColor = performanceMode ? \"#f0f0f0\" : \"#f8e8d8\";\n const pointLightColor = performanceMode ? \"#f0f0f0\" : \"#ffe0c0\";\n const castShadows = !performanceMode;\n return <>\n \n \n \n ;\n}\nfunction Player({\n position = [0, 1, 0],\n playerName = \"OPERATOR\"\n}) {\n const {\n ammo,\n setAmmo,\n moveDirection\n } = useContext(GameContext);\n const inputBuffer = useRef({\n keys: new Set(),\n lastProcessed: Date.now()\n });\n const breathingCycle = useRef(0);\n const movementControls = {\n forward: 'KeyS',\n backward: 'KeyW',\n left: 'KeyD',\n right: 'KeyA'\n };\n const spawnCorners = [[16, 1, 16], [16, 1, -16], [-16, 1, 16], [-16, 1, -16]];\n const initialPosition = useMemo(() => {\n const randomCornerIndex = Math.floor(Math.random() * spawnCorners.length);\n return spawnCorners[randomCornerIndex];\n }, []);\n const {\n camera\n } = useThree();\n const [ref, api] = useBox(() => ({\n mass: 20,\n position: initialPosition,\n args: [0.5, PLAYER_HEIGHT, 0.5],\n fixedRotation: true,\n type: 'Dynamic',\n material: {\n friction: 0.3,\n restitution: 0.01\n },\n collisionFilterGroup: 16,\n collisionFilterMask: 63,\n linearDamping: 0.4,\n angularDamping: 0.7,\n sleepSpeedLimit: 0.2,\n sleepTimeLimit: 0.2,\n centerOfMass: [0, -PLAYER_HEIGHT / 4, 0]\n }));\n const playerEyeOffset = 0.15;\n const velocity = useRef([0, 0, 0]);\n const [onGround, setOnGround] = useState(false);\n const [reloading, setReloading] = useState(false);\n const [, setIsRunning] = useState(false);\n const [, setShooting] = useState(false);\n useEffect(() => {\n const handlePlayerRespawn = () => {\n const randomCornerIndex = Math.floor(Math.random() * spawnCorners.length);\n const respawnPosition = spawnCorners[randomCornerIndex];\n api.position.set(respawnPosition[0], respawnPosition[1], respawnPosition[2]);\n api.velocity.set(0, 0, 0);\n api.wakeUp();\n };\n window.addEventListener('player-respawn', handlePlayerRespawn);\n return () => {\n window.removeEventListener('player-respawn', handlePlayerRespawn);\n };\n }, [api, spawnCorners]);\n const moveForward = useRef(false);\n const moveBackward = useRef(false);\n const moveLeft = useRef(false);\n const moveRight = useRef(false);\n const fireInterval = useRef(null);\n const lastReloadStartTime = useRef(Date.now());\n const [ammoCountingUp] = useState(false);\n const countUpRef = useRef(1);\n const FULL_AMMO = 30;\n const continuousWalkingSound = useRef(null);\n const isPlayingWalkingSound = useRef(false);\n const walkingSoundRef = useRef(null);\n useEffect(() => {\n walkingSoundRef.current = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/running-1-6846 (mp3cut.net)_fba4a2ce.mp3\", 0.99, true);\n breathingCycle.current = 0;\n return () => {\n if (continuousWalkingSound.current) {\n continuousWalkingSound.current.pause();\n continuousWalkingSound.current.currentTime = 0;\n }\n if (walkingSoundRef.current) {\n walkingSoundRef.current.pause();\n walkingSoundRef.current.currentTime = 0;\n }\n };\n }, []);\n useEffect(() => {\n const handleKeyDown = e => {\n inputBuffer.current.keys.add(e.code);\n if (e.code === movementControls.forward) {\n moveForward.current = true;\n setIsRunning(true);\n }\n if (e.code === movementControls.backward) {\n moveBackward.current = true;\n setIsRunning(true);\n }\n if (e.code === movementControls.left) {\n moveLeft.current = true;\n setIsRunning(true);\n }\n if (e.code === movementControls.right) {\n moveRight.current = true;\n setIsRunning(true);\n }\n switch (e.code) {\n case 'KeyR':\n if (!reloading && !ammoCountingUp) {\n setReloading(true);\n lastReloadStartTime.current = Date.now();\n const reloadSound = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/rifle-or-shotgun-reload-6787_522f1fb3.mp3\", 0.5);\n SoundManager.playSound(reloadSound);\n countUpRef.current = 1;\n setAmmo(1);\n const reloadDuration = 3000;\n const totalTicks = 20;\n const incrementPerTick = Math.ceil(FULL_AMMO / totalTicks);\n const tickInterval = reloadDuration / totalTicks;\n const countInterval = setInterval(() => {\n countUpRef.current = Math.min(countUpRef.current + incrementPerTick, FULL_AMMO);\n setAmmo(countUpRef.current);\n if (countUpRef.current % 3 === 0 || countUpRef.current % 3 === 1) {\n const clickSound = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/bullet-load-click.mp3\", 0.2);\n SoundManager.playSound(clickSound);\n }\n if (countUpRef.current >= FULL_AMMO) {\n clearInterval(countInterval);\n setReloading(false);\n }\n }, tickInterval);\n setTimeout(() => {\n if (countUpRef.current < FULL_AMMO) {\n clearInterval(countInterval);\n setAmmo(FULL_AMMO);\n setReloading(false);\n }\n }, reloadDuration);\n }\n break;\n }\n };\n const handleKeyUp = e => {\n inputBuffer.current.keys.delete(e.code);\n if (e.code === movementControls.forward) {\n moveForward.current = false;\n }\n if (e.code === movementControls.backward) {\n moveBackward.current = false;\n }\n if (e.code === movementControls.left) {\n moveLeft.current = false;\n }\n if (e.code === movementControls.right) {\n moveRight.current = false;\n }\n if (!moveForward.current && !moveBackward.current && !moveLeft.current && !moveRight.current) {\n setIsRunning(false);\n if (isPlayingWalkingSound.current && walkingSoundRef.current) {\n walkingSoundRef.current.pause();\n walkingSoundRef.current.currentTime = 0;\n isPlayingWalkingSound.current = false;\n }\n }\n switch (e.code) {}\n };\n const fireBullet = () => {\n if (ammo <= 0) {\n stopFiring();\n const emptySound = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/empty-gun-shot-6209_e6b886b4.mp3\", 0.4);\n SoundManager.playSound(emptySound);\n return;\n }\n setAmmo(prev => prev - 1);\n setShooting(true);\n const gunshotSound = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/single-pistol-gunshot-3-101923_26311c2c.mp3\", 0.3);\n SoundManager.playSound(gunshotSound);\n window.dispatchEvent(new CustomEvent('camera-shake', {\n detail: {\n intensity: 0.03,\n duration: 100\n }\n }));\n window.dispatchEvent(new CustomEvent('muzzle-flash', {\n detail: {\n position: [camera.position.x, camera.position.y, camera.position.z],\n intensity: 2 + Math.random()\n }\n }));\n const cameraDirection = new Vector3();\n camera.getWorldDirection(cameraDirection);\n window.dispatchEvent(new CustomEvent('fire-bullet', {\n detail: {\n position: [camera.position.x, camera.position.y, camera.position.z],\n direction: [cameraDirection.x, cameraDirection.y, cameraDirection.z],\n shooterId: 'player'\n }\n }));\n setTimeout(() => {\n setShooting(false);\n }, 200);\n };\n const startFiring = () => {\n if (!reloading && !ammoCountingUp && ammo > 0 && !fireInterval.current) {\n fireBullet();\n }\n };\n const stopFiring = () => {\n if (fireInterval.current) {\n clearInterval(fireInterval.current);\n fireInterval.current = null;\n }\n setShooting(false);\n };\n const handleMouseDown = e => {\n if (e.button === 0) {\n if (ammo <= 0) {\n const emptySound = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/empty-gun-shot-6209_e6b886b4.mp3\", 0.4);\n SoundManager.playSound(emptySound);\n } else {\n startFiring();\n }\n }\n };\n const handleMouseUp = e => {\n if (e.button === 0) {\n stopFiring();\n }\n };\n document.addEventListener('keydown', handleKeyDown, {\n capture: true\n });\n document.addEventListener('keyup', handleKeyUp, {\n capture: true\n });\n document.addEventListener('mousedown', handleMouseDown, {\n capture: true\n });\n document.addEventListener('mouseup', handleMouseUp, {\n capture: true\n });\n const restoreInputBuffer = () => {\n if (Date.now() - inputBuffer.current.lastProcessed > 100) {\n moveForward.current = inputBuffer.current.keys.has(movementControls.forward);\n moveBackward.current = inputBuffer.current.keys.has(movementControls.backward);\n moveLeft.current = inputBuffer.current.keys.has(movementControls.left);\n moveRight.current = inputBuffer.current.keys.has(movementControls.right);\n if (moveForward.current || moveBackward.current || moveLeft.current || moveRight.current) {\n setIsRunning(true);\n if (onGround) {\n playFootstepSound();\n }\n } else {\n setIsRunning(false);\n }\n inputBuffer.current.keys.forEach(keyCode => {\n switch (keyCode) {\n case 'KeyC':\n break;\n }\n });\n inputBuffer.current.lastProcessed = Date.now();\n }\n };\n const inputBufferInterval = setInterval(restoreInputBuffer, 50);\n return () => {\n document.removeEventListener('keydown', handleKeyDown, {\n capture: true\n });\n document.removeEventListener('keyup', handleKeyUp, {\n capture: true\n });\n document.removeEventListener('mousedown', handleMouseDown, {\n capture: true\n });\n document.removeEventListener('mouseup', handleMouseUp, {\n capture: true\n });\n if (fireInterval.current) {\n clearInterval(fireInterval.current);\n fireInterval.current = null;\n }\n clearInterval(inputBufferInterval);\n };\n }, [api, onGround, ammo, reloading, ammoCountingUp]);\n useEffect(() => {\n let lastPositionUpdate = 0;\n const positionUpdateInterval = 16;\n const unsubscribePosition = api.position.subscribe(p => {\n const now = performance.now();\n if (now - lastPositionUpdate > positionUpdateInterval) {\n breathingCycle.current += 0.001;\n const standingCameraHeight = p[1] + PLAYER_HEIGHT / 2 - 0.25 + playerEyeOffset;\n const targetCameraHeight = standingCameraHeight;\n const currentHeight = camera.position.y;\n const lerpFactor = 0.1;\n let headBob = 0;\n const breathingEffect = Math.sin(breathingCycle.current * 0.8) * 0.004;\n const horizontalBreathing = Math.sin(breathingCycle.current * 0.5) * 0.002;\n const isMoving = moveForward.current || moveBackward.current || moveLeft.current || moveRight.current;\n const isPlayerOnGround = Math.abs(velocity.current[1]) < 0.4;\n if (isMoving && isPlayerOnGround) {\n headBob = Math.sin(now * 0.01) * 0.0075;\n }\n const newHeight = currentHeight + (targetCameraHeight - currentHeight) * lerpFactor + headBob + breathingEffect;\n camera.position.set(p[0] + horizontalBreathing, newHeight, p[2] + horizontalBreathing * 0.7);\n window.playerPosition = [p[0], newHeight, p[2]];\n window.dispatchEvent(new CustomEvent('player-position-update', {\n detail: {\n position: [p[0], p[1], p[2]]\n }\n }));\n if (p[1] < -50) {\n api.position.set(0, 5, 0);\n api.velocity.set(0, 0, 0);\n }\n lastPositionUpdate = now;\n }\n }, {\n priority: 1\n });\n return () => {\n unsubscribePosition();\n };\n }, [api, camera]);\n const frontVector = useMemo(() => new Vector3(0, 0, 0), []);\n const sideVector = useMemo(() => new Vector3(0, 0, 0), []);\n const direction = useMemo(() => new Vector3(0, 0, 0), []);\n const rotatedDirection = useMemo(() => new Vector3(0, 0, 0), []);\n const frameCount = useRef(0);\n const frameSkip = 1;\n const lastStep = useRef(0);\n const playFootstepSound = useCallback(() => {\n if (!onGround) return;\n if (walkingSoundRef.current && !isPlayingWalkingSound.current) {\n walkingSoundRef.current.volume = 0.99;\n walkingSoundRef.current.playbackRate = 0.9 + Math.random() * 0.2;\n walkingSoundRef.current.play().catch(e => {\n console.error(\"Walking sound play failed:\", e.message || JSON.stringify(e));\n });\n isPlayingWalkingSound.current = true;\n }\n if (walkingSoundRef.current && isPlayingWalkingSound.current) {\n walkingSoundRef.current.volume = 0.99;\n }\n }, [onGround]);\n useEffect(() => {\n const updateWalkingSound = () => {\n if (onGround && (moveForward.current || moveBackward.current || moveLeft.current || moveRight.current)) {\n playFootstepSound();\n if (walkingSoundRef.current) {\n walkingSoundRef.current.volume = 0.99;\n }\n } else if (isPlayingWalkingSound.current && walkingSoundRef.current) {\n walkingSoundRef.current.pause();\n walkingSoundRef.current.currentTime = 0;\n isPlayingWalkingSound.current = false;\n }\n };\n updateWalkingSound();\n const soundCheckInterval = setInterval(() => {\n if (onGround && (moveForward.current || moveBackward.current || moveLeft.current || moveRight.current)) {\n playFootstepSound();\n if (walkingSoundRef.current && isPlayingWalkingSound.current) {\n walkingSoundRef.current.volume = 0.99;\n }\n }\n }, 100);\n return () => clearInterval(soundCheckInterval);\n }, [onGround, playFootstepSound]);\n useEffect(() => {\n if (moveForward.current || moveBackward.current || moveLeft.current || moveRight.current) {\n setIsRunning(true);\n if (onGround) {\n playFootstepSound();\n }\n } else {\n setIsRunning(false);\n if (isPlayingWalkingSound.current && walkingSoundRef.current) {\n walkingSoundRef.current.pause();\n walkingSoundRef.current.currentTime = 0;\n isPlayingWalkingSound.current = false;\n }\n }\n if (inputBuffer.current.keys.has('KeyC')) {}\n const soundCheckInterval = setInterval(() => {\n if ((moveForward.current || moveBackward.current || moveLeft.current || moveRight.current) && onGround) {\n playFootstepSound();\n }\n }, 100);\n return () => clearInterval(soundCheckInterval);\n }, [api, onGround, playFootstepSound]);\n const cameraShake = useRef({\n active: false,\n intensity: 0,\n duration: 0,\n startTime: 0,\n offsetX: 0,\n offsetY: 0,\n offsetZ: 0\n });\n useEffect(() => {\n const handleCameraShake = event => {\n const {\n intensity,\n duration\n } = event.detail;\n cameraShake.current = {\n active: true,\n intensity: intensity || 0.05,\n duration: duration || 300,\n startTime: Date.now(),\n offsetX: 0,\n offsetY: 0,\n offsetZ: 0\n };\n };\n const handleMuzzleFlash = event => {};\n window.addEventListener('camera-shake', handleCameraShake);\n window.addEventListener('muzzle-flash', handleMuzzleFlash);\n return () => {\n window.removeEventListener('camera-shake', handleCameraShake);\n window.removeEventListener('muzzle-flash', handleMuzzleFlash);\n };\n }, []);\n useFrame(state => {\n frameCount.current += 1;\n if (frameCount.current % frameSkip !== 0) return;\n const now = Date.now();\n const horizontalVelocityMagnitude = Math.sqrt(velocity.current[0] * velocity.current[0] + velocity.current[2] * velocity.current[2]);\n const isActuallyMoving = horizontalVelocityMagnitude > 0.5;\n let fwd = Number(moveForward.current) - Number(moveBackward.current);\n let side = Number(moveLeft.current) - Number(moveRight.current);\n const {\n camera\n } = state;\n if (cameraShake.current.active) {\n const elapsed = now - cameraShake.current.startTime;\n if (elapsed < cameraShake.current.duration) {\n const progress = elapsed / cameraShake.current.duration;\n const decayFactor = 1 - progress;\n const intensity = cameraShake.current.intensity * decayFactor;\n cameraShake.current.offsetX = (Math.random() - 0.5) * intensity;\n cameraShake.current.offsetY = (Math.random() - 0.5) * intensity;\n cameraShake.current.offsetZ = (Math.random() - 0.5) * intensity;\n camera.position.x += cameraShake.current.offsetX;\n camera.position.y += cameraShake.current.offsetY;\n camera.position.z += cameraShake.current.offsetZ;\n } else {\n cameraShake.current.active = false;\n cameraShake.current.offsetX = 0;\n cameraShake.current.offsetY = 0;\n cameraShake.current.offsetZ = 0;\n }\n }\n if (moveDirection[0] !== 0 || moveDirection[2] !== 0) {\n fwd = -moveDirection[2];\n side = -moveDirection[0];\n }\n const isMoving = fwd !== 0 || side !== 0;\n if (isActuallyMoving && isMoving && onGround && now - lastStep.current > 350) {\n lastStep.current = now;\n playFootstepSound();\n const speedFactor = Math.min(horizontalVelocityMagnitude / 10, 1.5);\n lastStep.current += Math.floor(350 / speedFactor);\n }\n frontVector.set(0, 0, fwd);\n sideVector.set(side, 0, 0);\n direction.set(0, 0, 0);\n direction.addVectors(frontVector, sideVector);\n if (isMoving) {\n direction.normalize();\n rotatedDirection.copy(direction).applyEuler(camera.rotation);\n rotatedDirection.multiplyScalar(MOVEMENT_SPEED);\n api.wakeUp();\n } else {\n rotatedDirection.set(0, 0, 0);\n }\n const groundTolerance = 0.4;\n const isOnGround = Math.abs(velocity.current[1]) < groundTolerance;\n if (isOnGround !== onGround) {\n setOnGround(isOnGround);\n }\n const blend = isOnGround ? 0.97 : 0.4;\n api.velocity.set(velocity.current[0] * (1 - blend) + rotatedDirection.x * blend, velocity.current[1], velocity.current[2] * (1 - blend) + rotatedDirection.z * blend);\n });\n useEffect(() => {\n if (moveForward.current || moveBackward.current || moveLeft.current || moveRight.current) {\n setIsRunning(true);\n if (onGround) {\n playFootstepSound();\n }\n } else {\n setIsRunning(false);\n if (isPlayingWalkingSound.current && walkingSoundRef.current) {\n walkingSoundRef.current.pause();\n walkingSoundRef.current.currentTime = 0;\n isPlayingWalkingSound.current = false;\n }\n }\n if (inputBuffer.current.keys.has('KeyC')) {}\n }, [api, onGround, playFootstepSound]);\n return <>\n \n \n ;\n}\nconst TextureManager = {\n cache: new Map(),\n lastAccessTimes: new Map(),\n priorityLevels: new Map(),\n maxCacheSize: 200,\n cleanupInterval: null,\n playerPosition: [0, 0, 0],\n init() {\n this.cleanupInterval = setInterval(() => this.performCleanup(), 30000);\n window.addEventListener('player-position-update', e => {\n if (e.detail && e.detail.position) {\n this.playerPosition = e.detail.position;\n }\n });\n window.addEventListener('beforeunload', () => this.dispose());\n },\n getTexture(cacheKey, createFn) {\n if (this.cache.has(cacheKey)) {\n this.lastAccessTimes.set(cacheKey, Date.now());\n return this.cache.get(cacheKey);\n }\n const texture = createFn();\n this.cache.set(cacheKey, texture);\n this.lastAccessTimes.set(cacheKey, Date.now());\n this.priorityLevels.set(cacheKey, 1);\n if (this.cache.size > this.maxCacheSize) {\n this.performCleanup(true);\n }\n return texture;\n },\n updatePriority(cacheKey, position) {\n if (!this.cache.has(cacheKey)) return;\n const dx = position[0] - this.playerPosition[0];\n const dy = position[1] - this.playerPosition[1];\n const dz = position[2] - this.playerPosition[2];\n const distance = Math.sqrt(dx * dx + dy * dy + dz * dz);\n let priority = 1;\n if (distance < 10) priority = 5;else if (distance < 20) priority = 4;else if (distance < 40) priority = 3;else if (distance < 60) priority = 2;\n this.priorityLevels.set(cacheKey, priority);\n },\n performCleanup(forced = false) {\n if (!forced && this.cache.size < this.maxCacheSize * 0.8) return;\n const entries = [...this.cache.entries()];\n entries.sort(([keyA, _textureA], [keyB, _textureB]) => {\n const priorityA = this.priorityLevels.get(keyA) || 1;\n const priorityB = this.priorityLevels.get(keyB) || 1;\n if (priorityA !== priorityB) return priorityA - priorityB;\n const timeA = this.lastAccessTimes.get(keyA) || 0;\n const timeB = this.lastAccessTimes.get(keyB) || 0;\n return timeA - timeB;\n });\n const targetSize = Math.floor(this.maxCacheSize * 0.8);\n const texturesToRemove = entries.slice(0, this.cache.size - targetSize);\n texturesToRemove.forEach(([key, texture]) => {\n texture.dispose();\n this.cache.delete(key);\n this.lastAccessTimes.delete(key);\n this.priorityLevels.delete(key);\n });\n },\n dispose() {\n if (this.cleanupInterval) {\n clearInterval(this.cleanupInterval);\n }\n this.cache.forEach(texture => {\n texture.dispose();\n });\n this.cache.clear();\n this.lastAccessTimes.clear();\n this.priorityLevels.clear();\n }\n};\nTextureManager.init();\nfunction createPixelatedTexture(colors, width = 4, height = 4, pixelSize = 8, variation = false, noiseIntensity = 0.05, pattern = 'none') {\n const cacheKey = `${colors.join('_')}_${width}_${height}_${pixelSize}_${variation}_${noiseIntensity}_${pattern}`;\n return TextureManager.getTexture(cacheKey, () => {\n const actualWidth = Math.min(width, 16);\n const actualHeight = Math.min(height, 16);\n const canvas = document.createElement('canvas');\n canvas.width = actualWidth;\n canvas.height = actualHeight;\n const context = canvas.getContext('2d');\n context.fillStyle = colors[0];\n context.fillRect(0, 0, actualWidth, actualHeight);\n const imageData = context.getImageData(0, 0, actualWidth, actualHeight);\n const data = imageData.data;\n const noiseStep = 16;\n for (let i = 0; i < data.length; i += 4 * noiseStep) {\n const noise = (Math.random() - 0.5) * noiseIntensity * 255;\n data[i] = Math.min(255, Math.max(0, data[i] + noise));\n data[i + 1] = Math.min(255, Math.max(0, data[i + 1] + noise));\n data[i + 2] = Math.min(255, Math.max(0, data[i + 2] + noise));\n }\n context.putImageData(imageData, 0, 0);\n if (pattern === 'wood') {\n for (let i = 0; i < actualHeight; i += Math.ceil(actualHeight / 3)) {\n const lineWidth = 1;\n const alpha = 0.15;\n context.beginPath();\n context.moveTo(0, i);\n context.lineTo(actualWidth, i);\n context.strokeStyle = `rgba(0,0,0,${alpha})`;\n context.lineWidth = lineWidth;\n context.stroke();\n }\n } else if (pattern === 'metal') {\n const gradient = context.createLinearGradient(0, 0, actualWidth, actualHeight);\n gradient.addColorStop(0, 'rgba(255,255,255,0.1)');\n gradient.addColorStop(1, 'rgba(0,0,0,0.1)');\n context.fillStyle = gradient;\n context.fillRect(0, 0, actualWidth, actualHeight);\n } else if (pattern === 'rust') {\n for (let i = 0; i < 5; i++) {\n const x = Math.random() * actualWidth;\n const y = Math.random() * actualHeight;\n const radius = 1;\n const alpha = 0.2;\n context.beginPath();\n context.arc(x, y, radius, 0, Math.PI * 2);\n context.fillStyle = `rgba(139,69,19,${alpha})`;\n context.fill();\n }\n }\n if (colors.length > 1) {\n const gradient = context.createLinearGradient(0, 0, actualWidth, actualHeight);\n gradient.addColorStop(0, colors[0]);\n gradient.addColorStop(1, colors[Math.min(1, colors.length - 1)]);\n context.globalAlpha = 0.7;\n context.fillStyle = gradient;\n context.fillRect(0, 0, actualWidth, actualHeight);\n context.globalAlpha = 1.0;\n }\n const baseSeed = cacheKey.charCodeAt(0) + cacheKey.charCodeAt(cacheKey.length - 1);\n let currentSeed = baseSeed;\n const random = () => {\n currentSeed = (currentSeed * 9301 + 49297) % 233280;\n return currentSeed / 233280;\n };\n const effectivePixelSize = Math.max(pixelSize, 8);\n const pixelStepSize = 4;\n for (let x = 0; x < actualWidth; x += effectivePixelSize * pixelStepSize) {\n for (let y = 0; y < actualHeight; y += effectivePixelSize * pixelStepSize) {\n const colorIndex = Math.floor(random() * Math.min(2, colors.length));\n const color = colors[colorIndex];\n let finalColor = color;\n if (variation) {\n const variationAmount = 2;\n const r = parseInt(color.slice(1, 3), 16);\n const g = parseInt(color.slice(3, 5), 16);\n const b = parseInt(color.slice(5, 7), 16);\n const offset = Math.floor(random() * variationAmount) - Math.floor(variationAmount / 2);\n const varR = Math.min(255, Math.max(0, r + offset));\n const varG = Math.min(255, Math.max(0, g + offset));\n const varB = Math.min(255, Math.max(0, b + offset));\n finalColor = `#${varR.toString(16).padStart(2, '0')}${varG.toString(16).padStart(2, '0')}${varB.toString(16).padStart(2, '0')}`;\n }\n context.globalAlpha = 0.9;\n context.fillStyle = finalColor;\n context.fillRect(x, y, effectivePixelSize * pixelStepSize, effectivePixelSize * pixelStepSize);\n }\n }\n context.globalAlpha = 1.0;\n const texture = new THREE.CanvasTexture(canvas);\n texture.wrapS = THREE.RepeatWrapping;\n texture.wrapT = THREE.RepeatWrapping;\n texture.repeat.set(4, 4);\n texture.magFilter = THREE.NearestFilter;\n texture.minFilter = THREE.NearestFilter;\n texture.generateMipmaps = false;\n texture.anisotropy = 1;\n texture.needsUpdate = true;\n texture.onDispose = () => {\n if (canvas) {\n context.clearRect(0, 0, canvas.width, canvas.height);\n canvas.width = 1;\n canvas.height = 1;\n }\n };\n return texture;\n });\n}\nfunction applyPerformanceModeToMaterial(material, performanceMode) {\n if (!material) return;\n if (performanceMode) {\n if (!material._originalValues) {\n material._originalValues = {\n roughness: material.roughness,\n metalness: material.metalness,\n emissiveIntensity: material.emissiveIntensity,\n color: material.color ? material.color.clone() : undefined,\n map: material.map,\n normalMap: material.normalMap,\n aoMap: material.aoMap,\n bumpMap: material.bumpMap,\n displacementMap: material.displacementMap,\n roughnessMap: material.roughnessMap,\n metalnessMap: material.metalnessMap,\n alphaMap: material.alphaMap,\n emissiveMap: material.emissiveMap\n };\n }\n if (material.color) {\n const luminance = 0.2126 * material.color.r + 0.7152 * material.color.g + 0.0722 * material.color.b;\n material.color.setRGB(luminance, luminance, luminance);\n }\n material.roughness = 0.9;\n material.metalness = 0.1;\n material.emissiveIntensity = 0;\n material.map = null;\n material.normalMap = null;\n material.aoMap = null;\n material.bumpMap = null;\n material.displacementMap = null;\n material.roughnessMap = null;\n material.metalnessMap = null;\n material.alphaMap = null;\n material.emissiveMap = null;\n } else if (material._originalValues) {\n if (material.color && material._originalValues.color) {\n material.color.copy(material._originalValues.color);\n }\n material.roughness = material._originalValues.roughness;\n material.metalness = material._originalValues.metalness;\n material.emissiveIntensity = material._originalValues.emissiveIntensity;\n if (material.map && material._originalValues.map) {\n material.map = material._originalValues.map;\n }\n if (material._originalValues.normalMap) material.normalMap = material._originalValues.normalMap;\n if (material._originalValues.aoMap) material.aoMap = material._originalValues.aoMap;\n if (material._originalValues.bumpMap) material.bumpMap = material._originalValues.bumpMap;\n if (material._originalValues.displacementMap) material.displacementMap = material._originalValues.displacementMap;\n if (material._originalValues.roughnessMap) material.roughnessMap = material._originalValues.roughnessMap;\n if (material._originalValues.metalnessMap) material.metalnessMap = material._originalValues.metalnessMap;\n if (material._originalValues.alphaMap) material.alphaMap = material._originalValues.alphaMap;\n if (material._originalValues.emissiveMap) material.emissiveMap = material._originalValues.emissiveMap;\n }\n material.needsUpdate = true;\n}\nfunction useProceduralTexture(colors, width = 16, height = 16, pixelSize = 2, variation = false, position = [0, 0, 0]) {\n const limitedColors = colors.length > 2 ? [colors[0], colors[1]] : colors;\n const colorsKey = useMemo(() => JSON.stringify(limitedColors), [limitedColors]);\n const texture = useMemo(() => {\n return createPixelatedTexture(limitedColors, width, height, pixelSize, variation);\n }, [colorsKey, width, height, pixelSize, variation]);\n useEffect(() => {\n if (position && position.length === 3) {\n const cacheKey = `${limitedColors.join('_')}_${width}_${height}_${pixelSize}_${variation}_0.05_none`;\n TextureManager.updatePriority(cacheKey, position);\n }\n return () => {};\n }, [position, colorsKey, limitedColors]);\n return texture;\n}\nfunction ParticleSystem({\n count = 200,\n size = 0.1,\n color = '#ffffff',\n range = [20, 6, 20],\n speed = 0.05\n}) {\n const {\n performanceMode\n } = useContext(GameContext);\n const actualCount = Math.floor(count * (performanceMode ? LOW_QUALITY_PARTICLE_COUNT_MULTIPLIER : 0.7));\n const particles = useRef();\n const animationFrameRef = useRef();\n const lastUpdateTime = useRef(0);\n useEffect(() => {\n if (!particles.current) return;\n const positions = particles.current.geometry.attributes.position.array;\n const velocities = new Array(actualCount).fill().map(() => ({\n x: (Math.random() - 0.5) * speed,\n y: Math.random() * speed * 0.2,\n z: (Math.random() - 0.5) * speed\n }));\n for (let i = 0; i < actualCount; i++) {\n positions[i * 3] = (Math.random() - 0.5) * range[0];\n positions[i * 3 + 1] = Math.random() * range[1];\n positions[i * 3 + 2] = (Math.random() - 0.5) * range[2];\n }\n particles.current.geometry.attributes.position.needsUpdate = true;\n const animate = time => {\n if (!particles.current) return;\n const updateInterval = performanceMode ? 100 : 33;\n if (time - lastUpdateTime.current > updateInterval) {\n lastUpdateTime.current = time;\n const positions = particles.current.geometry.attributes.position.array;\n const step = performanceMode ? 2 : 1;\n for (let i = 0; i < actualCount; i += step) {\n positions[i * 3] += velocities[i].x;\n positions[i * 3 + 1] += velocities[i].y;\n positions[i * 3 + 2] += velocities[i].z;\n if (Math.abs(positions[i * 3]) > range[0] / 2 || positions[i * 3 + 1] > range[1] || positions[i * 3 + 1] < 0 || Math.abs(positions[i * 3 + 2]) > range[2] / 2) {\n positions[i * 3] = (Math.random() - 0.5) * range[0];\n positions[i * 3 + 1] = Math.random() * 0.5;\n positions[i * 3 + 2] = (Math.random() - 0.5) * range[2];\n velocities[i].y = Math.random() * speed * 0.2;\n }\n }\n particles.current.geometry.attributes.position.needsUpdate = true;\n }\n animationFrameRef.current = requestAnimationFrame(animate);\n };\n animationFrameRef.current = requestAnimationFrame(animate);\n return () => {\n if (animationFrameRef.current) {\n cancelAnimationFrame(animationFrameRef.current);\n }\n };\n }, [count, range, speed, actualCount, performanceMode]);\n const particleColor = performanceMode ? '#ffffff' : color;\n const particleOpacity = performanceMode ? 0.3 : 0.6;\n const particleSize = performanceMode ? size * 0.7 : size;\n return \n \n \n \n \n ;\n}\nfunction Ground() {\n const [ref] = usePlane(() => ({\n rotation: [-Math.PI / 2, 0, 0],\n position: [0, 0, 0],\n material: {\n friction: 0.8,\n restitution: 0.05\n },\n type: 'Static',\n mass: 0,\n collisionFilterGroup: 8,\n collisionFilterMask: 255\n }));\n const createIntricateFloorTexture = () => {\n const basketballColors = ['#B76D34', '#8E5428'];\n const seamColor = '#7A4622';\n const canvas = document.createElement('canvas');\n canvas.width = 128;\n canvas.height = 128;\n const ctx = canvas.getContext('2d');\n ctx.fillStyle = basketballColors[0];\n ctx.fillRect(0, 0, canvas.width, canvas.height);\n for (let i = 0; i < 50; i++) {\n const x = Math.random() * canvas.width;\n const y = Math.random() * canvas.height;\n const radius = 2;\n ctx.fillStyle = basketballColors[1];\n ctx.beginPath();\n ctx.arc(x, y, radius, 0, Math.PI * 2);\n ctx.fill();\n }\n ctx.strokeStyle = seamColor;\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(canvas.width / 2, 0);\n ctx.lineTo(canvas.width / 2, canvas.height);\n ctx.stroke();\n ctx.beginPath();\n ctx.moveTo(0, canvas.height / 2);\n ctx.lineTo(canvas.width, canvas.height / 2);\n ctx.stroke();\n ctx.beginPath();\n ctx.arc(canvas.width / 2, canvas.height / 2, canvas.width / 4, 0, Math.PI * 2);\n ctx.stroke();\n const texture = new THREE.CanvasTexture(canvas);\n texture.wrapS = THREE.RepeatWrapping;\n texture.wrapT = THREE.RepeatWrapping;\n texture.repeat.set(4, 4);\n return texture;\n };\n const intricateFloorTexture = useMemo(() => createIntricateFloorTexture(), []);\n return <>\n {}\n \n \n \n \n {}\n \n \n \n \n {}\n {}\n \n \n ;\n}\nfunction Container({\n position,\n rotation = [0, 0, 0],\n color = '#8a3c3c',\n textureIndex\n}) {\n const [ref, api] = useBox(() => ({\n mass: 5000,\n position,\n rotation,\n args: [2.5, 2.5, 6],\n type: 'Static',\n material: {\n friction: 0.9,\n restitution: 0.1\n },\n linearDamping: 0.99,\n angularDamping: 0.99,\n centerOfMass: [0, -1.25, 0],\n collisionFilterGroup: 1,\n collisionFilterMask: 255\n }));\n const velocity = useRef([0, 0, 0]);\n const lastMovementSound = useRef(0);\n const movementSound = useRef(null);\n const isPlayingMovementSound = useRef(false);\n useEffect(() => {\n movementSound.current = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/pushing-leaves-31404_c055d233.mp3\", 0.3, true);\n return () => {\n if (movementSound.current) {\n movementSound.current.pause();\n movementSound.current.currentTime = 0;\n }\n };\n }, []);\n useEffect(() => {\n const unsubscribeVelocity = api.velocity.subscribe(v => {\n velocity.current = v;\n const horizontalSpeed = Math.sqrt(v[0] * v[0] + v[2] * v[2]);\n if (horizontalSpeed > 0.5) {\n if (!isPlayingMovementSound.current && movementSound.current) {\n movementSound.current.volume = Math.min(0.5, horizontalSpeed * 0.15);\n movementSound.current.playbackRate = 0.9 + Math.random() * 0.2;\n movementSound.current.play().catch(e => console.error(\"Audio play failed:\", e.message || JSON.stringify(e)));\n isPlayingMovementSound.current = true;\n lastMovementSound.current = Date.now();\n } else if (isPlayingMovementSound.current && movementSound.current) {\n movementSound.current.volume = Math.min(0.5, horizontalSpeed * 0.15);\n lastMovementSound.current = Date.now();\n }\n } else if (isPlayingMovementSound.current && Date.now() - lastMovementSound.current > 300) {\n if (movementSound.current) {\n movementSound.current.pause();\n movementSound.current.currentTime = 0;\n isPlayingMovementSound.current = false;\n }\n }\n });\n return () => {\n unsubscribeVelocity();\n if (movementSound.current) {\n movementSound.current.pause();\n movementSound.current.currentTime = 0;\n }\n };\n }, [api]);\n const redTexture = useProceduralTexture(['#c43c3c', '#b32c2c'], 16, 16, 4, false, position);\n const blueTexture = useProceduralTexture(['#3c3cc4', '#2c2cb3'], 16, 16, 4, false, position);\n const greenTexture = useProceduralTexture(['#35a435', '#239423'], 16, 16, 4, false, position);\n const yellowTexture = useProceduralTexture(['#f2ca16', '#e1b905'], 16, 16, 4, false, position);\n const grayTexture = useProceduralTexture(['#7D7D7D', '#5a5a5a'], 16, 16, 4, false, position);\n const brownTexture = useProceduralTexture(['#8B4513', '#663010'], 16, 16, 4, false, position);\n const whiteWoolTexture = useProceduralTexture(['#E9E9E9', '#c7c7c7'], 16, 16, 4, false, position);\n const redWoolTexture = redTexture;\n const blueWoolTexture = blueTexture;\n const orangeWoolTexture = useProceduralTexture(['#ea7e35', '#c65d12'], 16, 16, 4, false, position);\n const greenWoolTexture = greenTexture;\n const purpleWoolTexture = useProceduralTexture(['#8932b8', '#6619a1'], 16, 16, 4, false, position);\n const cyanWoolTexture = useProceduralTexture(['#32b8b8', '#199999'], 16, 16, 4, false, position);\n const yellowWoolTexture = yellowTexture;\n const limeWoolTexture = greenTexture;\n const pinkConcreteTexture = useProceduralTexture(['#d57c85', '#b35a64'], 16, 16, 4, false, position);\n const diamondBlockTexture = cyanWoolTexture;\n const goldBlockTexture = yellowTexture;\n const redstoneBlockTexture = redTexture;\n const brownWoolTexture = brownTexture;\n const grayWoolTexture = grayTexture;\n const blackWoolTexture = useProceduralTexture(['#323232', '#111111'], 16, 16, 4, false, position);\n const magentaWoolTexture = purpleWoolTexture;\n const lightBlueWoolTexture = blueTexture;\n const lapisBlockTexture = blueTexture;\n const emeraldBlockTexture = greenTexture;\n const ironTexture = grayTexture;\n const containerRustTexture = brownTexture;\n const rustVariation = useMemo(() => Math.random() * 0.2, []);\n const containerTextures = [redWoolTexture, blueWoolTexture, orangeWoolTexture, greenWoolTexture, purpleWoolTexture, cyanWoolTexture, yellowWoolTexture, limeWoolTexture, pinkConcreteTexture, diamondBlockTexture, goldBlockTexture, redstoneBlockTexture, brownWoolTexture, grayWoolTexture, blackWoolTexture, whiteWoolTexture, magentaWoolTexture, lightBlueWoolTexture, lapisBlockTexture, emeraldBlockTexture, useProceduralTexture(['#FF5555', '#EE4444', '#FF6666'], 32, 32, 8, false), useProceduralTexture(['#5555FF', '#4444EE', '#6666FF'], 32, 32, 8, false), useProceduralTexture(['#55FF55', '#44EE44', '#66FF66'], 32, 32, 8, false), useProceduralTexture(['#FFFF55', '#EEEE44', '#FFFF66'], 32, 32, 8, false), useProceduralTexture(['#FF55FF', '#EE44EE', '#FF66FF'], 32, 32, 8, false), useProceduralTexture(['#55FFFF', '#44EEEE', '#66FFFF'], 32, 32, 8, false), useProceduralTexture(['#AA5500', '#994400', '#BB6611'], 32, 32, 8, false), useProceduralTexture(['#55AA00', '#449900', '#66BB11'], 32, 32, 8, false), useProceduralTexture(['#00AA55', '#009944', '#11BB66'], 32, 32, 8, false), useProceduralTexture(['#0055AA', '#004499', '#1166BB'], 32, 32, 8, false), useProceduralTexture(['#AA0055', '#990044', '#BB1166'], 32, 32, 8, false), useProceduralTexture(['#AA00AA', '#990099', '#BB11BB'], 32, 32, 8, false)];\n const selectedTexture = useMemo(() => {\n if (textureIndex !== undefined && textureIndex < containerTextures.length) {\n return containerTextures[textureIndex];\n }\n return containerTextures[Math.floor(Math.random() * containerTextures.length)];\n }, [textureIndex, containerTextures]);\n return \n \n \n \n \n {}\n {[-2.7, -1.35, 0, 1.35, 2.7].map((z, i) => \n \n \n )}\n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n \n \n \n \n {}\n \n \n \n \n ;\n}\nfunction Barrel({\n position,\n rotation = [0, 0, 0],\n color = \"#3a3a3a\",\n textureType = Math.floor(Math.random() * 6)\n}) {\n const [ref] = useBox(() => ({\n mass: 30,\n position: [position[0], 0.3, position[2]],\n args: [0.5, 1.6, 0.5],\n type: 'Dynamic',\n material: {\n friction: 0.3,\n restitution: 0.01\n },\n collisionFilterGroup: 128,\n collisionFilterMask: 255,\n fixedRotation: true,\n linearDamping: 0.7,\n angularDamping: 0.9\n }));\n const barrelTexture = useProceduralTexture(['#3a3a3a', '#1e1e1e'], 16, 16, 2, false);\n const blueTerracottaTexture = useProceduralTexture(['#2a4a6c', '#11314f'], 16, 16, 2, false);\n const redTerracottaTexture = useProceduralTexture(['#6c3a3a', '#4a1e1e'], 16, 16, 2, false);\n const greenTerracottaTexture = useProceduralTexture(['#35a435', '#239423'], 16, 16, 2, false);\n const obsidianTexture = useProceduralTexture(['#7D7D7D', '#5a5a5a'], 16, 16, 2, false);\n const netheriteBlockTexture = useProceduralTexture(['#8B4513', '#663010'], 16, 16, 2, false);\n const getBarrelTexture = () => {\n switch (textureType) {\n case 0:\n return barrelTexture;\n case 1:\n return blueTerracottaTexture;\n case 2:\n return redTerracottaTexture;\n case 3:\n return greenTerracottaTexture;\n case 4:\n return obsidianTexture;\n case 5:\n return netheriteBlockTexture;\n default:\n return barrelTexture;\n }\n };\n return \n \n \n ;\n}\nfunction Crate({\n position,\n size = [1.8, 1.8, 1.8],\n rotation = [0, 0, 0],\n color = \"#5d4037\",\n crateType = Math.floor(Math.random() * 7)\n}) {\n const [ref] = useBox(() => ({\n mass: 0,\n position,\n rotation,\n args: size,\n type: 'Static',\n material: {\n friction: 0.8,\n restitution: 0.05\n },\n collisionFilterGroup: 4,\n collisionFilterMask: 255\n }));\n const woodTexture = useProceduralTexture(['#b8824d', '#95683d'], 16, 16, 2, false, position);\n const darkWoodTexture = useProceduralTexture(['#4d3526', '#2c1405'], 16, 16, 2, false, position);\n const redTexture = useProceduralTexture(['#c43c3c', '#b32c2c'], 16, 16, 4, false, position);\n const blueTexture = useProceduralTexture(['#3c3cc4', '#2c2cb3'], 16, 16, 4, false, position);\n const yellowTexture = useProceduralTexture(['#f2ca16', '#e1b905'], 16, 16, 4, false, position);\n const whiteWoolTexture = useProceduralTexture(['#E9E9E9', '#c7c7c7'], 16, 16, 4, false, position);\n const orangeWoolTexture = useProceduralTexture(['#ea7e35', '#c65d12'], 16, 16, 4, false, position);\n const oakPlanksTexture = woodTexture;\n const sprucePlanksTexture = darkWoodTexture;\n const birchPlanksTexture = whiteWoolTexture;\n const junglePlanksTexture = woodTexture;\n const acaciaPlanksTexture = orangeWoolTexture;\n const darkOakPlanksTexture = darkWoodTexture;\n const crimsonPlanksTexture = redTexture;\n const warpedPlanksTexture = blueTexture;\n const bookshelfTexture = darkWoodTexture;\n const haybaleTexture = yellowTexture;\n const getCrateTexture = () => {\n switch (crateType) {\n case 0:\n return oakPlanksTexture;\n case 1:\n return sprucePlanksTexture;\n case 2:\n return birchPlanksTexture;\n case 3:\n return junglePlanksTexture;\n case 4:\n return acaciaPlanksTexture;\n case 5:\n return darkOakPlanksTexture;\n case 6:\n return crimsonPlanksTexture;\n case 7:\n return warpedPlanksTexture;\n case 8:\n return bookshelfTexture;\n case 9:\n return haybaleTexture;\n default:\n return oakPlanksTexture;\n }\n };\n return \n \n \n ;\n}\nfunction Fence({\n size = 4800,\n height = PLAYER_HEIGHT * 5,\n posY = height / 2\n}) {\n return <>\n {}\n \n {}\n \n {}\n \n {}\n \n ;\n}\nfunction FenceSide({\n position,\n rotation,\n length,\n height\n}) {\n const {\n scene\n } = useGLTF(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/a_weathered__old_wooden_picket_fence__the_fence_consists_of_uneven__vertical_wooden_slats__each_with_a_pointed_top__painted_in_a_faded__peeling_green_color_that_reveals_the_worn__splintered_wood_underneath__the_slats_vary_slightly_in_height_and_width__with_some_showing_cracks_and_chips__giving_a_rustic__dilapidated_look__two_horizontal_support_beams__also_weathered_and_green__connect_the_slats__with_visible_knots_and_rough_textures_on_the_wood__the_overall_aesthetic_is_aged_and_neglected__evoking_a_sense_of_abandonment__20250405_155916.glb\");\n const materialCache = useRef(new Map());\n useEffect(() => {\n if (scene) {\n scene.traverse(node => {\n if (node.isMesh) {\n node.castShadow = true;\n node.receiveShadow = true;\n if (node.material) {\n const materialId = node.material.id;\n if (!materialCache.current.has(materialId)) {\n const optimizedMaterial = node.material.clone();\n if (optimizedMaterial.roughness !== undefined) {\n optimizedMaterial.roughness = Math.max(0.1, optimizedMaterial.roughness * 0.5);\n }\n if (optimizedMaterial.normalScale) {\n optimizedMaterial.normalScale.x *= 0.5;\n optimizedMaterial.normalScale.y *= 0.5;\n }\n optimizedMaterial.shadowSide = THREE.DoubleSide;\n optimizedMaterial.side = THREE.DoubleSide;\n optimizedMaterial.needsUpdate = true;\n materialCache.current.set(materialId, optimizedMaterial);\n }\n node.material = materialCache.current.get(materialId) || node.material;\n }\n }\n });\n }\n return () => {\n materialCache.current.clear();\n };\n }, [scene]);\n const fenceModelWidth = 2.0;\n const numSegments = Math.ceil(length / fenceModelWidth);\n const segments = [];\n for (let i = 0; i < numSegments; i++) {\n const posX = (i - (numSegments - 1) / 2) * fenceModelWidth;\n segments.push(posX);\n }\n const [ref] = useBox(() => ({\n mass: 0,\n position,\n rotation,\n args: [length, height, 0.5],\n type: 'Static',\n material: {\n friction: 0.3,\n restitution: 0.1\n },\n collisionFilterGroup: 32,\n collisionFilterMask: 255\n }));\n return \n {}\n \n \n \n \n {}\n {segments.map((posX, index) => {\n const clonedScene = useMemo(() => scene.clone(), [scene]);\n return \n \n {}\n {index % 10 === 0 && }\n ;\n })}\n ;\n}\nfunction EnvironmentSilhouettes() {\n return null;\n const generateSilhouetteGrid = useMemo(() => {\n const positions = [];\n const gridSize = 10;\n const spacing = 24;\n const fenceSize = 40;\n const minDistanceFromFence = 5;\n for (let x = -gridSize; x <= gridSize; x++) {\n for (let z = -gridSize; z <= gridSize; z++) {\n const posX = x * spacing;\n const posZ = z * spacing;\n const distanceFromCenter = Math.sqrt(posX * posX + posZ * posZ);\n if (distanceFromCenter < fenceSize / 2 + minDistanceFromFence) {\n continue;\n }\n if (Math.random() < 0.65) {\n continue;\n }\n const distanceFactor = Math.min(1, distanceFromCenter / 200);\n const posY = 2 - distanceFactor * 3;\n const width = 3 + Math.random() * 5;\n const height = 4 + Math.random() * 8;\n const depth = 3 + Math.random() * 5;\n positions.push({\n position: [posX, height / 2 + posY, posZ],\n size: [width, height, depth]\n });\n }\n }\n return positions;\n }, []);\n const boxSilhouettes = [];\n return <>\n {}\n \n \n \n \n \n {}\n \n {}\n \n \n \n {}\n {}\n {boxSilhouettes.map((item, index) => \n \n \n )}\n {}\n {generateSilhouetteGrid.map((item, index) => \n \n \n )}\n {}\n \n {}\n \n ;\n}\nconst createNavigationGrid = () => {\n if (window.navigationGrid) return window.navigationGrid;\n const gridSize = 40;\n const cellSize = 0.5;\n const gridResolution = Math.ceil(gridSize / cellSize);\n const grid = Array(gridResolution).fill().map(() => Array(gridResolution).fill().map(() => ({\n walkable: true,\n neighbors: []\n })));\n for (let x = 0; x < gridResolution; x++) {\n for (let z = 0; z < gridResolution; z++) {\n if (!grid[x][z].walkable) continue;\n const directions = [[-1, 0], [1, 0], [0, -1], [0, 1], [-1, -1], [-1, 1], [1, -1], [1, 1]];\n directions.forEach(([dx, dz]) => {\n const nx = x + dx;\n const nz = z + dz;\n if (nx < 0 || nx >= gridResolution || nz < 0 || nz >= gridResolution) {\n return;\n }\n if (!grid[nx][nz].walkable) {\n return;\n }\n if (Math.abs(dx) === 1 && Math.abs(dz) === 1) {\n if (!grid[x][z + dz].walkable || !grid[x + dx][z].walkable) {\n return;\n }\n }\n const cost = Math.abs(dx) + Math.abs(dz) > 1 ? 1.4 : 1;\n grid[x][z].neighbors.push({\n x: nx,\n z: nz,\n worldX: (nx - gridResolution / 2) * cellSize + cellSize / 2,\n worldZ: (nz - gridResolution / 2) * cellSize + cellSize / 2,\n cost: cost\n });\n });\n }\n }\n const waypoints = [];\n for (let x = 0; x < gridResolution; x += 1) {\n for (let z = 0; z < gridResolution; z += 1) {\n if (grid[x] && grid[x][z] && grid[x][z].walkable) {\n const worldX = (x - gridResolution / 2) * cellSize + cellSize / 2;\n const worldZ = (z - gridResolution / 2) * cellSize + cellSize / 2;\n if (Math.abs(worldX) <= 20 && Math.abs(worldZ) <= 20) {\n waypoints.push({\n x: x,\n z: z,\n worldX: worldX,\n worldZ: worldZ\n });\n }\n }\n }\n }\n const spawnCorners = [[16, 16], [16, -16], [-16, 16], [-16, -16]];\n spawnCorners.forEach(([x, z]) => {\n const gridX = Math.floor((x + gridSize / 2) / cellSize);\n const gridZ = Math.floor((z + gridSize / 2) / cellSize);\n if (grid[gridX] && grid[gridX][gridZ]) {\n grid[gridX][gridZ].walkable = true;\n waypoints.push({\n x: gridX,\n z: gridZ,\n worldX: x,\n worldZ: z,\n priority: true\n });\n }\n });\n for (let x = -5; x <= 5; x += 2) {\n for (let z = -5; z <= 5; z += 2) {\n const gridX = Math.floor((x + gridSize / 2) / cellSize);\n const gridZ = Math.floor((z + gridSize / 2) / cellSize);\n if (grid[gridX] && grid[gridZ] && grid[gridX][gridZ] && grid[gridX][gridZ].walkable) {\n waypoints.push({\n x: gridX,\n z: gridZ,\n worldX: x,\n worldZ: z\n });\n }\n }\n }\n const result = {\n grid,\n waypoints,\n gridResolution,\n cellSize\n };\n window.navigationGrid = result;\n return result;\n};\nfunction aStarPathfinding(startX, startZ, goalX, goalZ) {\n const {\n grid,\n gridResolution,\n cellSize,\n waypoints\n } = createNavigationGrid();\n const startGridX = Math.floor((startX + 20) / cellSize);\n const startGridZ = Math.floor((startZ + 20) / cellSize);\n let goalGridX = Math.floor((goalX + 20) / cellSize);\n let goalGridZ = Math.floor((goalZ + 20) / cellSize);\n if (startGridX < 0 || startGridX >= gridResolution || startGridZ < 0 || startGridZ >= gridResolution || goalGridX < 0 || goalGridX >= gridResolution || goalGridZ < 0 || goalGridZ >= gridResolution) {\n if (waypoints.length > 0) {\n let closestWaypoint = null;\n let minDistance = Infinity;\n for (const waypoint of waypoints) {\n const dist = Math.sqrt(Math.pow(waypoint.worldX - goalX, 2) + Math.pow(waypoint.worldZ - goalZ, 2));\n if (dist < minDistance) {\n minDistance = dist;\n closestWaypoint = waypoint;\n }\n }\n if (closestWaypoint) {\n return [[closestWaypoint.worldX, closestWaypoint.worldZ], [goalX, goalZ]];\n }\n }\n return [[goalX, goalZ]];\n }\n if (!grid[goalGridX][goalGridZ].walkable) {\n let nearestWalkable = null;\n let minDistance = Infinity;\n for (let radius = 1; radius < gridResolution / 2; radius++) {\n let foundWalkable = false;\n for (let dx = -radius; dx <= radius; dx++) {\n for (let dz = -radius; dz <= radius; dz++) {\n if (Math.abs(dx) === radius || Math.abs(dz) === radius) {\n const x = goalGridX + dx;\n const z = goalGridZ + dz;\n if (x < 0 || x >= gridResolution || z < 0 || z >= gridResolution) {\n continue;\n }\n if (grid[x][z].walkable) {\n const dist = Math.abs(x - goalGridX) + Math.abs(z - goalGridZ);\n if (dist < minDistance) {\n minDistance = dist;\n nearestWalkable = {\n x,\n z\n };\n foundWalkable = true;\n }\n }\n }\n }\n }\n if (foundWalkable) {\n break;\n }\n }\n if (nearestWalkable) {\n goalGridX = nearestWalkable.x;\n goalGridZ = nearestWalkable.z;\n } else {\n if (waypoints.length > 0) {\n let closestWaypoint = null;\n let minDist = Infinity;\n for (const waypoint of waypoints) {\n const dist = Math.sqrt(Math.pow(waypoint.worldX - goalX, 2) + Math.pow(waypoint.worldZ - goalZ, 2));\n if (dist < minDist) {\n minDist = dist;\n closestWaypoint = waypoint;\n }\n }\n if (closestWaypoint) {\n return [[closestWaypoint.worldX, closestWaypoint.worldZ], [goalX, goalZ]];\n } else {\n const randomWaypoint = waypoints[Math.floor(Math.random() * waypoints.length)];\n return [[randomWaypoint.worldX, randomWaypoint.worldZ], [goalX, goalZ]];\n }\n }\n return [[goalX, goalZ]];\n }\n }\n const openSet = [];\n const closedSet = new Set();\n const nodeKey = (x, z) => `${x},${z}`;\n const gScore = {};\n const fScore = {};\n const cameFrom = {};\n const startKey = nodeKey(startGridX, startGridZ);\n gScore[startKey] = 0;\n fScore[startKey] = Math.sqrt(Math.pow(startGridX - goalGridX, 2) + Math.pow(startGridZ - goalGridZ, 2));\n openSet.push({\n x: startGridX,\n z: startGridZ,\n f: fScore[startKey]\n });\n while (openSet.length > 0) {\n openSet.sort((a, b) => a.f - b.f);\n const current = openSet.shift();\n const currentKey = nodeKey(current.x, current.z);\n if (current.x === goalGridX && current.z === goalGridZ) {\n const path = [];\n let currentNode = {\n x: current.x,\n z: current.z\n };\n while (nodeKey(currentNode.x, currentNode.z) !== startKey) {\n path.unshift([(currentNode.x - gridResolution / 2) * cellSize + cellSize / 2, (currentNode.z - gridResolution / 2) * cellSize + cellSize / 2]);\n currentNode = cameFrom[nodeKey(currentNode.x, currentNode.z)];\n }\n if (path.length > 2) {\n const smoothedPath = [path[0]];\n for (let i = 1; i < path.length - 1; i++) {\n const prev = smoothedPath[smoothedPath.length - 1];\n const current = path[i];\n const next = path[i + 1];\n const dx1 = current[0] - prev[0];\n const dz1 = current[1] - prev[1];\n const dx2 = next[0] - current[0];\n const dz2 = next[1] - current[1];\n if (Math.abs(dx1 - dx2) > 0.01 || Math.abs(dz1 - dz2) > 0.01) {\n smoothedPath.push(current);\n }\n }\n smoothedPath.push(path[path.length - 1]);\n return smoothedPath;\n }\n return path;\n }\n closedSet.add(currentKey);\n if (grid[current.x] && grid[current.x][current.z] && grid[current.x][current.z].neighbors) {\n for (const neighbor of grid[current.x][current.z].neighbors) {\n const neighborKey = nodeKey(neighbor.x, neighbor.z);\n if (closedSet.has(neighborKey)) {\n continue;\n }\n const tentativeGScore = gScore[currentKey] + neighbor.cost;\n if (!gScore[neighborKey] || tentativeGScore < gScore[neighborKey]) {\n cameFrom[neighborKey] = {\n x: current.x,\n z: current.z\n };\n gScore[neighborKey] = tentativeGScore;\n const dx = Math.abs(neighbor.x - goalGridX);\n const dz = Math.abs(neighbor.z - goalGridZ);\n const h = 1 * (dx + dz) + (1.4 - 2 * 1) * Math.min(dx, dz);\n fScore[neighborKey] = gScore[neighborKey] + h;\n const openNode = openSet.find(node => nodeKey(node.x, node.z) === neighborKey);\n if (!openNode) {\n openSet.push({\n x: neighbor.x,\n z: neighbor.z,\n f: fScore[neighborKey]\n });\n }\n }\n }\n }\n if (closedSet.size > 300) {\n return [[goalX, goalZ]];\n }\n }\n return [];\n}\nfunction Zombie({\n id,\n position,\n scale = [1, 1.6, 1],\n rotation = [0, 0, 0],\n wave = 1\n}) {\n const {\n scene,\n animations\n } = useGLTF(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/the_horror_figure_in_the_photo_has_a_ghostly__eerie_appearance__she_has_long__straight_black_hair_that_hangs_down__obscuring_her_face__which_adds_to_her_menacing_presence__her_skin_appears_pale_and_almost_translucent__with_a_sickly__decayed_look__she_wears_a_tattered__light_colored_dress_that_looks_worn_and_dirty__hanging_loosely_on_her_frame__20250406_173544.glb\");\n const optimizedGeometries = useRef(new Map());\n const optimizedMaterials = useRef(new Map());\n useEffect(() => {\n if (scene) {\n scene.traverse(node => {\n if (node.isMesh) {\n if (node.material) {\n node.material.fog = true;\n node.material.flatShading = true;\n if (node.material.map) {\n node.material.map.minFilter = THREE.LinearFilter;\n node.material.map.magFilter = THREE.LinearFilter;\n node.material.map.anisotropy = 1;\n node.material.map.generateMipmaps = false;\n const materialId = node.material.id;\n if (!optimizedMaterials.current.has(materialId)) {\n const blurredMaterial = node.material.clone();\n blurredMaterial.roughness = 0.8;\n blurredMaterial.metalness = 0.2;\n blurredMaterial.normalScale = new THREE.Vector2(0.3, 0.3);\n blurredMaterial.shadowSide = THREE.FrontSide;\n blurredMaterial.needsUpdate = true;\n optimizedMaterials.current.set(materialId, blurredMaterial);\n }\n node.material = optimizedMaterials.current.get(materialId) || node.material;\n }\n node.castShadow = false;\n node.receiveShadow = false;\n }\n if (node.geometry) {\n const geoId = node.geometry.id;\n if (!optimizedGeometries.current.has(geoId)) {\n if (!node.geometry.attributes.normal) {\n node.geometry.computeVertexNormals();\n }\n let simplifiedGeometry = node.geometry;\n if (node.geometry.index && node.geometry.index.count > 1000) {\n simplifiedGeometry = BufferGeometryUtils.mergeVertices(node.geometry, 0.05);\n }\n optimizedGeometries.current.set(geoId, simplifiedGeometry);\n }\n node.geometry = optimizedGeometries.current.get(geoId);\n }\n }\n });\n }\n return () => {\n optimizedGeometries.current.clear();\n optimizedMaterials.current.clear();\n };\n }, [scene]);\n const zombieRef = useRef();\n const {\n playerPosition,\n isPlayerDead,\n health,\n setHealth,\n lastDamageTime,\n setLastDamageTime\n } = useContext(GameContext);\n const [alive, setAlive] = useState(true);\n const [currentPosition, setCurrentPosition] = useState(position);\n const screamSound = useRef(null);\n const isScreamPlaying = useRef(false);\n const screamFadeInterval = useRef(null);\n const {\n actions\n } = useAnimations(animations, zombieRef);\n const zombieId = useRef(id);\n const deathSound = useRef(null);\n const pathUpdateTimer = useRef(0);\n const lastObstacleCheck = useRef(0);\n const isStuck = useRef(false);\n const lastPositions = useRef([]);\n const currentPath = useRef([]);\n const currentPathIndex = useRef(0);\n const velocity = useRef([0, 0, 0]);\n const [physicsBody, api] = useBox(() => ({\n mass: 30,\n position: [position[0], 1.0, position[2]],\n args: [0.5, 1.4, 0.5],\n type: 'Dynamic',\n material: {\n friction: 0.1,\n restitution: 0.01\n },\n collisionFilterGroup: 128,\n collisionFilterMask: 16,\n fixedRotation: true,\n linearDamping: 0.5,\n angularDamping: 0.9,\n allowSleep: false\n }));\n useEffect(() => {\n if (!window.zombies) window.zombies = [];\n const zombie = {\n id: zombieId.current,\n position: currentPosition,\n alive: true\n };\n window.zombies.push(zombie);\n return () => {\n window.zombies = window.zombies.filter(z => z.id !== zombieId.current);\n };\n }, []);\n useEffect(() => {\n deathSound.current = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/die-47695_19c98720.mp3\", 0.4);\n deathSound.current.preload = \"auto\";\n screamSound.current = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/062740_creepy-ghost-scream-81907_73625aea.mp3\", 0);\n screamSound.current.preload = \"auto\";\n return () => {\n if (actions && actions.run) {\n actions.run.stop();\n }\n if (screamSound.current && !screamFadeInterval.current) {\n screamSound.current.pause();\n screamSound.current.currentTime = 0;\n }\n };\n }, [actions]);\n useEffect(() => {\n const handleZombieHit = event => {\n if (event.detail.id === zombieId.current && alive) {\n setAlive(false);\n if (deathSound.current) {\n try {\n deathSound.current.currentTime = 0;\n deathSound.current.play().catch(e => console.error(\"Audio failed:\", e.message || JSON.stringify(e)));\n } catch (error) {\n console.error(\"Failed to play death sound:\", error);\n }\n }\n if (isScreamPlaying.current && screamSound.current) {\n if (screamFadeInterval.current) {\n clearInterval(screamFadeInterval.current);\n }\n const initialVolume = screamSound.current.volume;\n const fadeSteps = 10;\n const fadeTime = 1000;\n const volumeStep = initialVolume / fadeSteps;\n let currentStep = 0;\n screamFadeInterval.current = setInterval(() => {\n currentStep++;\n if (currentStep >= fadeSteps || !screamSound.current) {\n if (screamSound.current) {\n screamSound.current.pause();\n screamSound.current.currentTime = 0;\n }\n clearInterval(screamFadeInterval.current);\n screamFadeInterval.current = null;\n isScreamPlaying.current = false;\n } else if (screamSound.current) {\n screamSound.current.volume = Math.max(0, initialVolume - volumeStep * currentStep);\n }\n }, fadeTime / fadeSteps);\n }\n if (window.zombies) {\n const zombieIndex = window.zombies.findIndex(z => z.id === zombieId.current);\n if (zombieIndex >= 0) {\n window.zombies[zombieIndex].alive = false;\n }\n }\n }\n };\n window.addEventListener('zombie-hit', handleZombieHit);\n return () => {\n window.removeEventListener('zombie-hit', handleZombieHit);\n };\n }, [alive]);\n useEffect(() => {\n const unsubscribeVelocity = api.velocity.subscribe(v => {\n velocity.current = v;\n });\n return () => {\n unsubscribeVelocity();\n };\n }, [api]);\n useEffect(() => {\n return api.position.subscribe(pos => {\n if (!alive) return;\n setCurrentPosition(pos);\n if (window.zombies) {\n const zombieIndex = window.zombies.findIndex(z => z.id === zombieId.current);\n if (zombieIndex >= 0) {\n window.zombies[zombieIndex].position = pos;\n }\n }\n if (zombieRef.current) {\n zombieRef.current.position.set(pos[0], pos[1], pos[2]);\n }\n });\n }, [api, alive]);\n if (!window.lastZombieScreamTime) {\n window.lastZombieScreamTime = 0;\n }\n const hitboxRef = useRef();\n const zombieCloseSound = useRef(null);\n const isZombieCloseSoundPlaying = useRef(false);\n const lastZombieWarningTime = useRef(0);\n useEffect(() => {\n zombieCloseSound.current = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/zombie-76316_da360b39.mp3\", 0.4, false);\n zombieCloseSound.current.preload = \"auto\";\n return () => {\n if (zombieCloseSound.current) {\n zombieCloseSound.current.pause();\n zombieCloseSound.current.currentTime = 0;\n }\n };\n }, []);\n useFrame((state, delta) => {\n if (!alive) return;\n const now = Date.now();\n const cameraPosition = window.playerPosition || playerPosition;\n const horizontalDistance = Math.sqrt(Math.pow(cameraPosition[0] - currentPosition[0], 2) + Math.pow(cameraPosition[2] - currentPosition[2], 2));\n const distanceToPlayer = horizontalDistance;\n if (hitboxRef.current) {\n hitboxRef.current.position.set(currentPosition[0], currentPosition[1] + 1.0, currentPosition[2]);\n }\n if (distanceToPlayer < 4 && distanceToPlayer >= 1.5 && alive && !isPlayerDead && health > 0) {\n if (now - lastZombieWarningTime.current > 3000 && !isZombieCloseSoundPlaying.current && zombieCloseSound.current) {\n const maxDistance = 4;\n const minVolume = 0.05;\n const maxVolume = 0.4;\n const volumeLevel = Math.max(minVolume, maxVolume * (1 - distanceToPlayer / maxDistance));\n zombieCloseSound.current.volume = volumeLevel;\n zombieCloseSound.current.currentTime = 0;\n zombieCloseSound.current.play().catch(e => console.error(\"Audio play failed:\", e.message || JSON.stringify(e)));\n isZombieCloseSoundPlaying.current = true;\n lastZombieWarningTime.current = now;\n setTimeout(() => {\n isZombieCloseSoundPlaying.current = false;\n }, 2000);\n }\n }\n if (distanceToPlayer < 1.5 && distanceToPlayer >= 1.0 && alive && !isPlayerDead && health > 0) {\n if (now - lastZombieWarningTime.current > 2000 && !isZombieCloseSoundPlaying.current && zombieCloseSound.current) {\n zombieCloseSound.current.volume = 0.5;\n zombieCloseSound.current.currentTime = 0;\n zombieCloseSound.current.play().catch(e => console.error(\"Audio play failed:\", e.message || JSON.stringify(e)));\n isZombieCloseSoundPlaying.current = true;\n lastZombieWarningTime.current = now;\n setTimeout(() => {\n isZombieCloseSoundPlaying.current = false;\n }, 2000);\n }\n if (now - lastDamageTime >= 1000) {\n setLastDamageTime(now);\n setHealth(prevHealth => {\n const newHealth = Math.max(0, prevHealth - 20);\n const hitSound = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/hit-flesh-02-266309_ca3311db.mp3\", 0.5);\n SoundManager.playSound(hitSound);\n window.dispatchEvent(new CustomEvent('camera-shake', {\n detail: {\n intensity: 0.1,\n duration: 500\n }\n }));\n window.dispatchEvent(new CustomEvent('blood-effect', {\n detail: {\n intensity: 0.8\n }\n }));\n if (newHealth === 0) {\n window.dispatchEvent(new CustomEvent('game-over', {\n detail: {\n killedBy: \"Zombie\"\n }\n }));\n }\n return newHealth;\n });\n }\n }\n if (now - window.lastZombieScreamTime > 10000 && Math.random() < 0.1 && screamSound.current) {\n const maxDistance = 25;\n const minVolume = 0.05;\n const maxVolume = 0.6;\n const volume = distanceToPlayer < maxDistance ? Math.max(minVolume, maxVolume * (1 - distanceToPlayer / maxDistance)) : 0;\n if (volume > minVolume && screamSound.current) {\n try {\n const dirX = cameraPosition[0] - currentPosition[0];\n const dirZ = cameraPosition[2] - currentPosition[2];\n const panValue = Math.max(-1, Math.min(1, dirX / Math.max(Math.abs(dirZ), 1)));\n if (screamSound.current.pan && typeof screamSound.current.pan.value !== 'undefined') {\n screamSound.current.pan.value = panValue;\n }\n screamSound.current.volume = volume * 0.375;\n screamSound.current.currentTime = 0;\n screamSound.current.play().catch(e => console.error(\"Audio failed:\", e.message || JSON.stringify(e)));\n isScreamPlaying.current = true;\n window.lastZombieScreamTime = now;\n } catch (error) {\n console.error(\"Failed to play scream sound:\", error);\n window.lastZombieScreamTime = now + 5000;\n }\n }\n }\n if (now - lastObstacleCheck.current > 500) {\n lastPositions.current.push([...currentPosition]);\n if (lastPositions.current.length > 5) {\n lastPositions.current.shift();\n }\n if (lastPositions.current.length >= 5) {\n let totalMovement = 0;\n for (let i = 1; i < lastPositions.current.length; i++) {\n const prev = lastPositions.current[i - 1];\n const curr = lastPositions.current[i];\n totalMovement += Math.sqrt(Math.pow(curr[0] - prev[0], 2) + Math.pow(curr[2] - prev[2], 2));\n }\n isStuck.current = totalMovement < 0.5;\n }\n lastObstacleCheck.current = now;\n }\n const pathUpdateInterval = distanceToPlayer < 5 ? 1500 : 3000;\n if (currentPath.current.length === 0 || now - pathUpdateTimer.current > pathUpdateInterval || isStuck.current) {\n currentPath.current = aStarPathfinding(currentPosition[0], currentPosition[2], cameraPosition[0], cameraPosition[2]);\n if (isStuck.current && currentPath.current.length > 0) {\n const randomIndex = Math.floor(Math.random() * currentPath.current.length);\n if (currentPath.current[randomIndex]) {\n currentPath.current[randomIndex][0] += (Math.random() - 0.5) * 3;\n currentPath.current[randomIndex][1] += (Math.random() - 0.5) * 3;\n }\n isStuck.current = false;\n }\n currentPathIndex.current = 0;\n pathUpdateTimer.current = now;\n }\n let direction = new THREE.Vector3(0, 0, 0);\n direction.set(cameraPosition[0] - currentPosition[0], 0, cameraPosition[2] - currentPosition[2]).normalize();\n if (window.zombies) {\n const zombieIndex = window.zombies.findIndex(z => z.id === zombieId.current);\n if (zombieIndex >= 0) {\n window.zombies[zombieIndex].direction = direction;\n }\n }\n const moveSpeed = MOVEMENT_SPEED * 0.6 / 14;\n api.velocity.set(direction.x * moveSpeed * 14, 0, direction.z * moveSpeed * 14);\n if (zombieRef.current && (direction.x !== 0 || direction.z !== 0)) {\n const targetRotation = Math.atan2(direction.x, direction.z);\n zombieRef.current.rotation.y = targetRotation;\n }\n });\n useEffect(() => {\n if (!alive && zombieRef.current) {\n const fallDuration = 500;\n const startTime = Date.now();\n const startRotation = zombieRef.current.rotation.x;\n const startHeight = zombieRef.current.position.y;\n const fallInterval = setInterval(() => {\n const elapsed = Date.now() - startTime;\n const progress = Math.min(elapsed / fallDuration, 1);\n if (zombieRef.current) {\n zombieRef.current.rotation.x = startRotation + Math.PI / 2 * progress;\n zombieRef.current.position.y = Math.max(0.1, startHeight - progress * startHeight);\n }\n if (progress >= 1) {\n clearInterval(fallInterval);\n setTimeout(() => {\n const fadeOutInterval = setInterval(() => {\n if (zombieRef.current && zombieRef.current.scale.y > 0.1) {\n zombieRef.current.scale.y -= 0.1;\n zombieRef.current.scale.x -= 0.1;\n zombieRef.current.scale.z -= 0.1;\n } else {\n clearInterval(fadeOutInterval);\n }\n }, 50);\n }, 2000);\n }\n }, 16);\n return () => {\n clearInterval(fallInterval);\n if (screamFadeInterval.current) {\n clearInterval(screamFadeInterval.current);\n screamFadeInterval.current = null;\n if (screamSound.current) {\n screamSound.current.pause();\n screamSound.current.currentTime = 0;\n }\n isScreamPlaying.current = false;\n }\n };\n }\n }, [alive]);\n useEffect(() => {\n if (alive && window.zombies) {\n const zombieIndex = window.zombies.findIndex(z => z.id === zombieId.current);\n if (zombieIndex >= 0) {\n window.zombies[zombieIndex].currentPath = currentPath.current;\n window.zombies[zombieIndex].currentPathIndex = currentPathIndex.current;\n }\n }\n }, [alive, currentPath.current.length, currentPathIndex.current]);\n useFrame((state, delta) => {\n const now = Date.now();\n const cameraPosition = window.playerPosition || playerPosition;\n const horizontalDistance = Math.sqrt(Math.pow(cameraPosition[0] - currentPosition[0], 2) + Math.pow(cameraPosition[2] - currentPosition[2], 2));\n const distanceToPlayer = horizontalDistance;\n const isStuckInObject = isStuck.current;\n let direction = new THREE.Vector3(0, 0, 0);\n direction.set(cameraPosition[0] - currentPosition[0], 0, cameraPosition[2] - currentPosition[2]).normalize();\n if (window.zombies) {\n const zombieIndex = window.zombies.findIndex(z => z.id === zombieId.current);\n if (zombieIndex >= 0) {\n window.zombies[zombieIndex].direction = direction;\n }\n }\n if (isStuckInObject && currentPath.current.length > 0) {\n const targetPoint = currentPath.current[Math.min(currentPathIndex.current, currentPath.current.length - 1)];\n if (targetPoint) {\n const pathDir = new THREE.Vector3(targetPoint[0] - currentPosition[0], 0, targetPoint[1] - currentPosition[2]).normalize();\n direction.lerp(pathDir, 0.7);\n }\n }\n const zombieSpeed = MOVEMENT_SPEED * 0.6;\n const baseSpeed = zombieSpeed / 14;\n const moveSpeed = distanceToPlayer <= 1.0 ? 0 : baseSpeed * (distanceToPlayer < 5 ? 1.2 : 1.0);\n let verticalVelocity = 0;\n if (isStuckInObject) {\n verticalVelocity = 0.5;\n }\n const oldVelocity = velocity.current;\n const targetVelocityX = direction.x * moveSpeed * 14;\n const targetVelocityZ = direction.z * moveSpeed * 14;\n const smoothFactor = 0.3;\n const newVelocityX = oldVelocity[0] * (1 - smoothFactor) + targetVelocityX * smoothFactor;\n const newVelocityZ = oldVelocity[2] * (1 - smoothFactor) + targetVelocityZ * smoothFactor;\n api.velocity.set(newVelocityX, verticalVelocity, newVelocityZ);\n if (isStuckInObject && Math.random() < 0.05) {\n const jitter = (Math.random() - 0.5) * 0.3;\n api.position.set(currentPosition[0] + direction.x + jitter, currentPosition[1] + 0.2, currentPosition[2] + direction.z + jitter);\n }\n if (zombieRef.current && (direction.x !== 0 || direction.z !== 0)) {\n const targetRotation = Math.atan2(direction.x, direction.z);\n zombieRef.current.rotation.y = targetRotation;\n zombieRef.current.rotation.z = Math.sin(now * 0.005) * 0.05;\n }\n });\n const playerDistance = useMemo(() => {\n if (!playerPosition) return 1000;\n return Math.sqrt(Math.pow(currentPosition[0] - playerPosition[0], 2) + Math.pow(currentPosition[2] - playerPosition[2], 2));\n }, [currentPosition, playerPosition]);\n const zombieQuality = useMemo(() => {\n if (playerDistance < 10) return 'high';\n if (playerDistance < 20) return 'medium';\n return 'low';\n }, [playerDistance]);\n const clonedScene = useMemo(() => {\n if (scene) {\n const clone = scene.clone();\n clone.traverse(node => {\n if (node.isMesh && node.material) {\n const mat = node.material.clone();\n mat.fog = true;\n mat.flatShading = zombieQuality === 'low';\n if (zombieQuality === 'low') {\n mat.wireframe = false;\n mat.roughness = 1.0;\n } else if (zombieQuality === 'medium') {\n mat.roughness = 0.8;\n }\n node.material = mat;\n }\n });\n return clone;\n }\n return null;\n }, [scene, zombieQuality]);\n if (!alive) {\n return null;\n }\n return <>\n {}\n \n {}\n \n \n {}\n \n {clonedScene ? : \n \n \n }\n \n {}\n \n \n \n \n {}\n \n \n \n \n ;\n}\nconst ZombieSpawner = () => {\n const [zombies, setZombies] = useState([]);\n const zombieCount = useRef(0);\n const spawnTimer = useRef(null);\n const waveRef = useRef(1);\n const spawnInterval = 10000;\n const spawnCorners = [[16, 1.0, 16], [16, 1.0, -16], [-16, 1.0, 16], [-16, 1.0, -16]];\n const [gameOver, setGameOver] = useState(false);\n const updateWave = wave => {\n window.dispatchEvent(new CustomEvent('wave-update', {\n detail: {\n wave\n }\n }));\n };\n useEffect(() => {\n const handleGameOver = e => {\n setGameOver(true);\n };\n const handleWaveUpdate = e => {\n if (e.detail && e.detail.wave) {\n waveRef.current = e.detail.wave;\n const zombiesToSpawn = Math.min(waveRef.current, 5);\n for (let i = 0; i < zombiesToSpawn; i++) {\n setTimeout(() => {\n if (!gameOver) {\n spawnZombie();\n }\n }, i * 2000);\n }\n }\n };\n const handleWaveCompleted = e => {};\n const handleCoinCollected = e => {};\n window.addEventListener('wave-update', handleWaveUpdate);\n window.addEventListener('wave-completed', handleWaveCompleted);\n window.addEventListener('coin-collected', handleCoinCollected);\n window.addEventListener('game-over', handleGameOver);\n const handleRestartGame = () => {\n setGameOver(false);\n waveRef.current = 1;\n updateWave(waveRef.current);\n setZombies([]);\n if (window.zombies) {\n window.zombies = [];\n }\n for (let i = 0; i < 4; i++) {\n spawnZombie();\n }\n const checkSpawnTime = () => {\n spawnTimer.current = requestAnimationFrame(() => {\n if (!gameOver) {\n spawnZombie();\n checkSpawnTime();\n }\n });\n };\n checkSpawnTime();\n };\n window.addEventListener('restart-game', handleRestartGame);\n for (let i = 0; i < 4; i++) {\n spawnZombie();\n }\n spawnTimer.current = setInterval(() => {\n if (!gameOver) {\n spawnZombie();\n }\n }, spawnInterval);\n return () => {\n if (spawnTimer.current) {\n cancelAnimationFrame(spawnTimer.current);\n }\n window.removeEventListener('game-over', handleGameOver);\n window.removeEventListener('restart-game', handleRestartGame);\n window.removeEventListener('wave-update', handleWaveUpdate);\n window.removeEventListener('wave-completed', handleWaveCompleted);\n window.removeEventListener('coin-collected', handleCoinCollected);\n };\n }, [gameOver]);\n const lastSpawnTime = useRef(0);\n const spawnZombie = useCallback(() => {\n if (gameOver) return;\n const now = Date.now();\n if (now - lastSpawnTime.current >= 10000) {\n lastSpawnTime.current = now;\n const cornerIndex = Math.floor(Math.random() * 4);\n const spawnPosition = [...spawnCorners[cornerIndex]];\n spawnPosition[0] += (Math.random() - 0.5) * 4;\n spawnPosition[2] += (Math.random() - 0.5) * 4;\n const zombie = {\n id: zombieCount.current++,\n position: spawnPosition,\n wave: waveRef.current\n };\n setZombies(prev => [...prev, zombie]);\n }\n }, [gameOver, spawnCorners]);\n return \n {zombies.map(zombie => )}\n ;\n};\nfunction ShipmentMap() {\n const boxAudioPool = useRef({\n pool: [],\n maxSize: 5,\n inUse: 0\n });\n const [physicsStabilized, setPhysicsStabilized] = useState(false);\n const objectsInitialized = useRef(false);\n const [showNavGrid, setShowNavGrid] = useState(false);\n const [showPath, setShowPath] = useState(false);\n useEffect(() => {\n const handleKeyDown = e => {\n if (e.key === 'n') {\n setShowNavGrid(prev => !prev);\n }\n if (e.key === 'p') {\n setShowPath(prev => !prev);\n }\n };\n window.addEventListener('keydown', handleKeyDown);\n for (let i = 0; i < boxAudioPool.current.maxSize; i++) {\n const audio = new Audio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/pushing-leaves-31404_c055d233.mp3\");\n audio.volume = 0;\n audio.loop = false;\n boxAudioPool.current.pool.push({\n audio,\n inUse: false\n });\n }\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n boxAudioPool.current.pool.forEach(item => {\n item.audio.pause();\n item.audio.currentTime = 0;\n });\n };\n }, []);\n useEffect(() => {\n const stabilizationTimer = setTimeout(() => {\n setPhysicsStabilized(true);\n }, 1000);\n return () => clearTimeout(stabilizationTimer);\n }, []);\n useEffect(() => {\n if (!window.navigationGrid) {\n createNavigationGrid();\n }\n window.sceneObjects = [];\n const isPositionClear = (pos, size, existingObjects) => {\n const newBox = {\n minX: pos[0] - size[0] / 2,\n maxX: pos[0] + size[0] / 2,\n minY: pos[1] - size[1] / 2,\n maxY: pos[1] + size[1] / 2,\n minZ: pos[2] - size[2] / 2,\n maxZ: pos[2] + size[2] / 2\n };\n const buffer = 0.05;\n for (const obj of existingObjects) {\n const objBox = {\n minX: obj.position[0] - obj.size[0] / 2 - buffer,\n maxX: obj.position[0] + obj.size[0] / 2 + buffer,\n minY: obj.position[1] - obj.size[1] / 2 - buffer,\n maxY: obj.position[1] + obj.size[1] / 2 + buffer,\n minZ: obj.position[2] - obj.size[2] / 2 - buffer,\n maxZ: obj.position[2] + obj.size[2] / 2 + buffer\n };\n if (!(newBox.maxX < objBox.minX || newBox.minX > objBox.maxX || newBox.maxY < objBox.minY || newBox.minY > objBox.maxY || newBox.maxZ < objBox.minZ || newBox.minZ > objBox.maxZ)) {\n return false;\n }\n }\n return true;\n };\n const containerPositions = [{\n position: [16, 1.25, 0],\n size: [2.5, 2.5, 6]\n }, {\n position: [16, 3.95, 0],\n size: [2.5, 2.5, 6]\n }, {\n position: [-16, 1.25, 0],\n size: [2.5, 2.5, 6]\n }, {\n position: [-16, 3.95, 0],\n size: [2.5, 2.5, 6]\n }, {\n position: [12, 1.25, 12],\n size: [2.5, 2.5, 6]\n }, {\n position: [12, 3.95, 12],\n size: [2.5, 2.5, 6]\n }, {\n position: [-12, 1.25, 12],\n size: [2.5, 2.5, 6]\n }, {\n position: [-12, 3.95, 12],\n size: [2.5, 2.5, 6]\n }, {\n position: [12, 1.25, -12],\n size: [2.5, 2.5, 6]\n }, {\n position: [12, 3.95, -12],\n size: [2.5, 2.5, 6]\n }, {\n position: [-12, 1.25, -12],\n size: [2.5, 2.5, 6]\n }, {\n position: [-12, 3.95, -12],\n size: [2.5, 2.5, 6]\n }, {\n position: [8, 1.25, 16],\n size: [6, 2.5, 2.5]\n }, {\n position: [-8, 1.25, 16],\n size: [6, 2.5, 2.5]\n }, {\n position: [8, 1.25, -16],\n size: [6, 2.5, 2.5]\n }, {\n position: [-8, 1.25, -16],\n size: [6, 2.5, 2.5]\n }, {\n position: [16, 1.25, 8],\n size: [2.5, 2.5, 6]\n }, {\n position: [16, 1.25, -8],\n size: [2.5, 2.5, 6]\n }, {\n position: [-16, 1.25, 8],\n size: [2.5, 2.5, 6]\n }, {\n position: [-16, 1.25, -8],\n size: [2.5, 2.5, 6]\n }, {\n position: [0, 1.25, 16],\n size: [2.5, 2.5, 6]\n }, {\n position: [0, 1.25, -16],\n size: [2.5, 2.5, 6]\n }];\n const cratePositions = [{\n position: [8, 0.9, 8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [8, 0.9, 4],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [4, 0.9, 8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [4, 0.9, 4],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-8, 0.9, 8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-8, 0.9, 4],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-4, 0.9, 8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-4, 0.9, 4],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [8, 0.9, -8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [8, 0.9, -4],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [4, 0.9, -8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [4, 0.9, -4],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-8, 0.9, -8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-8, 0.9, -4],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-4, 0.9, -8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-4, 0.9, -4],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-8, 3.0, 8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [8, 3.0, 8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [8, 3.0, -8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-8, 3.0, -8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [0, 0.9, 0],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [0, 0.9, 4],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [0, 0.9, 8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [0, 0.9, 12],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [0, 0.9, -4],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [0, 0.9, -8],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [0, 0.9, -12],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [4, 0.9, 0],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [8, 0.9, 0],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [12, 0.9, 0],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-4, 0.9, 0],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-8, 0.9, 0],\n size: [1.8, 1.8, 1.8]\n }, {\n position: [-12, 0.9, 0],\n size: [1.8, 1.8, 1.8]\n }];\n let validatedCratePositions = [];\n let existingPositions = [...containerPositions];\n cratePositions.forEach(cratePos => {\n if (isPositionClear(cratePos.position, cratePos.size, existingPositions)) {\n validatedCratePositions.push(cratePos);\n existingPositions.push(cratePos);\n } else {\n let adjustedPos = [...cratePos.position];\n const adjustAmount = 0.1;\n for (let attempt = 0; attempt < 8; attempt++) {\n const adjustX = attempt % 2 * adjustAmount * (Math.random() > 0.5 ? 1 : -1);\n const adjustZ = (attempt >> 1) % 2 * adjustAmount * (Math.random() > 0.5 ? 1 : -1);\n adjustedPos = [cratePos.position[0] + adjustX, cratePos.position[1], cratePos.position[2] + adjustZ];\n if (isPositionClear(adjustedPos, cratePos.size, existingPositions)) {\n const adjusted = {\n ...cratePos,\n position: adjustedPos\n };\n validatedCratePositions.push(adjusted);\n existingPositions.push(adjusted);\n break;\n }\n }\n }\n });\n const barrelPositions = [{\n position: [12, 1, 8],\n size: [1, 1.5, 1]\n }, {\n position: [12, 1, 4],\n size: [1, 1.5, 1]\n }, {\n position: [8, 1, 12],\n size: [1, 1.5, 1]\n }, {\n position: [4, 1, 12],\n size: [1, 1.5, 1]\n }, {\n position: [-12, 1, 8],\n size: [1, 1.5, 1]\n }, {\n position: [-12, 1, 4],\n size: [1, 1.5, 1]\n }, {\n position: [-8, 1, 12],\n size: [1, 1.5, 1]\n }, {\n position: [-4, 1, 12],\n size: [1, 1.5, 1]\n }, {\n position: [12, 1, -8],\n size: [1, 1.5, 1]\n }, {\n position: [12, 1, -4],\n size: [1, 1.5, 1]\n }, {\n position: [8, 1, -12],\n size: [1, 1.5, 1]\n }, {\n position: [4, 1, -12],\n size: [1, 1.5, 1]\n }, {\n position: [-12, 1, -8],\n size: [1, 1.5, 1]\n }, {\n position: [-12, 1, -4],\n size: [1, 1.5, 1]\n }, {\n position: [-8, 1, -12],\n size: [1, 1.5, 1]\n }, {\n position: [-4, 1, -12],\n size: [1, 1.5, 1]\n }];\n let validatedBarrelPositions = [];\n barrelPositions.forEach(barrelPos => {\n if (isPositionClear(barrelPos.position, barrelPos.size, [...existingPositions])) {\n validatedBarrelPositions.push(barrelPos);\n existingPositions.push(barrelPos);\n } else {\n let adjustedPos = [...barrelPos.position];\n const adjustAmount = 0.2;\n for (let attempt = 0; attempt < 8; attempt++) {\n const adjustX = attempt % 2 * adjustAmount * (Math.random() > 0.5 ? 1 : -1);\n const adjustZ = (attempt >> 1) % 2 * adjustAmount * (Math.random() > 0.5 ? 1 : -1);\n adjustedPos = [barrelPos.position[0] + adjustX, barrelPos.position[1], barrelPos.position[2] + adjustZ];\n if (isPositionClear(adjustedPos, barrelPos.size, existingPositions)) {\n const adjusted = {\n ...barrelPos,\n position: adjustedPos\n };\n validatedBarrelPositions.push(adjusted);\n existingPositions.push(adjusted);\n break;\n }\n }\n }\n });\n window.sceneObjects = [...containerPositions, ...validatedCratePositions, ...validatedBarrelPositions];\n objectsInitialized.current = true;\n return () => {\n window.sceneObjects = [];\n objectsInitialized.current = false;\n };\n }, []);\n if (!objectsInitialized.current) {\n return null;\n }\n return <>\n \n \n \n \n {}\n {showNavGrid && window.navigationGrid && \n {window.navigationGrid.waypoints.map((waypoint, i) => \n \n \n )}\n }\n {}\n {showPath && window.zombies && \n {window.zombies.filter(z => z.currentPath && z.currentPath.length > 0).map((zombie, zombieIndex) => \n {zombie.currentPath.map((point, i) => \n \n \n )}\n {zombie.currentPath.length > 1 && zombie.currentPath.map((point, i) => {\n if (i < zombie.currentPath.length - 1) {\n const start = new THREE.Vector3(point[0], 0.05, point[1]);\n const end = new THREE.Vector3(zombie.currentPath[i + 1][0], 0.05, zombie.currentPath[i + 1][1]);\n return \n \n \n \n \n ;\n }\n return null;\n })}\n )}\n }\n {}\n \n \n {}\n \n \n \n {}\n {}\n {!physicsStabilized && \n \n \n }\n {}\n \n \n \n \n {}\n \n \n {}\n \n \n {}\n \n \n {}\n \n \n {}\n \n \n {}\n \n \n {}\n \n \n {}\n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n \n \n \n {}\n \n \n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n ;\n}\nfunction HUD({\n time,\n setTime,\n saveToLeaderboard,\n setShowLeaderboard\n}) {\n const {\n ammo,\n setAmmo,\n reloading,\n ammoCountingUp,\n zombieKills,\n setZombieKills,\n isPlayerDead,\n health,\n setHealth,\n coinsCollected,\n setCoinsCollected,\n wave,\n setWave\n } = useContext(GameContext);\n const [alive, setAlive] = useState(true);\n const [hitMarker, setHitMarker] = useState(false);\n const [bloodEffect, setBloodEffect] = useState(0);\n const prevHealth = useRef(health);\n const lastCoinUpdate = useRef(Date.now());\n const movementControls = {\n forward: 'KeyW',\n backward: 'KeyS',\n left: 'KeyA',\n right: 'KeyD'\n };\n useEffect(() => {\n window.gameTime = time;\n }, [time]);\n const deathSound = useRef(null);\n const isDeathSoundPlaying = useRef(false);\n const [, setIsRunning] = useState(false);\n const [, setShooting] = useState(false);\n const [isPaused, setIsPaused] = useState(false);\n const [lastReloadStartTime, setLastReloadStartTime] = useState(Date.now());\n const [showHelp, setShowHelp] = useState(false);\n const [showGameOver, setShowGameOver] = useState(false);\n const [gameOverInfo, setGameOverInfo] = useState({\n killedBy: \"Unknown\"\n });\n const username = window.localStorage.getItem('shipmentUsername') || \"OPERATOR\";\n const [isMuted, setIsMuted] = useState(false);\n const timerRef = useRef(null);\n const [waveRequiredCoins, setWaveRequiredCoins] = useState(5);\n const [waveCoinsCollected, setWaveCoinsCollected] = useState(0);\n const bgMusic = useMemo(() => {\n return SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/horror-ambience-background-3-259230_99e42b94.mp3\", 0.4, true);\n }, []);\n const handleHitMarker = () => {\n setHitMarker(true);\n setTimeout(() => {\n setHitMarker(false);\n }, 150);\n };\n useEffect(() => {\n setWaveRequiredCoins(5 + (wave - 1) * 3);\n }, [wave]);\n useEffect(() => {\n if (reloading) {\n setLastReloadStartTime(Date.now());\n }\n }, [reloading]);\n useEffect(() => {\n const handleWaveUpdate = e => {\n setWave(e.detail.wave);\n };\n const handleWaveCompleted = e => {\n setWaveCoinsCollected(0);\n };\n const handleCoinCollected = e => {\n if (e.detail.waveProgress) {\n setWaveCoinsCollected(e.detail.waveProgress.collected);\n }\n };\n const handleGameOver = e => {\n setAlive(false);\n setShowGameOver(true);\n setGameOverInfo(e.detail);\n if (timerRef.current) {\n clearInterval(timerRef.current);\n timerRef.current = null;\n }\n if (document.pointerLockElement) {\n document.exitPointerLock();\n }\n };\n window.addEventListener('wave-update', handleWaveUpdate);\n window.addEventListener('wave-completed', handleWaveCompleted);\n window.addEventListener('coin-collected', handleCoinCollected);\n window.addEventListener('game-over', handleGameOver);\n return () => {\n clearInterval(timerRef.current);\n window.removeEventListener('wave-update', handleWaveUpdate);\n window.removeEventListener('wave-completed', handleWaveCompleted);\n window.removeEventListener('coin-collected', handleCoinCollected);\n window.removeEventListener('game-over', handleGameOver);\n if (deathSound.current) {\n deathSound.current.pause();\n deathSound.current.currentTime = 0;\n }\n };\n }, []);\n useEffect(() => {\n const handleManualLightning = e => {\n if (e.key === 'l' && !isPlayerDead && !showGameOver) {\n window.dispatchEvent(new CustomEvent('manual-lightning-trigger'));\n }\n };\n window.addEventListener('keydown', handleManualLightning);\n return () => {\n window.removeEventListener('keydown', handleManualLightning);\n };\n }, [isPlayerDead, showGameOver]);\n useEffect(() => {\n const handleKeyDown = e => {\n if (isPlayerDead || showGameOver) return;\n const movementKeys = [movementControls.forward, movementControls.backward, movementControls.left, movementControls.right];\n switch (e.code) {\n case movementControls.forward:\n case movementControls.backward:\n case movementControls.left:\n case movementControls.right:\n const isMovementKey = movementKeys.includes(e.code);\n const keyAlreadyPressed = document.querySelector(`[data-key=\"${e.code}\"]`)?.classList.contains('active');\n if (isMovementKey && !keyAlreadyPressed && health > 0) {}\n break;\n }\n };\n const handleKeyUp = e => {\n if (showGameOver) return;\n const movementKeys = [movementControls.forward, movementControls.backward, movementControls.left, movementControls.right];\n if (movementKeys.includes(e.code)) {\n const keys = {\n [movementControls.forward]: false,\n [movementControls.backward]: false,\n [movementControls.left]: false,\n [movementControls.right]: false\n };\n Object.keys(keys).forEach(key => {\n if (key !== e.code) {\n keys[key] = document.querySelector(`[data-key=\"${key}\"]`)?.classList.contains('active') || false;\n }\n });\n if (!Object.values(keys).some(value => value)) {\n setIsRunning(false);\n }\n }\n };\n const handleMouseDown = e => {\n if (showGameOver) return;\n if (e.button === 0) setShooting(true);\n };\n const handleMouseUp = e => {\n if (showGameOver) return;\n if (e.button === 0) setShooting(false);\n };\n window.addEventListener('show-hit-marker', handleHitMarker);\n document.addEventListener('keydown', handleKeyDown);\n document.addEventListener('keyup', handleKeyUp);\n document.addEventListener('mousedown', handleMouseDown);\n document.addEventListener('mouseup', handleMouseUp);\n return () => {\n window.removeEventListener('show-hit-marker', handleHitMarker);\n document.removeEventListener('keydown', handleKeyDown);\n document.removeEventListener('keyup', handleKeyUp);\n document.removeEventListener('mousedown', handleMouseDown);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n }, [reloading, ammoCountingUp, showGameOver, health, isPlayerDead]);\n const [isPlayerMoving, setIsPlayerMoving] = useState(false);\n const lastMovementTime = useRef(Date.now());\n useEffect(() => {\n if (isPlayerMoving && Date.now() - lastMovementTime.current > 1000) {\n setIsPlayerMoving(false);\n }\n }, [isPlayerMoving]);\n useEffect(() => {\n const handlePlayerPositionUpdate = e => {\n if (alive && e.detail && e.detail.position && !showGameOver) {\n setIsPlayerMoving(true);\n lastMovementTime.current = Date.now();\n }\n };\n const healthRegenInterval = setInterval(() => {\n if (health < 100 && !isPlayerDead && !showGameOver) {\n setHealth(prevHealth => Math.min(100, prevHealth + 3));\n }\n if (isPlayerMoving && Date.now() - lastMovementTime.current > 1000) {\n setIsPlayerMoving(false);\n }\n }, 1000);\n window.addEventListener('player-position-update', handlePlayerPositionUpdate);\n return () => {\n window.removeEventListener('player-position-update', handlePlayerPositionUpdate);\n clearInterval(healthRegenInterval);\n };\n }, [alive, health, isPlayerDead, isPlayerMoving, showGameOver]);\n useEffect(() => {\n const playAudio = () => {\n bgMusic.play().catch(err => console.error(\"Audio playback failed:\", err.message || JSON.stringify(err)));\n };\n const handleInteraction = () => {\n if (!isMuted) {\n playAudio();\n document.removeEventListener('click', handleInteraction);\n document.removeEventListener('keydown', handleInteraction);\n }\n };\n document.addEventListener('click', handleInteraction);\n document.addEventListener('keydown', handleInteraction);\n return () => {\n bgMusic.pause();\n bgMusic.currentTime = 0;\n document.removeEventListener('click', handleInteraction);\n document.removeEventListener('keydown', handleInteraction);\n };\n }, [bgMusic, isMuted]);\n const toggleAudio = () => {\n if (isMuted) {\n bgMusic.play().catch(err => console.error(\"Audio playback failed:\", err.message || JSON.stringify(err)));\n setIsMuted(false);\n } else {\n bgMusic.pause();\n setIsMuted(true);\n }\n };\n const formatTime = seconds => {\n const minutes = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return `${minutes}:${secs < 10 ? '0' : ''}${secs}`;\n };\n const createTwitterShareUrl = () => {\n const shareText = `I survived for ${formatTime(time)} in 1v1v1v1, reaching Wave ${wave} with ${zombieKills} zombie kills and ${coinsCollected} coins collected! Can you beat my score? @devfunpump @buidldao_`;\n return `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`;\n };\n const eatingSoundRef = useRef(null);\n useEffect(() => {\n eatingSoundRef.current = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/eating-juicy-meat-7024_4be03411.mp3\", 0.5);\n return () => {\n if (eatingSoundRef.current) {\n eatingSoundRef.current.pause();\n eatingSoundRef.current.currentTime = 0;\n }\n };\n }, []);\n const restartGame = () => {\n setShowGameOver(false);\n setAlive(true);\n setTime(0);\n setWave(1);\n setHealth(100);\n setAmmo(30);\n setCoinsCollected(0);\n setWaveCoinsCollected(0);\n setZombieKills(0);\n if (deathSound.current && isDeathSoundPlaying.current) {\n deathSound.current.pause();\n deathSound.current.currentTime = 0;\n isDeathSoundPlaying.current = false;\n }\n if (eatingSoundRef.current) {\n eatingSoundRef.current.pause();\n eatingSoundRef.current.currentTime = 0;\n }\n window.dispatchEvent(new CustomEvent('restart-game'));\n window.dispatchEvent(new CustomEvent('player-respawn'));\n };\n useEffect(() => {\n const handleBloodEffect = event => {\n const {\n intensity\n } = event.detail;\n setBloodEffect(intensity || 0.7);\n };\n window.addEventListener('blood-effect', handleBloodEffect);\n return () => window.removeEventListener('blood-effect', handleBloodEffect);\n }, []);\n useEffect(() => {\n if (health < prevHealth.current) {\n const healthDrop = prevHealth.current - health;\n const intensity = Math.min(0.9, healthDrop / 30);\n setBloodEffect(Math.max(bloodEffect, intensity));\n }\n prevHealth.current = health;\n }, [health, bloodEffect]);\n useEffect(() => {\n if (bloodEffect > 0) {\n const timer = setTimeout(() => {\n setBloodEffect(prev => Math.max(0, prev - 0.05));\n }, 100);\n return () => clearTimeout(timer);\n }\n }, [bloodEffect]);\n return

\n {}\n {bloodEffect > 0 &&

}\n {}\n {bloodEffect > 0.3 &&

}\n {}\n

\n \n

\n {}\n {hitMarker &&

\n \n

}\n {}\n

\n \n {username}\n

\n {}\n

\n HEALTH\n \n {health}\n \n

\n {}\n

\n {ammo}\n

\n / ∞\n

\n {}\n {(reloading || ammoCountingUp) &&

\n \n

}\n

\n {}\n

\n {formatTime(time)}\n

\n \n WAVE:\n {wave}\n

\n \n KILLS:\n {zombieKills}\n

\n \n TOTAL COINS:\n \n {coinsCollected}\n \n

\n WAVE PROGRESS:\n {waveCoinsCollected}/{waveRequiredCoins}\n

\n {}\n

\n \n

\n {}\n

\n {(reloading || ammoCountingUp) &&

\n {reloading ? \"RELOADING\" : \"LOADING AMMO\"}\n

\n \n

}\n

\n {}\n {isPaused &&

GAME PAUSED

\n Performance Mode\n

\n ⓘ\n

\n \n

\n Audio\n \n

\n Help\n \n

STATUS: DEPLOYED

MATCH TIME: {formatTime(time)}

\n \n

}\n

\n WAVE {wave}:\n {waveCoinsCollected}/{waveRequiredCoins} coins\n

\n {showGameOver &&

GAME OVER

You survived for:

{formatTime(time)}

Reached Wave:

{wave}

Kills:

{zombieKills}

Coins Collected:

{coinsCollected} total

\n {gameOverInfo.killedBy ? `Killed by: ${gameOverInfo.killedBy}` : \"You died\"}\n

\n \n \n

\n \n \n SHARE\n \n \n \n

}\n {showHelp &&

OPERATION MANUAL

\n \n

CONTROLS

W A S D

Movement

MOUSE

Look around

L-CLICK

Fire weapon

Reload weapon

Crouch

ESC

Pause game

FPS counter

OBJECTIVES

• Collect all 10 Solana coins hidden around the map
• Eliminate as many zombies as possible
• Survive as long as you can
• Avoid zombies at all costs - one touch means death
• Complete as many waves as possible
• Reload your weapon when ammo is low

GAME MECHANICS

• Zombies spawn in waves - each wave gets harder
• If a zombie touches you, it's game over
• Containers and boxes provide barriers between you and zombies
• Ammunition is limited - reload strategically
• The timer counts up to track your survival time

TIPS

• Always stay near cover
• Reload when behind cover and not during firefights
• Use crouch when aiming for better accuracy
• Keep moving to avoid being an easy target
• Use performance mode if game runs slowly

\n \n

}\n

;\n}\nfunction PistolWeapon({\n position = [0.25, -0.4, -0.4],\n shooting = false,\n reloading = false,\n running = false\n}) {\n const {\n isPlayerDead\n } = useContext(GameContext);\n const ref = useRef();\n window.weaponRef = ref;\n const [, setAnimPhase] = useState(0);\n const lastShot = useRef(0);\n const lastReload = useRef(0);\n const lastStep = useRef(0);\n const armColor = useMemo(() => \"#e8c090\", []);\n const sleeveColor = useMemo(() => \"#3a582a\", []);\n const metalColor = useMemo(() => \"#333333\", []);\n const gunMetalColor = useMemo(() => \"#222222\", []);\n const gripColor = useMemo(() => \"#111111\", []);\n useEffect(() => {\n const animInterval = setInterval(() => {\n setAnimPhase(prev => (prev + 1) % 100);\n }, 16);\n return () => clearInterval(animInterval);\n }, []);\n const walkingSoundRef = useRef(null);\n useEffect(() => {\n walkingSoundRef.current = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/running-1-6846 (mp3cut.net)_fba4a2ce.mp3\", 0.2, true);\n return () => {\n if (walkingSoundRef.current) {\n walkingSoundRef.current.pause();\n walkingSoundRef.current.currentTime = 0;\n }\n };\n }, []);\n useFrame((state, delta) => {\n if (!ref.current || isPlayerDead) return;\n const now = Date.now();\n const weaponGroup = ref.current;\n const breathingIntensity = 0.002;\n const breathingY = Math.sin(now * 0.001) * breathingIntensity;\n const breathingRot = Math.sin(now * 0.0015) * 0.005;\n const camera = state.camera;\n const targetFOV = 70;\n camera.fov += (targetFOV - camera.fov) * 0.1;\n camera.updateProjectionMatrix();\n let runX = 0;\n let runY = 0;\n let runRot = 0;\n if (running && !reloading && !isPlayerDead) {\n const runCycle = now % 600 / 600;\n const stepIntensity = 0.5;\n runX = Math.sin(runCycle * Math.PI * 2) * 0.025 * stepIntensity;\n runY = Math.abs(Math.sin(runCycle * Math.PI * 4)) * 0.015 * stepIntensity;\n runRot = Math.sin(runCycle * Math.PI * 2) * 0.04 * stepIntensity;\n if (now - lastStep.current > 300 / stepIntensity && Math.sin(runCycle * Math.PI * 2) > 0.7) {\n lastStep.current = now;\n }\n }\n let recoilZ = 0;\n let recoilY = 0;\n if (shooting && now - lastShot.current < 100 && !isPlayerDead) {\n const recoilProgress = (now - lastShot.current) / 100;\n recoilZ = 0.08 * (1 - recoilProgress);\n recoilY = 0.05 * (1 - recoilProgress);\n } else if (shooting && !isPlayerDead) {\n lastShot.current = now;\n }\n let reloadX = 0;\n let reloadY = 0;\n let reloadRot = 0;\n if (reloading) {\n if (now - lastReload.current > 1500) {\n lastReload.current = now;\n }\n const reloadPhase = (now - lastReload.current) / 1500;\n if (reloadPhase < 0.3) {\n reloadY = -(reloadPhase / 0.3) * 0.15;\n reloadRot = reloadPhase / 0.3 * 0.3;\n reloadX = reloadPhase / 0.3 * 0.08;\n } else if (reloadPhase < 0.5) {\n reloadY = -0.15;\n reloadRot = 0.3;\n reloadX = 0.08;\n } else if (reloadPhase < 0.7) {\n reloadY = -0.15 * (1 - (reloadPhase - 0.5) / 0.2);\n reloadRot = 0.3 * (1 - (reloadPhase - 0.5) / 0.2);\n reloadX = 0.08 * (1 - (reloadPhase - 0.5) / 0.2);\n } else if (reloadPhase < 0.9) {\n reloadRot = (reloadPhase - 0.7) / 0.2 * -0.2;\n } else {\n reloadY = 0;\n reloadRot = 0;\n reloadX = 0;\n }\n }\n weaponGroup.position.x = position[0] + runX + reloadX;\n weaponGroup.position.y = position[1] + breathingY + runY + reloadY;\n weaponGroup.position.z = position[2] - recoilZ;\n weaponGroup.rotation.x = breathingRot + recoilY + reloadRot;\n weaponGroup.rotation.y = runRot * 0.5;\n weaponGroup.rotation.z = runRot;\n });\n const [reloadPhase, setReloadPhase] = useState(0);\n useEffect(() => {\n if (reloading) {\n setReloadPhase(0);\n const interval = setInterval(() => {\n setReloadPhase(prev => {\n if (prev >= 1) {\n clearInterval(interval);\n return 1;\n }\n return prev + 0.05;\n });\n }, 150);\n return () => clearInterval(interval);\n }\n }, [reloading]);\n return \n {}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {}\n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n 0.5}>\n \n \n \n {}\n \n \n \n \n {}\n \n {}\n \n \n \n \n {}\n {shooting && Date.now() - lastShot.current < 50 && \n \n \n \n \n \n }\n {}\n {shooting && Date.now() - lastShot.current < 100 && <>\n \n \n \n {}\n \n \n {}\n \n \n \n {}\n {[...Array(6)].map((_, i) => {\n const angle = i / 6 * Math.PI * 2 + Math.random() * 0.5;\n const distance = 0.2 + Math.random() * 0.3;\n const x = Math.cos(angle) * distance;\n const y = Math.sin(angle) * distance;\n const size = 0.01 + Math.random() * 0.03;\n const intensity = 2 + Math.random() * 4;\n return \n \n \n \n \n \n ;\n })}\n }\n \n ;\n}\nfunction BulletSystem() {\n const bulletPool = useRef([]);\n const activeBullets = useRef([]);\n const bulletLifetime = 3000;\n const bulletSpeed = 100;\n const bulletCount = 50;\n const {\n setZombieKills,\n isPlayerDead\n } = useContext(GameContext);\n useEffect(() => {\n const handleShoot = event => {\n const {\n position,\n direction,\n shooterId\n } = event.detail;\n spawnBullet(position, direction, shooterId);\n };\n window.addEventListener('fire-bullet', handleShoot);\n return () => {\n window.removeEventListener('fire-bullet', handleShoot);\n };\n }, []);\n const spawnBullet = (position, direction, shooterId) => {\n if (isPlayerDead && shooterId === 'player') return;\n let bullet = bulletPool.current.find(b => !b.active);\n if (!bullet) {\n if (bulletPool.current.length >= bulletCount) {\n bullet = bulletPool.current.shift();\n } else {\n bullet = {\n position: [...position],\n direction: [...direction],\n velocity: [0, 0, 0],\n shooterId,\n active: false,\n mesh: null,\n body: null,\n createdAt: Date.now(),\n hits: []\n };\n bulletPool.current.push(bullet);\n }\n }\n let finalDirection = [...direction];\n if (shooterId === 'player') {\n const spreadFactor = 0.01;\n finalDirection = [direction[0] + (Math.random() - 0.5) * spreadFactor, direction[1] + (Math.random() - 0.5) * spreadFactor, direction[2] + (Math.random() - 0.5) * spreadFactor];\n const length = Math.sqrt(finalDirection[0] * finalDirection[0] + finalDirection[1] * finalDirection[1] + finalDirection[2] * finalDirection[2]);\n finalDirection = [finalDirection[0] / length, finalDirection[1] / length, finalDirection[2] / length];\n }\n bullet.position = [...position];\n bullet.direction = finalDirection;\n bullet.velocity = [finalDirection[0] * bulletSpeed, finalDirection[1] * bulletSpeed, finalDirection[2] * bulletSpeed];\n bullet.active = true;\n bullet.createdAt = Date.now();\n bullet.hits = [];\n activeBullets.current.push(bullet);\n };\n useFrame(() => {\n if (isPlayerDead) return;\n const now = Date.now();\n for (let i = activeBullets.current.length - 1; i >= 0; i--) {\n const bullet = activeBullets.current[i];\n if (!bullet || now - bullet.createdAt > bulletLifetime) {\n if (bullet) bullet.active = false;\n activeBullets.current.splice(i, 1);\n continue;\n }\n bullet.position[0] += bullet.velocity[0] * 0.01;\n bullet.position[1] += bullet.velocity[1] * 0.01;\n bullet.position[2] += bullet.velocity[2] * 0.01;\n const from = new Vector3(bullet.position[0] - bullet.velocity[0] * 0.02, bullet.position[1] - bullet.velocity[1] * 0.02, bullet.position[2] - bullet.velocity[2] * 0.02);\n const to = new Vector3(bullet.position[0], bullet.position[1], bullet.position[2]);\n const bulletHitbox = new THREE.Sphere(to, 0.35);\n if (window.zombies) {\n let hitZombie = false;\n const bulletDirection = new THREE.Vector3(bullet.velocity[0], bullet.velocity[1], bullet.velocity[2]).normalize();\n const bulletRay = new THREE.Ray(from, bulletDirection);\n const hitZombies = [];\n for (let j = 0; j < window.zombies.length; j++) {\n const zombie = window.zombies[j];\n if (zombie && zombie.alive) {\n const zombiePos = zombie.position;\n const zombieHitbox = new THREE.Sphere(new Vector3(zombiePos[0], zombiePos[1] + 1.0, zombiePos[2]), 2.8);\n const bulletPathBox = new THREE.Box3().setFromPoints([from, to]);\n bulletPathBox.expandByScalar(0.8);\n const zombieBox = new THREE.Box3().setFromCenterAndSize(new Vector3(zombiePos[0], zombiePos[1] + 1.2, zombiePos[2]), new Vector3(3.5, 3.5, 3.5));\n if (bulletHitbox.intersectsSphere(zombieHitbox) || zombieBox.containsPoint(to) || bulletPathBox.intersectsBox(zombieBox) || bulletRay.intersectsSphere(zombieHitbox)) {\n if (bullet.shooterId === 'player') {\n hitZombie = true;\n hitZombies.push(zombie.id);\n window.dispatchEvent(new CustomEvent('show-hit-marker'));\n window.dispatchEvent(new CustomEvent('zombie-hit', {\n detail: {\n id: zombie.id\n }\n }));\n setZombieKills(prev => prev + 1);\n const hitSound = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/metal-hit-16-193282_e3b90231.mp3\", 0.35);\n SoundManager.playSound(hitSound, null, 0.7 + Math.random() * 0.3);\n }\n }\n }\n }\n if (hitZombie) {\n bullet.active = false;\n activeBullets.current.splice(i, 1);\n continue;\n }\n }\n const objects = window.sceneObjects || [];\n for (const obj of objects) {\n if (!obj.position || !obj.size) continue;\n const objBox = new THREE.Box3().setFromCenterAndSize(new Vector3(obj.position[0], obj.position[1], obj.position[2]), new Vector3(obj.size[0], obj.size[1], obj.size[2]));\n if (objBox.intersectsSphere(bulletHitbox)) {\n if (bullet.shooterId === 'player') {\n window.dispatchEvent(new CustomEvent('show-hit-marker'));\n const isContainer = obj.size[0] === 2.5 && obj.size[1] === 2.5 && obj.size[2] === 6 || obj.size[0] === 6 && obj.size[1] === 2.5 && obj.size[2] === 2.5;\n if (isContainer) {\n const metalHitSound = new Audio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/metal-hit-16-193282_e3b90231.mp3\");\n let playerPosition = [0, 0, 0];\n if (window.playerPosition) {\n playerPosition = window.playerPosition;\n }\n const distX = playerPosition[0] - bullet.position[0];\n const distY = playerPosition[1] - bullet.position[1];\n const distZ = playerPosition[2] - bullet.position[2];\n const distance = Math.sqrt(distX * distX + distY * distY + distZ * distZ);\n const maxDistance = 30;\n const baseVolume = 0.35;\n const falloffExponent = 2;\n const falloffFactor = Math.pow(1 - Math.min(distance, maxDistance) / maxDistance, falloffExponent);\n const volume = Math.max(0.035, baseVolume * falloffFactor);\n metalHitSound.volume = volume;\n metalHitSound.playbackRate = 0.9 + Math.random() * 0.2;\n metalHitSound.play().catch(e => console.error(\"Audio play failed:\", e.message || JSON.stringify(e)));\n }\n }\n bullet.active = false;\n activeBullets.current.splice(i, 1);\n break;\n }\n }\n }\n });\n return <>;\n}\nfunction LightningSystem() {\n const {\n scene\n } = useThree();\n const lightningRef = useRef(null);\n const skyRef = useRef(null);\n const lastLightningTime = useRef(0);\n const lightningTimeout = useRef(null);\n const thunderSoundRef = useRef(null);\n const {\n isPlayerDead\n } = useContext(GameContext);\n const minInterval = 60000;\n const maxAdditionalInterval = 120000;\n const flashDuration = 300;\n const flashIntensity = 5.0;\n useEffect(() => {\n const lightning = new THREE.DirectionalLight('#FFFFFF', 0);\n lightning.position.set(0, 50, 0);\n lightning.castShadow = false;\n scene.add(lightning);\n lightningRef.current = lightning;\n const secondaryLightning = new THREE.DirectionalLight('#E0F5FF', 0);\n secondaryLightning.position.set(-30, 40, 20);\n secondaryLightning.castShadow = false;\n scene.add(secondaryLightning);\n scene.traverse(node => {\n if (node.type === 'Sky') {\n skyRef.current = node;\n }\n });\n const thunderSounds = [\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/big-thunder-rumble-321631_1b95de19.mp3\", \"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/thunder-big-30291_b5495632.mp3\", \"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/180727-thunder-big-claps-weird-rolling-stratford-62340-[AudioTrimmer.com] (1)_e9545197.mp3\", \"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/180727-thunder-big-claps-weird-rolling-stratford-62340-[AudioTrimmer.com]_331462d2.mp3\"];\n thunderSounds.forEach(url => {\n const audio = new Audio(url);\n audio.load();\n });\n scheduleLightning();\n const handleManualTrigger = () => {\n if (!isPlayerDead) triggerLightning();\n };\n window.addEventListener('manual-lightning-trigger', handleManualTrigger);\n return () => {\n if (lightningRef.current) {\n scene.remove(lightningRef.current);\n }\n if (lightningTimeout.current) {\n clearTimeout(lightningTimeout.current);\n }\n if (thunderSoundRef.current) {\n thunderSoundRef.current.pause();\n thunderSoundRef.current.currentTime = 0;\n }\n window.removeEventListener('manual-lightning-trigger', handleManualTrigger);\n };\n }, [scene, isPlayerDead]);\n const scheduleLightning = () => {\n if (isPlayerDead) return;\n const now = Date.now();\n if (now - lastLightningTime.current < minInterval) {\n const remainingCooldown = minInterval - (now - lastLightningTime.current);\n lightningTimeout.current = setTimeout(scheduleLightning, remainingCooldown);\n return;\n }\n const randomDelay = Math.random() * maxAdditionalInterval;\n lightningTimeout.current = setTimeout(() => {\n if (!isPlayerDead) {\n triggerLightning();\n }\n scheduleLightning();\n }, randomDelay);\n };\n const triggerLightning = () => {\n if (!lightningRef.current || isPlayerDead) return;\n lastLightningTime.current = Date.now();\n const flashCount = 2 + Math.floor(Math.random() * 3);\n const flashDelays = [];\n for (let i = 0; i < flashCount; i++) {\n flashDelays.push(i * (50 + Math.random() * 30));\n }\n flashDelays.forEach(delay => {\n setTimeout(() => {\n if (lightningRef.current && !isPlayerDead) {\n lightningRef.current.intensity = flashIntensity + Math.random() * 2;\n lightningRef.current.color.set(Math.random() < 0.2 ? '#E0F5FF' : '#FFFFFF');\n const originalIntensity = scene.children.find(child => child.type === 'AmbientLight')?.intensity || 0.25;\n const ambientLights = scene.children.filter(child => child.type === 'AmbientLight');\n ambientLights.forEach(light => {\n light.intensity = originalIntensity * 4;\n });\n scene.traverse(object => {\n if (object.isLight && object !== lightningRef.current && !(object.type === 'AmbientLight') && !(object.type === 'HemisphereLight')) {\n object.intensity *= 3;\n }\n });\n setTimeout(() => {\n if (lightningRef.current) {\n lightningRef.current.intensity = 0;\n ambientLights.forEach(light => {\n light.intensity = originalIntensity;\n });\n scene.traverse(object => {\n if (object.isLight && object !== lightningRef.current && !(object.type === 'AmbientLight') && !(object.type === 'HemisphereLight')) {\n object.intensity /= 3;\n }\n });\n }\n }, flashDuration * (0.5 + Math.random() * 0.5));\n }\n }, delay);\n });\n setTimeout(() => {\n playThunderSound();\n }, 300 + Math.random() * 1000);\n };\n const playThunderSound = () => {\n if (isPlayerDead) return;\n const thunderSounds = [\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/big-thunder-rumble-321631_1b95de19.mp3\", \"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/thunder-big-30291_b5495632.mp3\", \"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/180727-thunder-big-claps-weird-rolling-stratford-62340-[AudioTrimmer.com] (1)_e9545197.mp3\", \"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/180727-thunder-big-claps-weird-rolling-stratford-62340-[AudioTrimmer.com]_331462d2.mp3\"];\n const randomIndex = Math.floor(Math.random() * thunderSounds.length);\n if (thunderSoundRef.current) {\n thunderSoundRef.current.pause();\n thunderSoundRef.current.currentTime = 0;\n }\n const thunder = new Audio(thunderSounds[randomIndex]);\n thunderSoundRef.current = thunder;\n thunder.volume = 0;\n thunder.play().catch(e => console.error(\"Failed to play thunder:\", e));\n window.dispatchEvent(new CustomEvent('camera-shake', {\n detail: {\n intensity: 0.08,\n duration: 300\n }\n }));\n let volume = 0;\n const fadeIn = setInterval(() => {\n if (isPlayerDead) {\n clearInterval(fadeIn);\n if (thunderSoundRef.current) {\n thunderSoundRef.current.pause();\n thunderSoundRef.current.currentTime = 0;\n }\n return;\n }\n volume += 0.06;\n if (volume >= 0.6) {\n volume = 0.6;\n clearInterval(fadeIn);\n setTimeout(() => {\n if (isPlayerDead || !thunderSoundRef.current) return;\n const fadeOut = setInterval(() => {\n if (isPlayerDead) {\n clearInterval(fadeOut);\n if (thunderSoundRef.current) {\n thunderSoundRef.current.pause();\n thunderSoundRef.current.currentTime = 0;\n }\n return;\n }\n volume -= 0.04;\n if (volume <= 0) {\n volume = 0;\n clearInterval(fadeOut);\n if (thunderSoundRef.current) {\n thunderSoundRef.current.pause();\n thunderSoundRef.current.currentTime = 0;\n }\n } else if (thunderSoundRef.current) {\n thunderSoundRef.current.volume = volume;\n }\n }, 200);\n }, thunder.duration * 1000 - 2000);\n }\n if (thunderSoundRef.current) {\n thunderSoundRef.current.volume = volume;\n }\n }, 100);\n };\n return null;\n}\nfunction GameComponent() {\n const [gameState, setGameState] = useState(\"landing\");\n const [loadingProgress, setLoadingProgress] = useState(0);\n const [shooting, setShooting] = useState(false);\n const [reloading, setReloading] = useState(false);\n const [isRunning, setIsRunning] = useState(false);\n const [physicsReady, setPhysicsReady] = useState(false);\n const [fogDensity] = useState(0.055);\n const [debugPhysics, setDebugPhysics] = useState(false);\n const [username, setUsername] = useState(localStorage.getItem('shipmentUsername') || \"STEVE\");\n const [ammo, setAmmo] = useState(30);\n const [controlsEnabled, setControlsEnabled] = useState(false);\n const [ammoCountingUp, setAmmoCountingUp] = useState(false);\n const [gameInitialized, setGameInitialized] = useState(false);\n const [isPlayerDead, setIsPlayerDead] = useState(false);\n const [health, setHealth] = useState(100);\n const [lastDamageTime, setLastDamageTime] = useState(0);\n const [showLeaderboard, setShowLeaderboard] = useState(false);\n const [performanceMode, setPerformanceMode] = useState(false);\n const [textureQuality, setTextureQuality] = useState('medium');\n const [resourcesLoaded, setResourcesLoaded] = useState({\n audio: false,\n textures: false,\n physics: false,\n models: false,\n gameLogic: false,\n waveSystems: false\n });\n const [loadingText, setLoadingText] = useState(\"Initializing...\");\n const [loadingLogs, setLoadingLogs] = useState([]);\n const [moveDirection, setMoveDirection] = useState([0, 0, 0]);\n const [zombieKills, setZombieKills] = useState(0);\n const [playerPosition, setPlayerPosition] = useState([0, 0, 0]);\n const [coinsCollected, setCoinsCollected] = useState(0);\n const [wave, setWave] = useState(1);\n const [time, setTime] = useState(0);\n const [, setIsMobile] = useState(false);\n const modelsLoadedRef = useRef(false);\n const canvasRef = useRef(null);\n const timerRef = useRef(null);\n const calculateOptimalPixelRatio = useCallback(() => {\n const width = window.innerWidth;\n const height = window.innerHeight;\n const screenSize = Math.sqrt(width * width + height * height);\n if (performanceMode) {\n return Math.min(window.devicePixelRatio, 1.0);\n } else if (screenSize > 2500) {\n return Math.min(window.devicePixelRatio, 1.2);\n } else if (screenSize > 2000) {\n return Math.min(window.devicePixelRatio, 1.5);\n } else {\n return Math.min(window.devicePixelRatio, 1.8);\n }\n }, [performanceMode]);\n const applyPerformanceMode = useCallback(scene => {\n if (!scene) return;\n scene.traverse(object => {\n if (object.isMesh && object.material) {\n if (Array.isArray(object.material)) {\n object.material.forEach(material => {\n applyPerformanceModeToMaterial(material, performanceMode);\n });\n } else {\n applyPerformanceModeToMaterial(object.material, performanceMode);\n }\n }\n if (object.castShadow) {\n object.castShadow = !performanceMode;\n }\n if (object.receiveShadow) {\n object.receiveShadow = !performanceMode;\n }\n });\n }, [performanceMode]);\n useEffect(() => {\n const scene = window.gameScene;\n if (scene) {\n applyPerformanceMode(scene);\n }\n }, [performanceMode, applyPerformanceMode]);\n useEffect(() => {\n const handleRestartGame = () => {\n setIsPlayerDead(false);\n setTime(0);\n if (timerRef.current) clearInterval(timerRef.current);\n timerRef.current = setInterval(() => {\n setTime(prevTime => prevTime + 1);\n }, 1000);\n };\n const handlePlayerDied = () => {\n setIsPlayerDead(true);\n };\n const handlePlayerRespawn = () => {\n setIsPlayerDead(false);\n };\n const handleGameOver = () => {\n if (zombieKills > 0 || coinsCollected > 0 || time > 30) {\n saveToLeaderboard(username, zombieKills, coinsCollected, wave, time);\n }\n if (timerRef.current) clearInterval(timerRef.current);\n };\n window.addEventListener('restart-game', handleRestartGame);\n window.addEventListener('player-died', handlePlayerDied);\n window.addEventListener('player-respawn', handlePlayerRespawn);\n window.addEventListener('game-over', handleGameOver);\n return () => {\n window.removeEventListener('restart-game', handleRestartGame);\n window.removeEventListener('player-died', handlePlayerDied);\n window.removeEventListener('player-respawn', handlePlayerRespawn);\n window.removeEventListener('game-over', handleGameOver);\n };\n }, [username, zombieKills, coinsCollected, wave, time]);\n useEffect(() => {\n const checkMobile = () => {\n return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || navigator.maxTouchPoints && navigator.maxTouchPoints > 2;\n };\n setIsMobile(checkMobile());\n const handleResize = () => {\n setIsMobile(checkMobile());\n };\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n const calculateProgress = useCallback(() => {\n const states = Object.values(resourcesLoaded);\n const total = states.length;\n const loaded = states.filter(state => state).length;\n return Math.floor(loaded / total * 100);\n }, [resourcesLoaded]);\n const addLoadingLog = useCallback((message, isComplete = false) => {\n setLoadingLogs(prev => {\n const newLogs = [...prev, {\n message,\n isComplete,\n time: Date.now()\n }];\n if (newLogs.length > 20) {\n return newLogs.slice(newLogs.length - 20);\n }\n return newLogs;\n });\n console.log(`[LOADING] ${isComplete ? '✓' : '⟳'} ${message}`);\n }, []);\n useEffect(() => {\n if (gameState === \"loading\" && !resourcesLoaded.audio) {\n setLoadingText(\"Loading audio resources...\");\n addLoadingLog(\"Starting audio preload\");\n const audioFiles = [\"gravel-93504.mp3\", \"rifle-or-shotgun-reload-6787.mp3\", \"bullet-load-click.mp3\", \"empty-gun-shot-6209.mp3\", \"pushing-leaves-31404.mp3\", \"single-pistol-gunshot-3-101923.mp3\", \"metal-hit-16-193282.mp3\", \"birds-nightingale-city-308259.mp3\"];\n const loadingSimulationDelay = 500;\n addLoadingLog(`Simulating load for ${audioFiles.length} audio files`);\n const timer = setTimeout(() => {\n setResourcesLoaded(prev => ({\n ...prev,\n audio: true\n }));\n addLoadingLog(\"Audio resources loaded successfully\", true);\n }, loadingSimulationDelay);\n return () => {\n clearTimeout(timer);\n };\n }\n }, [gameState, resourcesLoaded.audio, addLoadingLog]);\n useEffect(() => {\n if (gameState === \"loading\" && !resourcesLoaded.textures) {\n setLoadingText(\"Preparing textures...\");\n addLoadingLog(\"Starting texture initialization\");\n const initializeTextures = () => {\n try {\n const commonTextures = [{\n colors: ['#555555', '#4a4a4a', '#606060'],\n width: 512,\n height: 512,\n pixelSize: 10,\n variation: true,\n noise: 0.4\n }, {\n colors: ['#c43c3c', '#b32c2c', '#d54c4c'],\n width: 32,\n height: 32,\n pixelSize: 8,\n variation: false\n }, {\n colors: ['#3c3cc4', '#2c2cb3', '#4c4cd5'],\n width: 32,\n height: 32,\n pixelSize: 8,\n variation: false\n }, {\n colors: ['#3a3a3a', '#2a2a2a', '#4a4a4a'],\n width: 32,\n height: 32,\n pixelSize: 4,\n variation: true\n }, {\n colors: ['#b8824d', '#a7713c', '#c9935e'],\n width: 16,\n height: 16,\n pixelSize: 4,\n variation: false\n }];\n commonTextures.forEach(tex => {\n createPixelatedTexture(tex.colors, tex.width, tex.height, tex.pixelSize, tex.variation, tex.noise || 0.1);\n });\n addLoadingLog(\"Textures initialized successfully\", true);\n setResourcesLoaded(prev => ({\n ...prev,\n textures: true\n }));\n } catch (error) {\n console.error(\"Texture initialization error:\", error);\n addLoadingLog(\"Warning: Some textures failed to initialize\", false);\n setResourcesLoaded(prev => ({\n ...prev,\n textures: true\n }));\n }\n };\n const texTimer = setTimeout(initializeTextures, 500);\n return () => clearTimeout(texTimer);\n }\n }, [gameState, resourcesLoaded.textures, addLoadingLog]);\n useEffect(() => {\n if (gameState === \"playing\") {\n let frameCount = 0;\n let lastTime = performance.now();\n let fpsHistory = [];\n const checkPerformance = () => {\n const now = performance.now();\n const elapsed = now - lastTime;\n if (elapsed > 1000) {\n const fps = frameCount / (elapsed / 1000);\n fpsHistory.push(fps);\n if (fpsHistory.length > 5) {\n fpsHistory.shift();\n }\n if (fpsHistory.length >= 3) {\n const avgFps = fpsHistory.reduce((sum, fps) => sum + fps, 0) / fpsHistory.length;\n if (avgFps < 30 && textureQuality !== 'low') {\n setTextureQuality('low');\n TextureManager.performCleanup(true);\n } else if (avgFps > 55 && textureQuality === 'low') {\n setTextureQuality('medium');\n }\n }\n frameCount = 0;\n lastTime = now;\n }\n frameCount++;\n requestAnimationFrame(checkPerformance);\n };\n const perfMonitor = requestAnimationFrame(checkPerformance);\n return () => cancelAnimationFrame(perfMonitor);\n }\n }, [gameState, textureQuality]);\n useEffect(() => {\n if (gameState === \"loading\") {\n const maxLoadingTime = 20000;\n const safetyTimer = setTimeout(() => {\n if (gameState === \"loading\") {\n console.log(\"Safety timeout: forcing game to start\");\n setLoadingText(\"Deployment ready! Starting game...\");\n Object.keys(resourcesLoaded).forEach(key => {\n if (!resourcesLoaded[key]) {\n setResourcesLoaded(prev => ({\n ...prev,\n [key]: true\n }));\n addLoadingLog(`Forcing ${key} to ready state`, true);\n }\n });\n if (!window.zombies) window.zombies = [];\n if (!window.navigationGrid) createNavigationGrid();\n if (!window.lastZombieScreamTime) window.lastZombieScreamTime = Date.now();\n if (!gameInitialized) {\n setGameInitialized(true);\n }\n setTimeout(() => {\n setGameState(\"playing\");\n }, 500);\n }\n }, maxLoadingTime);\n return () => clearTimeout(safetyTimer);\n }\n }, [gameState, resourcesLoaded, gameInitialized, addLoadingLog]);\n useEffect(() => {\n if (gameState === \"loading\" && !resourcesLoaded.models) {\n setLoadingText(\"Loading 3D models...\");\n addLoadingLog(\"Starting model preloading\");\n const modelUrls = [\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/a_weathered__old_wooden_picket_fence__the_fence_consists_of_uneven__vertical_wooden_slats__each_with_a_pointed_top__painted_in_a_faded__peeling_green_color_that_reveals_the_worn__splintered_wood_underneath__the_slats_vary_slightly_in_height_and_width__with_some_showing_cracks_and_chips__giving_a_rustic__dilapidated_look__two_horizontal_support_beams__also_weathered_and_green__connect_the_slats__with_visible_knots_and_rough_textures_on_the_wood__the_overall_aesthetic_is_aged_and_neglected__evoking_a_sense_of_abandonment__20250405_155916.glb\", \"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/minecraft_tree__20250405_101519.glb\", \"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/the_horror_figure_in_the_photo_has_a_ghostly__eerie_appearance__she_has_long__straight_black_hair_that_hangs_down__obscuring_her_face__which_adds_to_her_menacing_presence__her_skin_appears_pale_and_almost_translucent__with_a_sickly__decayed_look__she_wears_a_tattered__light_colored_dress_that_looks_worn_and_dirty__hanging_loosely_on_her_frame__20250406_173544.glb\", \"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/coin__with_solana_logo_inscribed_on_it_20250407_051557.glb\"];\n const loader = new GLTFLoader();\n let loaded = 0;\n modelUrls.forEach(url => {\n loader.load(url, () => {\n loaded++;\n if (loaded === modelUrls.length) {\n addLoadingLog(\"3D models loaded successfully\", true);\n modelsLoadedRef.current = true;\n setResourcesLoaded(prev => ({\n ...prev,\n models: true\n }));\n }\n }, xhr => {\n if (xhr.lengthComputable) {\n const percentComplete = xhr.loaded / xhr.total * 100;\n if (percentComplete > 50 && percentComplete < 60) {\n addLoadingLog(`Loading model: ${Math.floor(percentComplete)}% complete`, false);\n }\n }\n }, error => {\n loaded++;\n addLoadingLog(`Warning: Failed to load model: ${url.split('/').pop()}`, false);\n console.error(\"Model loading error:\", error);\n if (loaded === modelUrls.length) {\n modelsLoadedRef.current = true;\n setResourcesLoaded(prev => ({\n ...prev,\n models: true\n }));\n }\n });\n });\n const modelTimeout = setTimeout(() => {\n if (!modelsLoadedRef.current) {\n addLoadingLog(\"Model loading timeout - continuing anyway\", false);\n modelsLoadedRef.current = true;\n setResourcesLoaded(prev => ({\n ...prev,\n models: true\n }));\n }\n }, 7000);\n return () => clearTimeout(modelTimeout);\n }\n }, [gameState, resourcesLoaded.models, addLoadingLog]);\n useEffect(() => {\n if (gameState === \"loading\" && !resourcesLoaded.physics) {\n setLoadingText(\"Initializing physics engine...\");\n addLoadingLog(\"Starting physics initialization\");\n if (!window.navigationGrid) {\n addLoadingLog(\"Building navigation grid...\");\n createNavigationGrid();\n addLoadingLog(\"Navigation grid created\", true);\n }\n addLoadingLog(\"Setting up collision handlers...\");\n window.addEventListener('zombie-hit', () => {});\n window.addEventListener('fire-bullet', () => {});\n const physicsTimer = setTimeout(() => {\n addLoadingLog(\"Physics engine initialized successfully\", true);\n setResourcesLoaded(prev => ({\n ...prev,\n physics: true\n }));\n }, 2000);\n return () => clearTimeout(physicsTimer);\n }\n }, [gameState, resourcesLoaded.physics, addLoadingLog]);\n const startGameTimerRef = useRef(null);\n useEffect(() => {\n if (gameState === \"loading\") {\n setLoadingProgress(calculateProgress());\n localStorage.setItem('shipmentUsername', username);\n if (!physicsReady && loadingProgress > 25) {\n setPhysicsReady(true);\n }\n if (!resourcesLoaded.gameLogic && resourcesLoaded.physics && resourcesLoaded.models) {\n setLoadingText(\"Initializing game systems...\");\n addLoadingLog(\"Preparing game mechanics and systems\");\n addLoadingLog(\"Initializing zombie AI behavior...\");\n window.zombies = [];\n window.lastZombieScreamTime = Date.now() - 5000;\n addLoadingLog(\"Calibrating weapon systems...\");\n setTimeout(() => {\n addLoadingLog(\"Game systems initialized successfully\", true);\n setResourcesLoaded(prev => ({\n ...prev,\n gameLogic: true\n }));\n }, 1200);\n }\n if (!resourcesLoaded.waveSystems && resourcesLoaded.gameLogic) {\n setLoadingText(\"Setting up mission parameters...\");\n addLoadingLog(\"Configuring wave-based gameplay...\");\n window.addEventListener('wave-update', () => {});\n window.addEventListener('wave-completed', () => {});\n window.addEventListener('coin-collected', () => {});\n addLoadingLog(\"Generating item spawn points...\");\n setTimeout(() => {\n addLoadingLog(\"Mission parameters configured successfully\", true);\n setResourcesLoaded(prev => ({\n ...prev,\n waveSystems: true\n }));\n }, 800);\n }\n if (Object.values(resourcesLoaded).every(loaded => loaded) && !gameInitialized) {\n setLoadingText(\"All resources loaded! Preparing deployment...\");\n addLoadingLog(\"Finalizing game initialization\", true);\n setGameInitialized(true);\n }\n if (gameInitialized && gameState === \"loading\") {\n if (startGameTimerRef.current) clearTimeout(startGameTimerRef.current);\n startGameTimerRef.current = setTimeout(() => {\n setGameState(\"playing\");\n }, 1000);\n }\n }\n if (gameState === \"playing\") {\n const breathingSound = new Audio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/male-breathing-84775_8bcb0b33.mp3\");\n breathingSound.volume = 0.4;\n breathingSound.loop = true;\n breathingSound.dataset.type = \"breathing\";\n window.playerBreathingSound = breathingSound;\n breathingSound.play().catch(e => console.error(\"Breathing sound play failed:\", e));\n if (timerRef.current) clearInterval(timerRef.current);\n timerRef.current = setInterval(() => {\n setTime(prevTime => prevTime + 1);\n }, 1000);\n const preventRightClick = e => e.preventDefault();\n document.addEventListener('contextmenu', preventRightClick);\n return () => {\n document.removeEventListener('contextmenu', preventRightClick);\n if (document.pointerLockElement) {\n document.exitPointerLock();\n }\n if (window.playerBreathingSound) {\n window.playerBreathingSound.pause();\n window.playerBreathingSound = null;\n }\n if (timerRef.current) {\n clearInterval(timerRef.current);\n timerRef.current = null;\n }\n };\n }\n }, [gameState, username, loadingProgress, resourcesLoaded, gameInitialized, physicsReady, calculateProgress]);\n useEffect(() => {\n const handleDebugToggle = e => {\n if (e.key === 'p' && !isPlayerDead) {\n setDebugPhysics(prev => !prev);\n }\n };\n window.addEventListener('keydown', handleDebugToggle);\n const updatePlayerPosition = e => {\n if (e.detail && e.detail.position) {\n setPlayerPosition(e.detail.position);\n }\n };\n window.addEventListener('player-position-update', updatePlayerPosition);\n return () => {\n window.removeEventListener('keydown', handleDebugToggle);\n window.removeEventListener('player-position-update', updatePlayerPosition);\n };\n }, [isPlayerDead]);\n const controlsRef = useRef(null);\n useEffect(() => {\n if (gameState === \"playing\") {\n const setupListeners = setTimeout(() => {\n const canvas = canvasRef.current;\n if (canvas) {\n const lockPointer = () => {\n if (!controlsEnabled && !isPlayerDead) {\n try {\n canvas.requestPointerLock();\n setControlsEnabled(true);\n } catch (e) {\n console.error(\"Pointer lock request failed\", e);\n setTimeout(() => {\n try {\n if (canvas && document.pointerLockElement !== canvas) {\n canvas.requestPointerLock();\n }\n } catch (e) {\n console.error(\"Retry pointer lock failed\", e);\n }\n }, 100);\n }\n }\n };\n canvas.addEventListener('click', lockPointer);\n const handleLockChange = () => {\n if (document.pointerLockElement !== canvas) {\n setControlsEnabled(false);\n }\n };\n document.addEventListener('pointerlockchange', handleLockChange);\n document.addEventListener('pointerlockerror', () => {\n console.error(\"Pointer lock error\");\n setControlsEnabled(false);\n });\n return () => {\n clearTimeout(setupListeners);\n canvas.removeEventListener('click', lockPointer);\n document.removeEventListener('pointerlockchange', handleLockChange);\n document.removeEventListener('pointerlockerror', () => {});\n };\n }\n return () => clearTimeout(setupListeners);\n }, 300);\n return () => clearTimeout(setupListeners);\n }\n }, [gameState, controlsEnabled, isPlayerDead]);\n useEffect(() => {\n if (ammoCountingUp && ammo >= 30) {\n setAmmoCountingUp(false);\n }\n }, [ammo, ammoCountingUp]);\n const saveToLeaderboard = (playerName, kills, coins, waveReached, survivalTime) => {\n try {\n const leaderboardData = JSON.parse(localStorage.getItem('zombieLeaderboard') || '[]');\n const existingEntryIndex = leaderboardData.findIndex(entry => entry.name.toLowerCase() === playerName.toLowerCase());\n const newEntry = {\n name: playerName,\n kills,\n coins,\n wave: waveReached,\n time: survivalTime,\n date: new Date().toISOString()\n };\n if (existingEntryIndex >= 0) {\n const existingEntry = leaderboardData[existingEntryIndex];\n if (coins > existingEntry.coins || coins === existingEntry.coins && waveReached > existingEntry.wave || coins === existingEntry.coins && waveReached === existingEntry.wave && kills > existingEntry.kills) {\n leaderboardData[existingEntryIndex] = newEntry;\n }\n } else {\n leaderboardData.push(newEntry);\n }\n leaderboardData.sort((a, b) => {\n return a.name.localeCompare(b.name);\n });\n const topEntries = leaderboardData.slice(0, 20);\n localStorage.setItem('zombieLeaderboard', JSON.stringify(topEntries));\n } catch (err) {\n console.error('Failed to save to leaderboard:', err);\n }\n };\n const getLeaderboardData = () => {\n try {\n const data = JSON.parse(localStorage.getItem('zombieLeaderboard') || '[]');\n return data.sort((a, b) => a.name.localeCompare(b.name));\n } catch (err) {\n console.error('Failed to load leaderboard:', err);\n return [];\n }\n };\n if (gameState === \"landing\") {\n return

\n \n {}\n

\n {}\n

\n \n {}\n

\n {}\n

1v1v1v1

ZOMBIE APOCALYPSE

\n <MONOCHROME SURVIVAL HORROR>\n

\n \n {}\n

\n {}\n

\n \n

\n \n OPERATOR SETUP\n

\n \n

\n CALLSIGN:\n setUsername(e.target.value)} maxLength={15} className=\"w-full bg-black/60 border border-white/30 text-white px-3 py-2 focus:outline-none focus:border-white/70 font-mono tracking-wide\" placeholder=\"ENTER USERNAME\" />\n

\n \n

TACTICAL CONTROLS:

W A S D

Movement

MOUSE

Look around

CLICK

Fire weapon

Reload weapon

\n \n

\n \n \n \n

\n \n

\n STATUS: READY\n {new Date().toISOString().split('T')[0]}\n

\n \n {}\n

\n \n

\n \n MISSION BRIEFING\n

\n \n

The world has fallen to the undead. You've been deployed to an abandoned cargo yard overrun with zombies.

Your mission: survive as long as possible.

\n \n

\n PRIMARY OBJECTIVES\n

• Eliminate zombies
• Collect coins to progress waves
• Avoid being touched by zombies
• Survive as long as possible

\n \n

\n TACTICAL TIPS\n

• Never stop moving
• One zombie touch = death
• Reload when safe (Press R)
• Listen for audio cues
• Use obstacles for protection

\n \n

\n GAME MECHANICS\n

• Health regenerates slowly
• Zombies spawn in waves
• Ammo is limited - reload often
• Game tracks time and kills

\n \n

\n DANGER LEVEL: EXTREME\n

\n \n {}\n

\n \n

\n 1v1v1v1_MONOCHROME_V1.0 // SURVIVE IF YOU CAN\n

\n \n

;\n }\n const gameContextValue = {\n ammo,\n setAmmo,\n shooting,\n setShooting,\n reloading,\n setReloading,\n isRunning,\n setIsRunning,\n ammoCountingUp,\n setAmmoCountingUp,\n moveDirection,\n setMoveDirection,\n zombieKills,\n setZombieKills,\n playerPosition,\n isPlayerDead,\n setIsPlayerDead,\n health,\n setHealth,\n lastDamageTime,\n setLastDamageTime,\n coinsCollected,\n setCoinsCollected,\n totalCoins: 10 * wave,\n wave,\n setWave,\n performanceMode,\n setPerformanceMode\n };\n const Leaderboard = () => {\n const leaderboardData = getLeaderboardData();\n const formatTime = seconds => {\n const minutes = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return `${minutes}:${secs < 10 ? '0' : ''}${secs}`;\n };\n return

\n 🏆 APOCALYPSE SURVIVORS\n

\n \n

\n \n \n \n \n \n \n \n \n \n \n \n {leaderboardData.length === 0 ? \n \n \n \n : \n {leaderboardData.map((entry, index) => {\n const lastPlayDate = new Date(entry.date);\n const daysSince = Math.floor((new Date() - lastPlayDate) / (1000 * 60 * 60 * 24));\n const dateSince = daysSince === 0 ? 'Today' : daysSince === 1 ? 'Yesterday' : `${daysSince} days ago`;\n return \n \n \n \n \n \n \n ;\n })}\n }\n

Callsign	Coins	Wave	Kills	Survival Time	Last Active
\n EMPTY - No survivors have made it to the leaderboard yet. Will you be the first?\n
{entry.name}	{entry.coins}	{entry.wave}	{entry.kills}	{formatTime(entry.time)}	{dateSince}

\n \n

Sorted by callsign name | Data tracked from April 7, 2025

\n \n

;\n };\n const renderGameScene = () =>

\n {gameState === \"playing\" &&

\n {!controlsEnabled && !isPlayerDead &&

{\n if (canvasRef.current && !isPlayerDead) {\n try {\n canvasRef.current.requestPointerLock();\n setControlsEnabled(true);\n } catch (e) {\n console.error(\"Direct pointer lock request failed\", e);\n }\n }\n }}>\n

▶

CLICK TO AIM

TACTICAL CONTROLS READY

}\n

}\n \n {}\n {gameState === \"playing\" &&

\n \n

}\n \n \n

;\n return \n {gameState === \"landing\" &&

\n {}\n {showLeaderboard && }\n \n

\n 1v1v1v1\n

\n ZOMBIE APOCALYPSE\n

\n <SURVIVAL HORROR MODE>\n

\n [DANGER: UNDEAD]\n

\n \n

\n PLAYER SETTINGS\n

\n USERNAME:\n setUsername(e.target.value)} maxLength={15} className=\"w-full bg-black/50 border border-white/30 text-white px-2 py-1 focus:outline-none focus:border-white/70 font-mono tracking-wide text-sm\" placeholder=\"ENTER USERNAME\" />\n

\n INVENTORY LOADED\n SERVER: ONLINE\n

\n \n

\n 1v1v1v1_V0.42.1_ALPHA\n {new Date().toISOString().split('T')[0]}\n

\n \n

\n GAME CONTROLS\n

W A S D

Movement

MOUSE

Look around

L-CLICK

Fire weapon

Reload weapon

ESC

Pause game

SHIFT

Sprint

\n \n

\n MISSION BRIEFING\n

The world has fallen to the undead. You've been deployed to Shipment - a small, abandoned cargo yard overrun with relentless zombies.

Your mission is simple: survive as long as possible.

\n PRIMARY OBJECTIVES\n

• Eliminate zombies to prevent being overwhelmed
• Collect Solana coins to progress through waves
• Each wave requires more coins and spawns more zombies
• Survive as long as possible

\n \n

\n SURVIVAL NOTES\n

\n TACTICAL TIPS\n

• Zombies will attack relentlessly - never stop moving
• One touch from a zombie is instant death
• Reload your weapon when safe (Press R)
• Listen for audio cues - zombies make noise when close
• Use containers and obstacles for protection

\n GAMEPLAY MECHANICS\n

• Health regenerates slowly while alive
• Zombies spawn in waves based on coin collection
• Ammunition is limited - reload strategically
• Game tracks your survival time and kill count
• The environment features dynamic lighting and weather

\n \n

}\n {gameState === \"loading\" &&

\n {loadingText || \"INITIALIZING SYSTEM\"}\n

\n \n \n {loadingText || \"LOADING RESOURCES...\"}\n \n {Math.floor(loadingProgress)}%\n

\n INITIALIZATION LOG\n [SYSTEMS: {Object.values(resourcesLoaded).filter(Boolean).length}/{Object.values(resourcesLoaded).length}]\n

\n {resourcesLoaded.physics &&

\n ✓ Physics engine initialized\n

}\n {!resourcesLoaded.physics &&

\n \n Initializing physics engine...\n

}\n {resourcesLoaded.audio &&

\n ✓ Audio resources loaded\n

}\n {!resourcesLoaded.audio &&

\n \n Loading audio resources...\n

}\n {resourcesLoaded.textures &&

\n ✓ Textures prepared\n

}\n {!resourcesLoaded.textures &&

\n \n Preparing textures...\n

}\n {resourcesLoaded.models &&

\n ✓ 3D models loaded\n

}\n {!resourcesLoaded.models &&

\n \n Loading 3D models...\n

}\n {resourcesLoaded.gameLogic &&

\n ✓ Game systems initialized\n

}\n {!resourcesLoaded.gameLogic && resourcesLoaded.physics && resourcesLoaded.models &&

\n \n Initializing game systems...\n

}\n {resourcesLoaded.waveSystems &&

\n ✓ Mission parameters configured\n

}\n {!resourcesLoaded.waveSystems && resourcesLoaded.gameLogic &&

\n \n Configuring mission parameters...\n

}\n {loadingLogs.slice(-3).map((log, index) =>

\n {log.message}\n

)}\n {gameInitialized &&

\n \n DEPLOYMENT READY\n

}\n

DEPLOYING OPERATOR:

{username}

\n {gameInitialized &&

\n STAND BY FOR DEPLOYMENT...\n

}\n

}\n {}\n {(gameState === \"loading\" || gameState === \"playing\") && renderGameScene()}\n ;\n}\nfunction Coin({\n position,\n id,\n onCollect\n}) {\n const {\n scene\n } = useGLTF(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/coin__with_solana_logo_inscribed_on_it_20250407_051557.glb\");\n const ref = useRef();\n const coinRef = useRef();\n const glowRef = useRef();\n const {\n playerPosition,\n isPlayerDead\n } = useContext(GameContext);\n const [collected, setCollected] = useState(false);\n const collectionState = useRef({\n collected: false,\n scale: 1,\n opacity: 1\n });\n const [height, setHeight] = useState(0.6);\n const glowIntensity = useRef(1.2);\n const collectSound = useRef(null);\n const collectionAnimationRef = useRef(null);\n useEffect(() => {\n try {\n collectSound.current = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/cute-level-up-3-189853_bcef75d5.mp3\", 0.5);\n collectSound.current.preload = \"auto\";\n collectSound.current.addEventListener('error', () => {\n console.log(\"Trying alternative coin sound...\");\n collectSound.current = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/playful-casino-slot-machine-jackpot-3-183921_bdad67c3.mp3\", 0.4);\n });\n } catch (err) {\n console.warn(\"Failed to initialize coin sound, using fallback\", err?.message);\n collectSound.current = {\n play: () => Promise.resolve(),\n pause: () => {},\n currentTime: 0\n };\n }\n if (scene) {\n scene.traverse(object => {\n if (object.isMesh && object.material) {\n const material = object.material.clone();\n material.emissive = new THREE.Color('#ffffff');\n material.emissiveIntensity = 0.7;\n material.color = new THREE.Color('#ffffff');\n object.material = material;\n }\n });\n }\n return () => {\n if (collectSound.current) {\n collectSound.current.pause();\n collectSound.current.currentTime = 0;\n }\n if (collectionAnimationRef.current) {\n cancelAnimationFrame(collectionAnimationRef.current);\n }\n };\n }, []);\n useFrame((state, delta) => {\n if (ref.current && !collectionState.current.collected && !isPlayerDead) {\n ref.current.rotation.y += delta * 2;\n const floatOffset = Math.sin(state.clock.elapsedTime * 1.5) * 0.05;\n setHeight(0.6 + floatOffset);\n const pulseEffect = Math.sin(state.clock.elapsedTime * 2) * 0.3 + 1;\n glowIntensity.current = 1.2 * pulseEffect;\n if (glowRef.current) {\n glowRef.current.intensity = glowIntensity.current;\n }\n const distX = playerPosition[0] - position[0];\n const distZ = playerPosition[2] - position[2];\n const dist = Math.sqrt(distX * distX + distZ * distZ);\n if (dist < 1.5 && !collectionState.current.collected) {\n collectionState.current.collected = true;\n setCollected(true);\n if (collectSound.current) {\n try {\n collectSound.current.currentTime = 0;\n SoundManager.playSound(collectSound.current).catch(e => {\n console.warn(\"Coin collection sound failed silently:\", e?.message);\n });\n } catch (err) {\n console.warn(\"Error playing coin collection sound:\", err?.message || \"unknown error\");\n }\n }\n const startTime = performance.now();\n const animDuration = 500;\n const animateCollection = timestamp => {\n const elapsed = timestamp - startTime;\n const progress = Math.min(elapsed / animDuration, 1);\n collectionState.current.scale = 1 + progress * 0.8;\n collectionState.current.opacity = 1 - progress;\n if (ref.current) {\n ref.current.scale.set(collectionState.current.scale * 0.54, collectionState.current.scale * 0.54, collectionState.current.scale * 0.54);\n }\n if (progress < 1) {\n collectionAnimationRef.current = requestAnimationFrame(animateCollection);\n } else {\n onCollect(id);\n }\n };\n collectionAnimationRef.current = requestAnimationFrame(animateCollection);\n }\n }\n });\n if (collected && collectionState.current.opacity <= 0) return null;\n return \n \n \n \n \n \n \n ;\n}\nfunction CoinSystem() {\n const {\n coinsCollected,\n setCoinsCollected,\n totalCoins,\n isPlayerDead,\n wave,\n setWave\n } = useContext(GameContext);\n const [coins, setCoins] = useState([]);\n const coinIdRef = useRef(0);\n const currentWaveRequiredCoins = useRef(5);\n const waveCoinsCollected = useRef(0);\n const collectedCoinsMap = useRef(new Set());\n const waveCompletionSound = useRef(null);\n const [, setWaveRequiredCoins] = useState(5);\n useEffect(() => {\n try {\n waveCompletionSound.current = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/playful-casino-slot-machine-jackpot-3-183921_bdad67c3.mp3\", 0.7);\n waveCompletionSound.current.addEventListener('error', () => {\n console.log(\"Trying alternative wave completion sound...\");\n waveCompletionSound.current = SoundManager.loadAudio(\"https://cdn.dev.fun/asset/d633c6dd1426da7f6f7f/cute-level-up-3-189853_bcef75d5.mp3\", 0.6);\n });\n } catch (err) {\n console.warn(\"Failed to load wave completion sound:\", err?.message);\n waveCompletionSound.current = {\n play: () => Promise.resolve(),\n pause: () => {},\n currentTime: 0\n };\n }\n const requiredCoins = 5 + (wave - 1) * 3;\n currentWaveRequiredCoins.current = requiredCoins;\n setWaveRequiredCoins(requiredCoins);\n if (coins.length === 0 && !isPlayerDead) {\n spawnCoin();\n }\n const handleRestartGame = () => {\n setCoins([]);\n coinIdRef.current = 0;\n setCoinsCollected(0);\n waveCoinsCollected.current = 0;\n currentWaveRequiredCoins.current = 5;\n setWaveRequiredCoins(5);\n collectedCoinsMap.current.clear();\n setTimeout(() => {\n spawnCoin();\n }, 1000);\n };\n window.addEventListener('restart-game', handleRestartGame);\n return () => {\n window.removeEventListener('restart-game', handleRestartGame);\n };\n }, [isPlayerDead, wave]);\n const getRandomWaypoint = () => {\n if (!window.navigationGrid || !window.navigationGrid.waypoints) {\n const x = (Math.random() - 0.5) * 30;\n const z = (Math.random() - 0.5) * 30;\n return [x, 0.6, z];\n }\n const waypoints = window.navigationGrid.waypoints;\n const availableWaypoints = waypoints.filter(wp => {\n if (window.sceneObjects) {\n for (const obj of window.sceneObjects) {\n if (!obj.position || !obj.size) continue;\n const minX = obj.position[0] - obj.size[0] / 2 - 1;\n const maxX = obj.position[0] + obj.size[0] / 2 + 1;\n const minZ = obj.position[2] - obj.size[2] / 2 - 1;\n const maxZ = obj.position[2] + obj.size[2] / 2 + 1;\n if (wp.worldX >= minX && wp.worldX <= maxX && wp.worldZ >= minZ && wp.worldZ <= maxZ) {\n return false;\n }\n }\n }\n for (const coin of coins) {\n const dx = coin.position[0] - wp.worldX;\n const dz = coin.position[2] - wp.worldZ;\n const dist = Math.sqrt(dx * dx + dz * dz);\n if (dist < 5) return false;\n }\n return true;\n });\n if (availableWaypoints.length === 0) {\n const safeWaypoints = waypoints.filter(wp => {\n if (window.sceneObjects) {\n for (const obj of window.sceneObjects) {\n if (!obj.position || !obj.size) continue;\n const minX = obj.position[0] - obj.size[0] / 2 - 0.5;\n const maxX = obj.position[0] + obj.size[0] / 2 + 0.5;\n const minZ = obj.position[2] - obj.size[2] / 2 - 0.5;\n const maxZ = obj.position[2] + obj.size[2] / 2 + 0.5;\n if (wp.worldX >= minX && wp.worldX <= maxX && wp.worldZ >= minZ && wp.worldZ <= maxZ) {\n return false;\n }\n }\n }\n return true;\n });\n if (safeWaypoints.length > 0) {\n const waypoint = safeWaypoints[Math.floor(Math.random() * safeWaypoints.length)];\n return [waypoint.worldX, 0.6, waypoint.worldZ];\n }\n const x = (Math.random() - 0.5) * 30;\n const z = (Math.random() - 0.5) * 30;\n return [x, 0.6, z];\n }\n const waypoint = availableWaypoints[Math.floor(Math.random() * availableWaypoints.length)];\n return [waypoint.worldX, 0.6, waypoint.worldZ];\n };\n const spawnCoin = () => {\n if (coinsCollected >= totalCoins) return;\n const newCoins = [];\n for (let i = 0; i < 3; i++) {\n const id = coinIdRef.current++;\n let position = getRandomWaypoint();\n if (newCoins.length > 0) {\n let attempts = 0;\n while (attempts < 5) {\n let tooClose = false;\n for (const coin of newCoins) {\n const dx = coin.position[0] - position[0];\n const dz = coin.position[2] - position[2];\n const dist = Math.sqrt(dx * dx + dz * dz);\n if (dist < 7) {\n tooClose = true;\n break;\n }\n }\n if (!tooClose) break;\n position = getRandomWaypoint();\n attempts++;\n }\n }\n newCoins.push({\n id,\n position\n });\n }\n setCoins(prev => [...prev, ...newCoins]);\n };\n const handleCoinCollect = useCallback(coinId => {\n if (collectedCoinsMap.current.has(coinId)) {\n return;\n }\n collectedCoinsMap.current.add(coinId);\n setCoins(prev => prev.filter(coin => coin.id !== coinId));\n setCoinsCollected(prevCount => {\n const newCount = prevCount + 1;\n waveCoinsCollected.current += 1;\n if (waveCoinsCollected.current >= currentWaveRequiredCoins.current) {\n setTimeout(() => {\n if (waveCompletionSound.current) {\n try {\n waveCompletionSound.current.currentTime = 0;\n SoundManager.playSound(waveCompletionSound.current).catch(e => {\n console.warn(\"Wave completion sound failed silently:\", e?.message);\n });\n } catch (err) {\n console.warn(\"Error playing wave completion sound:\", err?.message || \"unknown error\");\n }\n }\n setWave(prevWave => {\n const nextWave = prevWave + 1;\n currentWaveRequiredCoins.current = 5 + (nextWave - 1) * 3;\n return nextWave;\n });\n waveCoinsCollected.current = 0;\n window.dispatchEvent(new CustomEvent('wave-completed', {\n detail: {\n wave: wave,\n nextWave: wave + 1,\n requiredCoins: currentWaveRequiredCoins.current\n }\n }));\n }, 600);\n }\n window.dispatchEvent(new CustomEvent('coin-collected', {\n detail: {\n count: newCount,\n lastUpdate: Date.now(),\n waveProgress: {\n collected: waveCoinsCollected.current,\n required: currentWaveRequiredCoins.current\n }\n }\n }));\n if (coins.length - 1 < 3) {\n setTimeout(() => {\n spawnCoin();\n }, 1000);\n }\n return newCount;\n });\n }, [wave, setWave, setCoinsCollected, coins.length]);\n return <>\n \n {coins.map(coin => )}\n \n ;\n}\nexport default function App() {\n useEffect(() => {\n const style = document.createElement('style');\n style.textContent = `\n @media (max-width: 640px) {\n .text-2xs {\n font-size: 0.65rem;\n }\n }\n \n /* Disable scrollbars during gameplay */\n body, html {\n overflow: hidden;\n height: 100%;\n width: 100%;\n margin: 0;\n padding: 0;\n }\n \n .w-full.h-screen {\n overflow: hidden;\n }\n \n /* Hide scrollbars across browsers */\n * {\n scrollbar-width: none;\n -ms-overflow-style: none;\n }\n \n *::-webkit-scrollbar {\n display: none;\n width: 0;\n }\n `;\n document.head.appendChild(style);\n return () => {\n document.head.removeChild(style);\n };\n }, []);\n return ;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"@react-three/fiber\":\"8.15.19\",\"@react-three/drei\":\"9.99.7\",\"three\":\"0.162.0\",\"socket.io-client\":\"4.7.1\",\"framer-motion\":\"10.16.4\",\"zod\":\"3.22.4\",\"recharts\":\"2.8.0\",\"lucide-react\":\"0.441.0\",\"react-router-dom\":\"6.18.0\",\"@devfunlabs/state-client\":\"0.8.1\",\"@devfunlabs/web-sdk\":\"0.2.2\",\"@devfunlabs/wallet-adapter-devfun\":\"0.3.0\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-react-ui\":\"0.9.35\",\"@solana/wallet-adapter-wallets\":\"0.19.32\",\"@solana/web3.js\":\"1.95.3\",\"react-dom\":\"18.2.0\",\"@react-three/cannon\":\"6.6.0\",\"ai\":\"4.0.0\"}}","appFunctions",[],"token",{"_18":81,"_82":81,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":96,"_71":72},"buidl","symbol","price",0.001101,"marketcap",1101154,"image","https://pump.mypinata.cloud/ipfs/QmPR3CamxoBQW892uHDT2EGRxFvksiJyrEg1ajZYVqJhnf?img-width=256&img-dpr=2","website","https://buidl.eco/","twitter","https://x.com/buidldao_","devCount",320,"appCount",2183,"upstreamApp","isLordOfDev","analytics",[101,105,107,109,111,113,115,117,119,121,123,125,127,129],{"_102":103,"_104":58},"day","2025-08-16","runCount",{"_102":106,"_104":58},"2025-08-17",{"_102":108,"_104":58},"2025-08-18",{"_102":110,"_104":58},"2025-08-19",{"_102":112,"_104":58},"2025-08-20",{"_102":114,"_104":58},"2025-08-21",{"_102":116,"_104":58},"2025-08-22",{"_102":118,"_104":58},"2025-08-23",{"_102":120,"_104":58},"2025-08-24",{"_102":122,"_104":58},"2025-08-25",{"_102":124,"_104":58},"2025-08-26",{"_102":126,"_104":58},"2025-08-27",{"_102":128,"_104":58},"2025-08-28",{"_102":130,"_104":60},"2025-08-29","snapshot","ogImage","https://cdn.dev.fun/og/image/d633c6dd1426da7f6f7f/fdd74e50.webp","isDevbase","actionData","errors"]

say something