[{"_1":2,"_143":-5,"_144":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_142":-5,"_139":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_5":42,"_53":54,"_55":56,"_57":58,"_59":60,"_61":56,"_62":17,"_63":17,"_64":65,"_66":67,"_68":69,"_70":71,"_87":-5,"_88":17,"_89":90,"_139":29,"_140":141},"id","76a2ff894a2193862107","isMyApp",false,"name","tailchaser","description","Soar through the skies in this adrenaline-pumping aerial combat simulator where your Solana wallet is your pilot's license and the clouds are your playground!","isLive",true,"tags",[26,27],"🔥","👑","cover","https://cdn.dev.fun/snapshot/76a2ff894a2193862107/40147_993872a0.webp","cdnUrl","https://cdn.dev.fun/app/76a2ff894a2193862107/40147","createdAt",["D",1742842553307],"updatedAt",["D",1743195267433],"lastCommitId",["B","40147"],"tier",1,"credits",30,{"_14":43,"_44":45,"_46":-5,"_47":45,"_48":49,"_50":-5,"_51":52},"260dc1e7-d659-4cd8-9eab-edee8b7f2124","uniqueId","34GiGqS2yQfAeiahoRuDJjiCryb4qnH14NHFqgSqLfSE","username","solanaWallet","displayName","34G...fSE","bio","avatar","/avatar.svg","commitCount",124,"forkCount",0,"likeCount",2,"runsCount",2062,"visitorCount","isArchived","isRenamed","contractAddress","CtgBaREvAmV8XkrrFbhbcudcxRCWoXoQY4edF7nspump","code","import React, { useState, useEffect, useRef, createContext, useContext, useMemo, useCallback, Suspense } from 'react';\nimport { Canvas, useFrame, useThree } from '@react-three/fiber';\nimport { Sky, PerspectiveCamera, Text } from '@react-three/drei';\nimport * as THREE from 'three';\nconst COLLISION_RADIUS = 2.0;\nconst ENVIRONMENT_CHECK_INTERVAL = 2;\nconst COLLISION_DEBUG = false;\nconst COLLIDABLE_OBJECTS = ['JapaneseTree', 'SakuraTree', 'RedTree', 'Tree', 'Temple', 'TraditionalHouse', 'Skyscraper', 'SkyscraperPart', 'temple', 'house', 'skyscraper', 'building'];\nimport { WalletMultiButton } from \"@solana/wallet-adapter-react-ui\";\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport { WalletAdapterNetwork } from \"@solana/wallet-adapter-base\";\nimport { DevfunWalletAdapter } from \"@devfunlabs/wallet-adapter-devfun\";\nimport { ConnectionProvider, WalletProvider } from \"@solana/wallet-adapter-react\";\nimport { WalletModalProvider } from \"@solana/wallet-adapter-react-ui\";\nimport { clusterApiUrl } from \"@solana/web3.js\";\nimport \"@solana/wallet-adapter-react-ui/styles.css\";\nimport { initializeApp } from 'firebase/app';\nimport { getDatabase, ref, set, update, onValue, onDisconnect, serverTimestamp, get, remove, push, increment, runTransaction, query, orderByChild, limitToLast } from \"firebase/database\";\nfunction detectRemix() {\n const urlPath = window.location.pathname;\n const projectIdMatch = urlPath.match(/\\/p\\/([a-zA-Z0-9]+)/);\n const currentProjectId = projectIdMatch ? projectIdMatch[1] : '';\n const ORIGINAL_PROJECT_ID = '76a2ff894a2193862107';\n const isRemix = currentProjectId !== ORIGINAL_PROJECT_ID && currentProjectId !== '';\n if (!isRemix) {\n console.log(`URL Check: Confirmed original project at ${ORIGINAL_PROJECT_ID}`);\n } else {\n console.warn(`URL Check: Detected remix. Current ID: ${currentProjectId}, Official ID: ${ORIGINAL_PROJECT_ID}`);\n }\n return isRemix;\n}\nfunction getSandboxPrefix() {\n const projectId = window.location.pathname.split('/p/')[1] || 'unknown';\n return `sandbox_${projectId}_`;\n}\nconst originalFirebaseConfig = {\n apiKey: \"AIzaSyBiHCI9sbxMcpByYdFnlgU_kXCO7_IW620\",\n authDomain: \"trailchaser-f6c20.firebaseapp.com\",\n databaseURL: \"https://trailchaser-f6c20-default-rtdb.firebaseio.com\",\n projectId: \"trailchaser-f6c20\",\n storageBucket: \"trailchaser-f6c20.firebasestorage.app\",\n messagingSenderId: \"488321366094\",\n appId: \"1:488321366094:web:d14a0cfa29bd18c8e1ab1f\",\n measurementId: \"G-RX5F9NBL1G\"\n};\nfunction addOriginalBadge() {\n const badge = document.createElement('div');\n badge.style.position = 'fixed';\n badge.style.bottom = '30px';\n badge.style.right = '10px';\n badge.style.backgroundColor = '#00C853';\n badge.style.color = 'white';\n badge.style.padding = '3px 8px';\n badge.style.borderRadius = '4px';\n badge.style.fontSize = '12px';\n badge.style.fontWeight = 'bold';\n badge.style.fontFamily = 'monospace';\n badge.style.zIndex = '9999';\n badge.style.boxShadow = '0 2px 4px rgba(0,0,0,0.2)';\n badge.textContent = 'ORIGINAL';\n if (document.body) {\n document.body.appendChild(badge);\n } else {\n window.addEventListener('DOMContentLoaded', () => {\n document.body.appendChild(badge);\n });\n }\n}\nconst isRemix = detectRemix();\nlet firebaseConfig = {\n ...originalFirebaseConfig\n};\nlet database;\nif (isRemix) {\n console.warn(\"⚠️ REMIX DETECTED: Removing Firebase implementation\");\n firebaseConfig = {\n apiKey: \"\",\n authDomain: \"\",\n databaseURL: \"\",\n projectId: \"\",\n storageBucket: \"\",\n messagingSenderId: \"\",\n appId: \"\",\n measurementId: \"\"\n };\n const blockScreen = document.createElement('div');\n blockScreen.style.position = 'fixed';\n blockScreen.style.top = '0';\n blockScreen.style.left = '0';\n blockScreen.style.width = '100%';\n blockScreen.style.height = '100%';\n blockScreen.style.backgroundColor = 'rgba(0, 0, 0, 0.9)';\n blockScreen.style.color = '#FF3333';\n blockScreen.style.display = 'flex';\n blockScreen.style.flexDirection = 'column';\n blockScreen.style.justifyContent = 'center';\n blockScreen.style.alignItems = 'center';\n blockScreen.style.zIndex = '99999';\n blockScreen.style.fontFamily = 'monospace';\n blockScreen.style.textAlign = 'center';\n blockScreen.style.padding = '20px';\n blockScreen.innerHTML = `\n

⚠️

FIREBASE DISCONNECTED

\n This is a remix of TAILCHASER. All Firebase functionality has been removed.\n

\n Multiplayer, leaderboards, and save data are permanently disabled.\n

\n Play the official version at:
\n dev.fun/p/76a2ff894a2193862107\n

\n Firebase API credentials have been permanently removed from this code.\n

\n `;\n if (document.body) {\n document.body.appendChild(blockScreen);\n } else {\n window.addEventListener('DOMContentLoaded', () => {\n document.body.appendChild(blockScreen);\n });\n }\n document.addEventListener('DOMContentLoaded', () => {\n const scripts = document.getElementsByTagName('script');\n for (let i = 0; i < scripts.length; i++) {\n if (scripts[i].src.includes('firebase')) {\n scripts[i].parentNode.removeChild(scripts[i]);\n }\n }\n });\n window.firebase = undefined;\n window.initializeApp = undefined;\n window.getDatabase = undefined;\n window.getAuth = undefined;\n window.ref = undefined;\n const createEmptyFunction = () => () => {};\n const createEmptyObject = () => ({});\n const mockFirebase = {\n ref: () => ({\n once: () => Promise.resolve({\n val: () => null\n }),\n set: () => Promise.resolve(),\n update: () => Promise.resolve(),\n remove: () => Promise.resolve(),\n onValue: () => ({\n unsubscribe: () => {}\n }),\n onDisconnect: () => ({\n remove: () => Promise.resolve()\n })\n }),\n set: () => Promise.resolve(),\n update: () => Promise.resolve(),\n push: () => ({\n key: 'mock-key'\n }),\n remove: () => Promise.resolve(),\n onValue: () => ({\n unsubscribe: () => {}\n }),\n get: () => Promise.resolve({\n exists: () => false,\n val: () => null\n }),\n query: () => ({}),\n orderByChild: () => ({}),\n limitToLast: () => ({}),\n serverTimestamp: () => ({\n '.sv': 'timestamp'\n }),\n increment: () => 0\n };\n window.initializeApp = () => ({\n database: () => mockFirebase\n });\n window.getDatabase = () => mockFirebase;\n window.ref = () => mockFirebase.ref();\n window.set = () => Promise.resolve();\n window.update = () => Promise.resolve();\n window.remove = () => Promise.resolve();\n window.onValue = () => ({\n unsubscribe: () => {}\n });\n window.get = () => Promise.resolve({\n exists: () => false,\n val: () => null\n });\n window.push = () => ({\n key: 'mock-key'\n });\n window.serverTimestamp = () => ({\n '.sv': 'timestamp'\n });\n const mockApp = {\n database: () => mockFirebase\n };\n const app = mockApp;\n database = mockFirebase;\n const originalFetch = window.fetch;\n window.fetch = function (url, options) {\n if (typeof url === 'string' && (url.includes('firebase') || url.includes('firestore') || url.includes('firebaseio.com'))) {\n console.warn('Blocked Firebase request:', url);\n return Promise.reject(new Error('Firebase removed in remix'));\n }\n return originalFetch(url, options);\n };\n const originalWebSocket = window.WebSocket;\n window.WebSocket = function (url, protocols) {\n if (typeof url === 'string' && (url.includes('firebase') || url.includes('firestore') || url.includes('firebaseio.com'))) {\n console.warn('Blocked Firebase WebSocket:', url);\n return {};\n }\n return new originalWebSocket(url, protocols);\n };\n setTimeout(() => {\n for (const key in window) {\n if (typeof window[key] === 'object' && window[key] !== null && window[key].apiKey && window[key].authDomain && window[key].databaseURL) {\n console.warn('Found and removed Firebase config:', key);\n window[key] = null;\n }\n }\n }, 100);\n} else {\n try {\n const app = initializeApp(firebaseConfig);\n database = getDatabase(app);\n window.ref = ref;\n window.get = get;\n window.set = set;\n window.update = update;\n window.remove = remove;\n window.push = push;\n window.serverTimestamp = serverTimestamp;\n console.log(\"Firebase initialized successfully\");\n addOriginalBadge();\n } catch (error) {\n console.error(\"Failed to initialize Firebase:\", error);\n }\n}\nwindow.playerData = {\n ref: null,\n wallet: null,\n sessionId: null,\n playerKey: null\n};\nconsole.log(\"Firebase initialized\");\nconst updateLeaderboard = (userId, walletAddress, username, finalScore) => {\n if (!database || finalScore <= 0) return Promise.resolve();\n console.log(`Updating leaderboard for ${username} with score: ${finalScore}`);\n const userKey = userId || `user_${walletAddress.replace(/[^a-zA-Z0-9]/g, '')}`;\n const userScoreRef = window.ref(database, `leaderboard/${userKey}`);\n return window.get(userScoreRef).then(snapshot => {\n const existingData = snapshot.exists() ? snapshot.val() : null;\n if (!existingData || finalScore > existingData.score) {\n console.log(`New high score for ${username}: ${finalScore}`);\n return window.update(userScoreRef, {\n userId: userKey,\n walletAddress: walletAddress,\n username: username,\n score: finalScore,\n updatedAt: window.serverTimestamp()\n });\n } else {\n console.log(`Score ${finalScore} not higher than existing ${existingData.score}`);\n return Promise.resolve();\n }\n }).catch(error => {\n console.error(\"Error updating leaderboard:\", error);\n return Promise.reject(error);\n });\n};\nfunction ensureLeaderboardExists() {\n try {\n if (!database || !window.ref || !window.get || !window.set) {\n console.warn(\"Firebase database or methods not available, skipping leaderboard initialization\");\n return;\n }\n const leaderboardRef = window.ref(database, 'leaderboard');\n window.get(leaderboardRef).then(snapshot => {\n if (!snapshot.exists()) {\n window.set(leaderboardRef, {}).catch(e => console.error(\"Error initializing leaderboard:\", e));\n }\n }).catch(e => console.error(\"Error checking leaderboard:\", e));\n } catch (error) {\n console.error(\"Failed to ensure leaderboard exists:\", error);\n }\n}\ntry {\n ensureLeaderboardExists();\n} catch (error) {\n console.error(\"Error in leaderboard initialization:\", error);\n}\nwindow.bulletSystem = {\n lastShotTime: 0,\n SHOT_COOLDOWN: 200,\n addBullet: function (playerId, position, direction) {\n if (!database) {\n console.error(\"Cannot create bullet: Firebase database not initialized\");\n return Promise.reject(\"Database not initialized\");\n }\n console.log(`Player ${playerId} firing bullet`);\n const bulletsRef = window.ref(database, 'bullets');\n const newBulletRef = window.push(bulletsRef);\n const bulletId = newBulletRef.key;\n const dirVec = new THREE.Vector3(direction[0], direction[1], direction[2]).normalize();\n const normalizedDirection = [dirVec.x, dirVec.y, dirVec.z];\n const bulletData = {\n id: bulletId,\n playerId: playerId,\n position: position,\n startPosition: position,\n direction: normalizedDirection,\n speed: 2,\n createdAt: window.serverTimestamp(),\n active: true\n };\n console.log(`Bullet created with ID: ${bulletId}, Player ID: ${playerId}`);\n return window.set(newBulletRef, bulletData);\n },\n removeBullet: function (bulletId) {\n if (!database) return Promise.reject(\"Database not initialized\");\n console.log(`Removing bullet ${bulletId}`);\n const bulletRef = window.ref(database, `bullets/${bulletId}`);\n return window.remove(bulletRef);\n },\n updateBulletPosition: function (bulletId, position) {\n if (!database) return Promise.reject(\"Database not initialized\");\n const bulletRef = window.ref(database, `bullets/${bulletId}`);\n return window.update(bulletRef, {\n position\n });\n }\n};\nwindow.planeRegistry = {\n health: {},\n heartMeshes: {},\n registerHearts: function (playerId, hearts) {\n console.log(`Registering hearts for player: ${playerId}`);\n this.heartMeshes[playerId] = hearts;\n if (this.health[playerId] === undefined) {\n this.health[playerId] = 3;\n }\n this.updateHeartDisplay(playerId);\n },\n setHealth: function (playerId, newHealth) {\n console.log(`[Registry] Setting health for ${playerId} to ${newHealth}`);\n this.health[playerId] = newHealth;\n this.updateHeartDisplay(playerId);\n },\n reduceHealth: function (playerId, amount = 1) {\n if (this.health[playerId] === undefined) {\n this.health[playerId] = 3;\n }\n const newHealth = Math.max(0, this.health[playerId] - amount);\n this.health[playerId] = newHealth;\n console.log(`Reduced health for ${playerId} to ${newHealth}`);\n this.updateHeartDisplay(playerId);\n return newHealth;\n },\n resetHealth: function (playerId) {\n this.health[playerId] = 3;\n console.log(`Reset health for ${playerId} to 3`);\n this.updateHeartDisplay(playerId);\n },\n updateHeartDisplay: function (playerId) {\n const hearts = this.heartMeshes[playerId];\n const health = this.health[playerId];\n if (!hearts || hearts.length === 0) {\n console.log(`No heart meshes registered for ${playerId}`);\n return;\n }\n console.log(`Updating heart display for ${playerId} to ${health}`);\n hearts.forEach((heart, index) => {\n if (!heart || !heart.material) return;\n const filled = index < health;\n heart.material.color.set(filled ? 0xff0000 : 0x333333);\n if (heart.material.emissive) {\n heart.material.emissive.set(filled ? 0xff0000 : 0x000000);\n heart.material.emissiveIntensity = filled ? 0.5 : 0;\n }\n });\n }\n};\nfunction setupStalePlayerCleanup() {\n setInterval(() => {\n if (!database || !window.ref || !window.get || !window.remove) {\n return;\n }\n const playersRef = window.ref(database, 'players');\n window.get(playersRef).then(snapshot => {\n const players = snapshot.val() || {};\n const now = Date.now();\n const STALE_THRESHOLD = 5 * 60 * 1000;\n Object.keys(players).forEach(key => {\n const player = players[key];\n if (player.isOnline && player.lastActive) {\n const lastActiveTime = player.lastActive;\n const timeSinceActive = now - lastActiveTime;\n if (timeSinceActive < STALE_THRESHOLD) {\n return;\n }\n }\n console.log(\"Removing stale player:\", key);\n const staleRef = window.ref(database, `players/${key}`);\n window.remove(staleRef);\n });\n }).catch(error => {\n console.error(\"Error cleaning up stale players:\", error);\n });\n }, 60000);\n}\nsetupStalePlayerCleanup();\nsetInterval(() => {\n if (!database || !window.ref || !window.get || !window.remove) return;\n console.log(\"Cleaning up stale bullets\");\n const bulletsRef = window.ref(database, 'bullets');\n window.get(bulletsRef).then(snapshot => {\n if (!snapshot.exists()) return;\n const bullets = snapshot.val();\n const now = Date.now();\n const STALE_THRESHOLD = 10000;\n Object.entries(bullets).forEach(([id, bullet]) => {\n if (!bullet.createdAt) return;\n let createdTime = bullet.createdAt;\n if (typeof createdTime === 'object' && createdTime !== null) {\n createdTime = createdTime.toString ? parseInt(createdTime.toString()) : Date.now();\n }\n if (now - createdTime > STALE_THRESHOLD) {\n console.log(`Removing stale bullet: ${id}`);\n const staleRef = window.ref(database, `bullets/${id}`);\n window.remove(staleRef).catch(e => console.error(\"Error removing stale bullet:\", e));\n }\n });\n }).catch(e => console.error(\"Error getting bullets for cleanup:\", e));\n}, 30000);\nconst SakuraTree = ({\n position\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 ;\nconst JapaneseTree = ({\n position,\n isMaple = false\n}) => {\n const ref = useRef();\n return \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n};\nconst Temple = ({\n position\n}) => \n {}\n \n \n \n \n {}\n {[[-4, 0, -4], [4, 0, -4], [-4, 0, 4], [4, 0, 4]].map((pillarPos, 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 ;\nconst TraditionalHouse = ({\n position\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 ;\nconst Skyscraper = ({\n position\n}) => {\n const ref = useRef();\n return \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n \n \n \n \n {}\n {Array.from({\n length: 10\n }, (_, i) => \n {}\n \n \n \n \n {}\n \n \n \n \n )}\n ;\n};\nconst MountFuji = ({\n position\n}) => {\n const fujiRef = useRef();\n useEffect(() => {\n if (!fujiRef.current) return;\n while (fujiRef.current.children.length) {\n fujiRef.current.remove(fujiRef.current.children[0]);\n }\n const mountainGroup = new THREE.Group();\n mountainGroup.name = \"MountFuji\";\n const baseRadius = 150;\n const topRadius = 5;\n const height = 200;\n const segments = 16;\n const baseMountainGeometry = new THREE.CylinderGeometry(topRadius, baseRadius, height, segments);\n const baseMountain = new THREE.Mesh(baseMountainGeometry, new THREE.MeshStandardMaterial({\n color: 0x777777,\n flatShading: true,\n roughness: 0.9,\n metalness: 0.1\n }));\n baseMountain.name = \"MountFujiBase\";\n mountainGroup.add(baseMountain);\n const snowCapGeometry = new THREE.CylinderGeometry(2.0, topRadius * 5.0, height * 0.25, segments);\n const snowCap = new THREE.Mesh(snowCapGeometry, new THREE.MeshStandardMaterial({\n color: 0xffffff,\n flatShading: true,\n roughness: 0.8,\n metalness: 0.1,\n emissive: 0xaaaaaa,\n emissiveIntensity: 0.2\n }));\n snowCap.position.y = height * 0.48;\n snowCap.name = \"MountFujiSnowCap\";\n mountainGroup.add(snowCap);\n fujiRef.current.add(mountainGroup);\n console.log('Mount Fuji created (collision detection disabled) at position:', position);\n }, [position]);\n return ;\n};\nwindow.deathCause = {\n message: \"Aircraft Destroyed\",\n detail: \"Your plane was destroyed\"\n};\nwindow.needsRespawn = false;\nconst GameContext = createContext();\nfunction GameProvider({\n children\n}) {\n const [gameState, setGameState] = useState({\n isPlaying: false,\n username: '',\n position: [0, 1, -80],\n rotation: [0, 0, 0],\n velocity: 0,\n altitude: 1,\n hearts: 3,\n score: 0,\n isDead: false,\n isInvincible: true\n });\n const startGame = username => {\n console.log(\"Starting game with hearts = 3\");\n setGameState(prevState => ({\n ...prevState,\n isPlaying: true,\n username,\n hearts: 3,\n score: 0,\n isDead: false,\n isInvincible: true\n }));\n };\n const updatePlayerState = updates => {\n setGameState(prevState => ({\n ...prevState,\n ...updates\n }));\n };\n const handlePlayerDeath = useCallback(() => {\n console.log(\"Player has died!\");\n setGameState(prev => ({\n ...prev,\n hearts: 0,\n isDead: true\n }));\n if (window.playerData && window.playerData.ref) {\n window.update(window.playerData.ref, {\n hearts: 0,\n isDead: true,\n deathTimestamp: window.serverTimestamp(),\n deathCause: window.deathCause ? window.deathCause.message : \"Unknown\"\n }).catch(e => console.error(\"Error updating player death status:\", e));\n }\n window.needsRespawn = true;\n needsRespawn.current = true;\n }, []);\n const handlePlayerRespawn = useCallback(() => {\n console.log(\"Player respawning...\");\n setGameState(prev => ({\n ...prev,\n hearts: 3,\n isDead: false,\n position: [0, 1.5, -80],\n rotation: [0, 0, 0],\n velocity: 0,\n altitude: 1.5,\n isInvincible: true,\n score: 0\n }));\n console.log(\"Player respawned with 3 hearts and score reset to 0!\");\n window.deathCause = {\n message: \"Aircraft Destroyed\",\n detail: \"Your plane was destroyed\",\n type: \"unknown\"\n };\n window.needsRespawn = true;\n window.forceNextSpawnPosition = true;\n try {\n localStorage.removeItem('tailchaser_score');\n } catch (e) {\n console.log(\"No localStorage access\");\n }\n if (window.playerData && window.playerData.playerKey) {\n window.planeRegistry.resetHealth(window.playerData.playerKey);\n const playerRef = window.ref(database, `players/${window.playerData.playerKey}`);\n window.set(playerRef, {\n username: window.playerData.username || `Player_${window.playerData.playerKey.substring(0, 5)}`,\n wallet: window.playerData.wallet,\n sessionId: window.playerData.sessionId,\n score: 0,\n hearts: 3,\n isDead: false,\n position: [0, 1.5, -80],\n rotation: [0, 0, 0],\n lastActive: window.serverTimestamp(),\n isOnline: true,\n isInvincible: true,\n respawnTimestamp: window.serverTimestamp()\n }).then(() => {\n console.log(\"Player fully reset with 3 hearts\");\n setTimeout(() => {\n window.get(playerRef).then(snapshot => {\n if (snapshot.exists()) {\n const data = snapshot.val();\n if (data.hearts !== 3) {\n console.log(\"Hearts mismatch after respawn, forcing to 3\");\n window.update(playerRef, {\n hearts: 3\n });\n }\n }\n });\n }, 500);\n }).catch(e => console.error(\"Error updating player on respawn:\", e));\n }\n window.needsRespawn = false;\n }, [gameState.score]);\n const updateHealth = amount => {\n setGameState(prev => {\n const newHearts = Math.max(0, Math.min(3, prev.hearts + amount));\n const isDead = newHearts <= 0;\n if (isDead && !prev.isDead) {\n setTimeout(() => handlePlayerRespawn(), 3000);\n }\n if (amount < 0 && window.playerData && window.playerData.ref) {\n window.update(window.playerData.ref, {\n hearts: newHearts,\n isDead: isDead,\n lastHit: window.serverTimestamp()\n }).catch(error => console.error(\"Error updating hearts:\", error));\n }\n if (window.playerData?.playerKey) {\n if (amount < 0) {\n window.planeRegistry.reduceHealth(window.playerData.playerKey, Math.abs(amount));\n } else {\n window.planeRegistry.setHealth(window.playerData.playerKey, newHearts);\n }\n }\n return {\n ...prev,\n hearts: newHearts,\n isDead: isDead\n };\n });\n };\n return \n {children}\n ;\n}\nfunction Leaderboard() {\n const [leaderboardData, setLeaderboardData] = useState([]);\n const [loading, setLoading] = useState(true);\n const [currentUserId, setCurrentUserId] = useState(null);\n const {\n publicKey\n } = useWallet();\n useEffect(() => {\n if (publicKey) {\n const userId = `user_${publicKey.toString().replace(/[^a-zA-Z0-9]/g, '')}`;\n setCurrentUserId(userId);\n }\n }, [publicKey]);\n useEffect(() => {\n console.log(\"Fetching leaderboard data...\");\n setLoading(true);\n try {\n if (!database || !window.ref || !window.get) {\n console.warn(\"Firebase database or methods not available, cannot fetch leaderboard\");\n setLoading(false);\n return;\n }\n const leaderboardRef = window.ref(database, 'leaderboard');\n window.get(query(leaderboardRef, orderByChild(\"score\"), limitToLast(10))).then(snapshot => {\n if (snapshot.exists()) {\n const data = [];\n snapshot.forEach(childSnapshot => {\n data.push(childSnapshot.val());\n });\n data.sort((a, b) => b.score - a.score);\n setLeaderboardData(data);\n console.log(\"Leaderboard data:\", data);\n } else {\n console.log(\"No leaderboard data available\");\n setLeaderboardData([]);\n }\n setLoading(false);\n }).catch(error => {\n console.error(\"Error fetching leaderboard:\", error);\n setLoading(false);\n setLeaderboardData([]);\n });\n } catch (error) {\n console.error(\"Error in leaderboard fetch:\", error);\n setLoading(false);\n setLeaderboardData([]);\n }\n }, []);\n const formatWallet = address => {\n if (!address || address.length < 8) return address;\n return `${address.substring(0, 4)}...${address.substring(address.length - 4)}`;\n };\n const isCurrentUser = entry => {\n return entry.userId === currentUserId;\n };\n return

TOP PILOTS

\n {loading ?

\n Loading ranks...\n

: leaderboardData.length === 0 ?

\n No scores recorded yet. Be the first!\n

: \n \n \n \n \n \n \n \n \n {leaderboardData.map((entry, index) => \n \n \n \n )}\n \n

Rank	Pilot	Score
{index + 1}	\n {entry.username \|\| formatWallet(entry.walletAddress)}\n	{entry.score.toLocaleString()}

}\n {}\n {currentUserId && !leaderboardData.some(entry => isCurrentUser(entry)) && publicKey &&

\n Your highest score will appear here\n

}\n

;\n}\nfunction LoginScreen() {\n const {\n startGame\n } = useContext(GameContext);\n const {\n publicKey\n } = useWallet();\n const [activeTab, setActiveTab] = useState(\"controls\");\n const [showMusicNotes, setShowMusicNotes] = useState(true);\n const handleStart = e => {\n if (e) {\n if (typeof e.preventDefault === 'function') e.preventDefault();\n if (typeof e.stopPropagation === 'function') e.stopPropagation();\n }\n console.log(\"handleStart function called\", e ? e.type : \"no event\");\n if (publicKey) {\n try {\n const cleanupEvents = ['keydown', 'keyup', 'keypress'];\n cleanupEvents.forEach(eventType => {\n window.removeEventListener(eventType, () => {});\n });\n const walletAddress = publicKey.toString();\n const shortAddress = `${walletAddress.substring(0, 4)}...${walletAddress.substring(walletAddress.length - 4)}`;\n const sessionId = Date.now().toString() + Math.random().toString(36).substring(2, 9);\n const playerKey = `player_${walletAddress}_${sessionId}`;\n const playerRef = window.ref(database, `players/${playerKey}`);\n window.playerData = {\n ref: playerRef,\n wallet: walletAddress,\n sessionId: sessionId,\n playerKey: playerKey\n };\n console.log(\"Starting game with wallet:\", walletAddress);\n console.log(\"Session ID:\", sessionId);\n const initialPlayerData = {\n username: shortAddress,\n wallet: walletAddress,\n sessionId: sessionId,\n position: [0, 1.5, -80],\n rotation: [0, 0, 0],\n hearts: 3,\n isDead: false,\n lastCollision: null,\n score: 0,\n lastActive: window.serverTimestamp(),\n isOnline: true,\n created: window.serverTimestamp()\n };\n console.log(\"Initializing player with hearts:\", initialPlayerData.hearts);\n window.set(playerRef, initialPlayerData).then(() => {\n console.log(\"Player data saved successfully\");\n onDisconnect(playerRef).remove().then(() => console.log(\"Disconnect handler set up\")).catch(error => console.error(\"Failed to set up disconnect handler:\", error));\n startGame(walletAddress);\n }).catch(error => {\n console.error(\"Error saving player data:\", error);\n startGame(walletAddress);\n });\n } catch (error) {\n console.error(\"Error starting game:\", error);\n }\n }\n };\n const MusicNotes = () => {\n return

\n {[...Array(10)].map((_, i) =>

\n {['♪', '♫', '♩', '♬', '♭', '♮'][Math.floor(Math.random() * 6)]}\n

)}\n

;\n };\n const KeyboardKey = ({\n children\n }) => \n {children}\n ;\n return

\n {showMusicNotes && }\n {}\n

\n {}\n

\n ✈️\n

\n TAILCHASER.exe\n

\n \n \n \n

\n {}\n

\n TAILCHASER\n

エアリアルコンバットシミュレーター

Miku Sky Squadron

A SPIRITUAL GAMING NETWORK PRODUCTION

\n Manual control required - Use WASD/arrows to fly\n

\n {}\n

\n \n

\n {publicKey &&

Pilot ID verified

\n {publicKey.toString()}\n

}\n {publicKey ?

\n \n

Connect your Solana wallet to play

}\n

\n {}\n

\n \n \n \n

\n {activeTab === \"controls\" &&

W/S Fly forward/backward

前進/後退

* Manual control required

A/D Turn left/right

左/右に回転

Shift Ascend

上昇

Ctrl Descend

下降

Mouse Look around

周りを見回す

Space Fire weapons

武器発射

}\n {activeTab === \"about\" &&

\n TAILCHASER is a high-flying aerial combat simulator where your Solana \n wallet is your pilot's license and the clouds are your playground! Soar through Japanese-inspired landscapes \n and engage in thrilling dogfights.\n

Features:

\n ✈️ Manual flight controls\n
\n 🌸 Beautiful Japanese scenery\n
\n 💥 Exciting combat mechanics\n
\n 🔫 Advanced weapons systems\n
\n 🎮 Use W/S or joystick to move - no auto-flight!\n

Version 1.0.1

\n ♪ Developed by Spiritual Gaming Network\n

}\n {activeTab === \"leaderboard\" &&

\n \n

}\n

\n {}\n

\n {}\n \n \n \n \n \n 📜 \n READ THE WHITE PAPER!\n ✨\n \n \n {}\n

T-39 Digital Skystreaker

SPEED: MACH 3.5

RANGE: 2500 KM

WEAPONS: SONIC

\n {}\n

\n Version 1.0.1\n

;\n}\nfunction Ground() {\n const textureSize = 200;\n const createPattern = () => {\n const canvas = document.createElement('canvas');\n canvas.width = textureSize;\n canvas.height = textureSize;\n const ctx = canvas.getContext('2d');\n ctx.fillStyle = '#228B22';\n ctx.fillRect(0, 0, textureSize, textureSize);\n const greenVariations = ['#32CD32', '#3CB371', '#2E8B57', '#006400'];\n for (let i = 0; i < 25; i++) {\n const x = Math.random() * textureSize;\n const y = Math.random() * textureSize;\n const size = 8 + Math.random() * 20;\n ctx.beginPath();\n ctx.ellipse(x, y, size, size * 0.8, Math.random() * Math.PI, 0, Math.PI * 2);\n ctx.fillStyle = greenVariations[Math.floor(Math.random() * greenVariations.length)];\n ctx.fill();\n }\n const petalColors = ['#FFB7C5', '#FFC0CB', '#FFD1DC', '#FF69B4'];\n for (let i = 0; i < 100; i++) {\n const x = Math.random() * textureSize;\n const y = Math.random() * textureSize;\n const size = 1 + Math.random() * 3;\n const rotation = Math.random() * Math.PI;\n ctx.beginPath();\n if (Math.random() > 0.5) {\n ctx.ellipse(x, y, size, size * 0.4, rotation, 0, Math.PI * 2);\n } else {\n ctx.moveTo(x, y);\n const petalSize = size * 0.7;\n ctx.bezierCurveTo(x - petalSize, y - petalSize, x - petalSize * 2, y, x, y + petalSize);\n ctx.bezierCurveTo(x + petalSize * 2, y, x + petalSize, y - petalSize, x, y);\n }\n ctx.fillStyle = petalColors[Math.floor(Math.random() * petalColors.length)];\n ctx.fill();\n }\n for (let i = 0; i < 10; i++) {\n const x = Math.random() * textureSize;\n const y = Math.random() * textureSize;\n const size = 2 + Math.random() * 3;\n ctx.beginPath();\n ctx.arc(x, y, size * 0.6, 0, Math.PI * 2);\n ctx.fillStyle = '#FFFF00';\n ctx.fill();\n for (let j = 0; j < 5; j++) {\n const angle = j / 5 * Math.PI * 2;\n const px = x + Math.cos(angle) * size;\n const py = y + Math.sin(angle) * size;\n ctx.beginPath();\n ctx.arc(px, py, size * 0.7, 0, Math.PI * 2);\n ctx.fillStyle = '#FFFFFF';\n ctx.fill();\n }\n }\n return canvas;\n };\n const springTextureRef = useRef();\n useEffect(() => {\n if (!springTextureRef.current) {\n const canvas = createPattern();\n const texture = new THREE.CanvasTexture(canvas);\n texture.wrapS = THREE.RepeatWrapping;\n texture.wrapT = THREE.RepeatWrapping;\n texture.repeat.set(100, 100);\n springTextureRef.current = texture;\n }\n }, []);\n return <>\n {}\n \n {}\n \n \n {}\n \n \n [Math.random() * 1000 - 500, Math.random() * 10 + 0.5, Math.random() * 1000 - 500]).flat())} count={3000} itemSize={3} />\n [1, 0.7 + Math.random() * 0.3, 0.8 + Math.random() * 0.2]).flat())} count={3000} itemSize={3} />\n \n \n \n \n {}\n \n \n \n \n ;\n}\nfunction Runway() {\n return \n {}\n \n \n \n \n {}\n {Array.from({\n length: 20\n }).map((_, i) => \n \n \n )}\n {}\n \n \n \n \n \n \n \n \n ;\n}\nfunction Plane({\n username\n}) {\n const planeRef = useRef();\n const heartMeshes = useRef([]);\n const [isHit, setIsHit] = useState(false);\n const hitTimeoutRef = useRef(null);\n const lastHeartsRef = useRef(3);\n const [showExplosion, setShowExplosion] = useState(false);\n const [explosionPosition, setExplosionPosition] = useState(new THREE.Vector3());\n const explosionTimeoutRef = useRef(null);\n const lastCollisionTime = useRef(0);\n const {\n camera,\n scene\n } = useThree();\n const frameCounterRef = useRef(0);\n const planeColliderRef = useRef(new THREE.Sphere(new THREE.Vector3(), COLLISION_RADIUS));\n const {\n gameState,\n updatePlayerState,\n hearts,\n isDead,\n handlePlayerDeath,\n handlePlayerRespawn,\n updateHealth\n } = useContext(GameContext);\n const needsRespawn = useRef(false);\n const [isInvincible, setIsInvincible] = useState(true);\n const invincibilityTimeRef = useRef(0);\n const INVINCIBILITY_DURATION = 10;\n const prevIsDead = useRef(true);\n const justRespawned = useRef(false);\n const lastUpdateTime = useRef(0);\n const UPDATE_INTERVAL = 100;\n const lastPositionRef = useRef(new THREE.Vector3(0, 1.5, -80));\n const hasTakenOff = useRef(false);\n const maxAltitude = useRef(0);\n const TAKEOFF_ALTITUDE = 20;\n const lastShotTime = useRef(0);\n const SHOT_COOLDOWN = 300;\n const muzzleFlashes = useRef([]);\n const lastHitTime = useRef(0);\n const HIT_COOLDOWN = 500;\n const [hitEffect, setHitEffect] = useState(false);\n const materialsRef = useRef([]);\n const originalColors = useRef([]);\n const [activeKeys, setActiveKeys] = useState(new Set());\n const initialPosition = useMemo(() => new THREE.Vector3(0, 1.5, -80), []);\n const initialRotation = useMemo(() => new THREE.Euler(0, 0, 0), []);\n const sceneObjectsRef = useRef([]);\n const frameCounter = useRef(0);\n const COLLISION_GRACE_FRAMES = 60;\n const runwayBounds = useRef({\n minX: -15,\n maxX: 15,\n minZ: -110,\n maxZ: 110\n });\n const isOnRunway = useRef(true);\n const crosshairPosition = useRef(new THREE.Vector3(0, 5, 5));\n const createExplosion = useCallback(position => {\n console.log(\"Creating explosion at\", position);\n setExplosionPosition(new THREE.Vector3().copy(position));\n setShowExplosion(true);\n if (explosionTimeoutRef.current) {\n clearTimeout(explosionTimeoutRef.current);\n }\n explosionTimeoutRef.current = setTimeout(() => {\n setShowExplosion(false);\n }, 2000);\n try {\n const explosionSound = new Audio('/explosion.mp3');\n explosionSound.volume = 0.5;\n explosionSound.play().catch(e => console.log(\"Could not play explosion sound\"));\n } catch (error) {\n console.log(\"Error playing explosion sound\");\n }\n }, []);\n useEffect(() => {\n setIsInvincible(true);\n invincibilityTimeRef.current = 0;\n updatePlayerState({\n isInvincible: true\n });\n console.log(\"Player is invincible for\", INVINCIBILITY_DURATION, \"seconds after spawn\");\n }, []);\n const handleShooting = useCallback(() => {\n if (isDead || !planeRef.current || !window.playerData?.playerKey) return false;\n const now = Date.now();\n if (now - window.bulletSystem.lastShotTime < window.bulletSystem.SHOT_COOLDOWN) {\n return false;\n }\n window.bulletSystem.lastShotTime = now;\n const bulletPos = new THREE.Vector3();\n planeRef.current.getWorldPosition(bulletPos);\n let bulletDir;\n if (crosshairPosition && crosshairPosition.current) {\n bulletDir = crosshairPosition.current.clone().sub(bulletPos).normalize();\n } else {\n bulletDir = new THREE.Vector3(0, 0, 1);\n bulletDir.applyQuaternion(planeRef.current.quaternion);\n bulletDir.normalize();\n }\n bulletPos.addScaledVector(bulletDir, 5);\n const positionArray = [bulletPos.x, bulletPos.y, bulletPos.z];\n const directionArray = [bulletDir.x, bulletDir.y, bulletDir.z];\n const flash = new THREE.PointLight(0xff0000, 5, 10);\n flash.position.copy(bulletPos);\n planeRef.current.add(flash);\n setTimeout(() => planeRef.current?.remove(flash), 100);\n console.log(\"Firing bullet\");\n window.bulletSystem.addBullet(window.playerData.playerKey, positionArray, directionArray).catch(error => console.error(\"Error creating bullet:\", error));\n return true;\n }, [isDead, crosshairPosition]);\n useEffect(() => {\n window.handleShooting = handleShooting;\n return () => {\n window.handleShooting = undefined;\n };\n }, [handleShooting]);\n const handleKeyDown = useCallback(e => {\n const keyCode = e && e.code ? e.code : '';\n setActiveKeys(prev => {\n const newKeys = new Set(prev);\n newKeys.add(keyCode);\n return newKeys;\n });\n if (keyCode === 'Space') {\n e.preventDefault();\n handleShooting();\n }\n }, [handleShooting]);\n useEffect(() => {\n if (planeRef.current && window.playerData?.playerKey) {\n planeRef.current.userData.isMainPlane = true;\n planeRef.current.userData.playerId = window.playerData?.playerKey;\n console.log(\"Main plane marked for collision detection with ID:\", window.playerData?.playerKey);\n }\n return () => {\n if (window.playerData?.playerKey && window.planeRegistry && window.planeRegistry.heartMeshes) {\n delete window.planeRegistry.heartMeshes[window.playerData.playerKey];\n }\n };\n }, []);\n useEffect(() => {\n if (!gameState.isPlaying || !window.playerData.playerKey) return;\n console.log(\"Setting up collision listener for plane-to-plane collisions\");\n const playerRef = window.ref(database, `players/${window.playerData.playerKey}`);\n try {\n const unsubscribe = onValue(playerRef, snapshot => {\n if (!snapshot.exists()) return;\n const data = snapshot.val();\n if (data && data.isDead && data.lastCollision && !gameState.isDead) {\n const collisionTime = data.lastCollision.timestamp || Date.now();\n if (collisionTime <= lastCollisionTime.current) return;\n lastCollisionTime.current = collisionTime;\n console.log(`Received death notification from collision with player: ${data.lastCollision.withPlayerId}`);\n window.deathCause = {\n message: \"Mid-Air Collision\",\n detail: \"Your plane was struck by another aircraft\"\n };\n const currentScore = gameState.score || 0;\n const collisionPoints = 5;\n const expectedScore = currentScore + collisionPoints;\n if (data.score !== expectedScore) {\n console.log(`Ensuring kamikaze score: ${currentScore} → ${expectedScore}`);\n setGameState(prev => ({\n ...prev,\n score: expectedScore\n }));\n if (data.score < expectedScore) {\n window.update(playerRef, {\n score: expectedScore\n }).catch(error => {\n console.error(\"Error updating final score:\", error);\n });\n }\n } else {\n updatePlayerState({\n score: data.score\n });\n }\n if (planeRef.current) {\n createExplosion(planeRef.current.position);\n }\n setTimeout(() => {\n handlePlayerDeath();\n }, 100);\n }\n });\n return () => unsubscribe();\n } catch (error) {\n console.error(\"Error setting up collision listener:\", error);\n return () => {};\n }\n }, [gameState.isDead, handlePlayerDeath, createExplosion, gameState.score, updatePlayerState]);\n useEffect(() => {\n if (isDead) return;\n if (gameState.hearts < lastHeartsRef.current) {\n console.log(`Hearts decreased from ${lastHeartsRef.current} to ${gameState.hearts}`);\n console.log(\"Player took damage, showing hit effect\");\n if (hitTimeoutRef.current) {\n clearTimeout(hitTimeoutRef.current);\n }\n setIsHit(true);\n hitTimeoutRef.current = setTimeout(() => {\n setIsHit(false);\n hitTimeoutRef.current = null;\n }, 300);\n }\n lastHeartsRef.current = gameState.hearts;\n }, [gameState.hearts, isDead]);\n useEffect(() => {\n if (!planeRef.current) return;\n planeRef.current.traverse(child => {\n if (child.isMesh && child.material) {\n if (isHit) {\n if (child.material.emissive) {\n child.material.emissive.set(1, 1, 1);\n child.material.emissiveIntensity = 1;\n }\n } else {\n if (child.material.emissive) {\n child.material.emissive.set(0, 0, 0);\n child.material.emissiveIntensity = 0;\n }\n }\n }\n });\n }, [isHit]);\n useEffect(() => {\n return () => {\n if (hitTimeoutRef.current) {\n clearTimeout(hitTimeoutRef.current);\n }\n if (explosionTimeoutRef.current) {\n clearTimeout(explosionTimeoutRef.current);\n }\n };\n }, []);\n useEffect(() => {\n if (gameState.hearts <= 0 && !gameState.isDead && planeRef.current) {\n console.log(\"Player died from 0 hearts\");\n window.deathCause = {\n message: \"Shot Down\",\n detail: \"Your plane was shot down by enemy fire\"\n };\n createExplosion(planeRef.current.position);\n handlePlayerDeath();\n }\n }, [gameState.hearts, gameState.isDead, createExplosion, handlePlayerDeath]);\n const handleKeyUp = useCallback(e => {\n const keyCode = e && e.code ? e.code : '';\n setActiveKeys(prev => {\n const newKeys = new Set(prev);\n newKeys.delete(keyCode);\n return newKeys;\n });\n }, []);\n useEffect(() => {\n window.addEventListener('keydown', handleKeyDown);\n window.addEventListener('keyup', handleKeyUp);\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n window.removeEventListener('keyup', handleKeyUp);\n };\n }, [handleKeyDown, handleKeyUp]);\n useEffect(() => {\n return () => {};\n }, []);\n const crosshairRef = useRef();\n const crosshair = useMemo(() => {\n const group = new THREE.Group();\n const horizontalGeometry = new THREE.BoxGeometry(0.1, 0.01, 0.01);\n const horizontalMesh = new THREE.Mesh(horizontalGeometry, new THREE.MeshBasicMaterial({\n color: 0xff0000\n }));\n group.add(horizontalMesh);\n const verticalGeometry = new THREE.BoxGeometry(0.01, 0.1, 0.01);\n const verticalMesh = new THREE.Mesh(verticalGeometry, new THREE.MeshBasicMaterial({\n color: 0xff0000\n }));\n group.add(verticalMesh);\n const centerGeometry = new THREE.SphereGeometry(0.005, 8, 8);\n const centerMesh = new THREE.Mesh(centerGeometry, new THREE.MeshBasicMaterial({\n color: 0xff0000\n }));\n group.add(centerMesh);\n return group;\n }, []);\n useEffect(() => {\n if (!gameState.isPlaying || isDead || !window.playerData.ref) return;\n console.log(\"Starting position updates to Firebase\");\n const updateInterval = setInterval(() => {\n if (!planeRef.current) return;\n const currentTime = Date.now();\n if (currentTime - lastUpdateTime.current < UPDATE_INTERVAL) return;\n lastUpdateTime.current = currentTime;\n const position = [planeRef.current.position.x, planeRef.current.position.y, planeRef.current.position.z];\n const rotation = [planeRef.current.rotation.x, planeRef.current.rotation.y, planeRef.current.rotation.z];\n window.update(window.playerData.ref, {\n position,\n rotation,\n lastActive: window.serverTimestamp(),\n isOnline: true\n }).catch(error => {\n console.error(\"Error updating position:\", error);\n });\n }, UPDATE_INTERVAL);\n const heartbeatInterval = setInterval(() => {\n window.update(window.playerData.ref, {\n lastActive: window.serverTimestamp(),\n isOnline: true\n }).catch(error => {\n console.error(\"Error updating heartbeat:\", error);\n });\n }, 30000);\n return () => {\n clearInterval(updateInterval);\n clearInterval(heartbeatInterval);\n if (window.playerData.ref) {\n window.update(window.playerData.ref, {\n isOnline: false,\n lastDisconnect: window.serverTimestamp()\n }).catch(error => {\n console.error(\"Error updating offline status:\", error);\n });\n }\n };\n }, [gameState.isPlaying, isDead]);\n useEffect(() => {\n if (!window.playerData?.playerKey) return;\n const playerRef = window.ref(database, `players/${window.playerData.playerKey}`);\n const unsubscribe = onValue(playerRef, snapshot => {\n if (!snapshot.exists()) return;\n const data = snapshot.val();\n if (data.needsPositionReset && planeRef.current) {\n console.log(\"SHOT DOWN RESPAWN: Detected needsPositionReset flag\");\n planeRef.current.position.set(0, 1.5, -80);\n planeRef.current.rotation.set(0, 0, 0);\n window.update(playerRef, {\n needsPositionReset: null,\n position: [0, 1.5, -80],\n rotation: [0, 0, 0]\n }).catch(e => console.error(\"Error clearing position reset flag:\", e));\n console.log(\"SHOT DOWN RESPAWN: Position forcefully reset to start position\");\n }\n });\n return () => unsubscribe();\n }, []);\n useEffect(() => {\n if (prevIsDead.current && !isDead) {\n justRespawned.current = true;\n console.log(\"Just respawned - will force position on next frame\");\n }\n prevIsDead.current = isDead;\n }, [isDead]);\n useFrame((_, delta) => {\n if (!planeRef.current) return;\n frameCounterRef.current++;\n lastPositionRef.current.copy(planeRef.current.position);\n if (needsRespawn.current || window.needsRespawn || window.forceNextSpawnPosition) {\n console.log(\"Respawning plane at initial position\");\n planeRef.current.position.copy(initialPosition);\n planeRef.current.rotation.copy(initialRotation);\n needsRespawn.current = false;\n window.needsRespawn = false;\n window.forceNextSpawnPosition = false;\n hasTakenOff.current = false;\n maxAltitude.current = 0;\n isOnRunway.current = true;\n setIsInvincible(true);\n invincibilityTimeRef.current = 0;\n console.log('Plane respawned at runway', planeRef.current.position);\n console.log('Player is invincible for', INVINCIBILITY_DURATION, 'seconds after respawn');\n }\n if (justRespawned.current) {\n console.log(\"First frame after respawn - forcing position check\");\n planeRef.current.position.set(0, 1.5, -80);\n planeRef.current.rotation.set(0, 0, 0);\n justRespawned.current = false;\n }\n if (isDead) {\n return;\n }\n const planePosition = planeRef.current.position.clone();\n planeColliderRef.current.center.copy(planePosition);\n if (!isInvincible && frameCounterRef.current % ENVIRONMENT_CHECK_INTERVAL === 0) {\n const collisionObjects = [];\n scene.traverse(object => {\n if (!object.isMesh || !object.visible) return;\n let currentObj = object;\n let isCollidable = false;\n while (currentObj && !isCollidable) {\n const objName = (currentObj.name || '').toLowerCase();\n isCollidable = COLLIDABLE_OBJECTS.some(name => objName.includes(name.toLowerCase()));\n currentObj = currentObj.parent;\n }\n if (isCollidable) {\n collisionObjects.push(object);\n }\n });\n if (frameCounterRef.current % 60 === 0) {\n console.log(`Found ${collisionObjects.length} collidable objects in scene`);\n }\n for (let i = 0; i < collisionObjects.length; i++) {\n const object = collisionObjects[i];\n const objectPos = new THREE.Vector3();\n object.getWorldPosition(objectPos);\n let checkDistance = 15;\n let objectSize = 2.0;\n const objectName = (object.name || '').toLowerCase();\n let fullPath = objectName;\n let parent = object.parent;\n while (parent) {\n if (parent.name) fullPath = parent.name.toLowerCase() + \"/\" + fullPath;\n parent = parent.parent;\n }\n if (objectName.includes('skyscraper') || fullPath.includes('skyscraper')) {\n objectSize = 10.0;\n checkDistance = 40;\n } else if (objectName.includes('temple')) {\n objectSize = 5.0;\n checkDistance = 20;\n } else if (objectName.includes('house')) {\n objectSize = 4.0;\n } else if (objectName.includes('tree')) {\n objectSize = 2.5;\n }\n if (planePosition.distanceTo(objectPos) > checkDistance) continue;\n if (objectName.includes('skyscraper') || fullPath.includes('skyscraper')) {\n if (frameCounterRef.current % 30 === 0) {\n console.log(`Checking skyscraper collision: distance=${planePosition.distanceTo(objectPos).toFixed(2)}, size=${objectSize}, name=${objectName}, path=${fullPath}`);\n }\n }\n const objectSphere = new THREE.Sphere(objectPos, objectSize);\n if (planeColliderRef.current.intersectsSphere(objectSphere)) {\n const objName = objectName.split(' ')[0];\n let displayName = objName.charAt(0).toUpperCase() + objName.slice(1);\n if (fullPath.includes('skyscraper')) {\n displayName = 'Skyscraper';\n }\n window.deathCause = {\n message: \"Environment Crash\",\n detail: `Your plane crashed into a ${displayName || 'structure'}`\n };\n console.log(`COLLISION DETECTED: Crashed into ${displayName || 'environment object'} at position ${objectPos.x.toFixed(2)}, ${objectPos.y.toFixed(2)}, ${objectPos.z.toFixed(2)}`);\n createExplosion(planePosition);\n handlePlayerDeath();\n break;\n }\n }\n }\n if (!isInvincible && !gameState.isDead && frameCounterRef.current % 3 === 0) {\n const otherPlanes = {};\n scene.traverse(object => {\n if (object.userData && object.userData.isRemotePlane && object.userData.playerId) {\n otherPlanes[object.userData.playerId] = object;\n }\n });\n Object.entries(otherPlanes).forEach(([playerId, plane]) => {\n if (!plane || !plane.position) return;\n const distance = planePosition.distanceTo(plane.position);\n if (distance < COLLISION_RADIUS * 2) {\n const otherPlaneSphere = new THREE.Sphere(plane.position.clone(), COLLISION_RADIUS);\n if (planeColliderRef.current.intersectsSphere(otherPlaneSphere)) {\n console.log(`Collision with player ${playerId}`);\n window.deathCause = {\n message: \"Mid-Air Collision\",\n detail: \"Your plane collided with another aircraft\"\n };\n const currentScore = gameState.score || 0;\n const KAMIKAZE_POINTS = 5;\n const newScore = currentScore + KAMIKAZE_POINTS;\n console.log(`Kamikaze collision! Adding 5 points to score: ${currentScore} → ${newScore}`);\n updatePlayerState({\n score: newScore\n });\n if (window.playerData && window.playerData.ref) {\n window.update(window.playerData.ref, {\n score: newScore,\n isDead: true,\n hearts: 0,\n lastCollision: {\n withPlayerId: playerId,\n timestamp: window.serverTimestamp(),\n kamikazePoints: KAMIKAZE_POINTS\n }\n }).then(() => {\n console.log(`Successfully updated kamikaze score to ${newScore} in Firebase`);\n }).catch(error => {\n console.error(\"Error updating kamikaze score:\", error);\n });\n }\n const otherPlayerRef = window.ref(database, `players/${playerId}`);\n window.get(otherPlayerRef).then(snapshot => {\n if (snapshot.exists()) {\n const otherPlayerData = snapshot.val();\n const otherCurrentScore = otherPlayerData.score || 0;\n const otherNewScore = otherCurrentScore + KAMIKAZE_POINTS;\n window.update(otherPlayerRef, {\n score: otherNewScore,\n isDead: true,\n hearts: 0,\n lastCollision: {\n withPlayerId: window.playerData?.playerKey,\n timestamp: window.serverTimestamp(),\n kamikazePoints: KAMIKAZE_POINTS\n }\n }).catch(error => {\n console.error(\"Error updating other player's score:\", error);\n });\n }\n }).catch(error => {\n console.error(\"Error getting other player's data:\", error);\n });\n createExplosion(planePosition);\n setTimeout(() => {\n handlePlayerDeath();\n }, 100);\n return;\n }\n }\n });\n }\n if (planeRef.current && !planeRef.current.userData.markedAsCurrent) {\n planeRef.current.userData.markedAsCurrent = true;\n planeRef.current.userData.playerId = 'current';\n }\n if (isInvincible) {\n invincibilityTimeRef.current += delta;\n if (invincibilityTimeRef.current >= INVINCIBILITY_DURATION) {\n setIsInvincible(false);\n updatePlayerState({\n isInvincible: false\n });\n console.log(\"Invincibility shield deactivated after\", INVINCIBILITY_DURATION, \"seconds\");\n }\n }\n frameCounter.current++;\n try {\n const safeDelta = Math.min(delta, 0.1);\n const moveSpeed = 0.5 * safeDelta * 60;\n const isMovingForward = activeKeys.has('KeyW') || activeKeys.has('ArrowUp') || window.mobileControlState?.joystick?.y < -0.05;\n const isMovingBackward = activeKeys.has('KeyS') || activeKeys.has('ArrowDown') || window.mobileControlState?.joystick?.y > 0.05;\n const currentAltitude = planeRef.current.position.y;\n const FEET_PER_UNIT = 9.84252;\n const currentAltitudeInFeet = Math.max(0, currentAltitude * FEET_PER_UNIT);\n if (currentAltitudeInFeet > maxAltitude.current) {\n maxAltitude.current = currentAltitudeInFeet;\n if (maxAltitude.current >= TAKEOFF_ALTITUDE && !hasTakenOff.current) {\n hasTakenOff.current = true;\n console.log(`Takeoff achieved at ${maxAltitude.current.toFixed(1)} feet!`);\n }\n }\n const planePos = planeRef.current.position;\n isOnRunway.current = planePos.x > runwayBounds.current.minX && planePos.x < runwayBounds.current.maxX && planePos.z > runwayBounds.current.minZ && planePos.z < runwayBounds.current.maxZ && planePos.y < 5;\n if (planeRef.current.position.y < -0.5) {\n planeRef.current.position.y = -0.5;\n console.log('Hit barrier under runway at y = -0.5');\n }\n if (planeRef.current.position.y < 0.5 && hasTakenOff.current && !isOnRunway.current && !isDead) {\n window.deathCause = {\n message: \"Ground Crash\",\n detail: \"Your plane crashed into the ground\"\n };\n createExplosion(planeRef.current.position);\n handlePlayerDeath();\n }\n if (globalMouseState.isLocked) {\n planeRef.current.rotation.y += globalMouseState.movement.x;\n const currentPitch = planeRef.current.rotation.x;\n const newPitch = currentPitch + globalMouseState.movement.y;\n planeRef.current.rotation.x = THREE.MathUtils.clamp(newPitch, -Math.PI / 4, Math.PI / 4);\n globalMouseState.movement.x = 0;\n globalMouseState.movement.y = 0;\n }\n const direction = new THREE.Vector3(0, 0, 1);\n direction.applyQuaternion(planeRef.current.quaternion);\n direction.normalize();\n if (window.mobileControlState && window.mobileControlState.joystick) {\n const {\n x,\n y,\n altitude\n } = window.mobileControlState.joystick;\n if (Math.abs(x) > 0.02) {\n planeRef.current.rotation.y -= x * 0.05;\n }\n if (Math.abs(y) > 0.02) {\n if (y < -0.02) {\n planeRef.current.position.addScaledVector(direction, moveSpeed * 1.5 * Math.abs(y));\n } else if (y > 0.02) {\n planeRef.current.position.addScaledVector(direction, -moveSpeed * 1.5 * Math.abs(y));\n }\n }\n if (altitude !== undefined && Math.abs(altitude) > 0.02) {\n planeRef.current.position.y -= altitude * moveSpeed * 1.2 * -1;\n }\n if (window.mobileControlState.isFiring && Date.now() - lastShotTime.current > SHOT_COOLDOWN) {\n lastShotTime.current = Date.now();\n handleShooting();\n }\n }\n if (isMovingForward) {\n const speedMultiplier = window.mobileControlState?.joystick?.y ? Math.abs(window.mobileControlState.joystick.y) : 1;\n planeRef.current.position.addScaledVector(direction, moveSpeed * speedMultiplier);\n }\n if (isMovingBackward) {\n const speedMultiplier = window.mobileControlState?.joystick?.y ? Math.abs(window.mobileControlState.joystick.y) : 1;\n planeRef.current.position.addScaledVector(direction, -moveSpeed * speedMultiplier);\n }\n if (activeKeys.has('ShiftLeft') || activeKeys.has('ShiftRight')) {\n planeRef.current.position.y += moveSpeed;\n }\n if (activeKeys.has('ControlLeft') || activeKeys.has('ControlRight')) {\n planeRef.current.position.y -= moveSpeed;\n }\n updatePlayerState({\n position: [planeRef.current.position.x, planeRef.current.position.y, planeRef.current.position.z],\n rotation: [planeRef.current.rotation.x, planeRef.current.rotation.y, planeRef.current.rotation.z],\n velocity: moveSpeed * 2,\n altitude: planeRef.current.position.y\n });\n if (camera && planeRef.current) {\n const tailPosition = new THREE.Vector3(0, 1.5, -1.5);\n planeRef.current.localToWorld(tailPosition);\n camera.position.copy(tailPosition);\n const lookAheadPoint = planeRef.current.localToWorld(new THREE.Vector3(0, 0, 5));\n camera.lookAt(lookAheadPoint);\n if (crosshairRef.current) {\n crosshairRef.current.position.copy(lookAheadPoint);\n crosshairPosition.current.copy(lookAheadPoint);\n crosshairRef.current.lookAt(camera.position);\n }\n window.cameraBaseRotation = camera.rotation.clone();\n window.planeDirection = direction.clone();\n }\n } catch (error) {\n console.error(\"Error in plane movement:\", error);\n }\n });\n const fuselage = \n \n \n ;\n const leftWing = \n \n \n ;\n const rightWing = \n \n \n ;\n const tail = \n \n \n ;\n const gunTurret = \n \n \n ;\n return <>\n \n {fuselage}\n {leftWing}\n {rightWing}\n {tail}\n {gunTurret}\n \n {username}\n \n \n {}\n \n {showExplosion && \n {}\n \n \n \n \n {}\n {[...Array(12)].map((_, i) => \n \n \n )}\n {}\n {[...Array(8)].map((_, i) => \n \n \n )}\n }\n ;\n}\nconst globalMouseState = {\n movement: {\n x: 0,\n y: 0\n },\n camera: {\n x: 0,\n y: 0\n },\n isLocked: false,\n sensitivity: {\n flight: 0.002,\n camera: 0.003\n }\n};\nfunction CustomPointerLockControls() {\n const {\n camera,\n gl\n } = useThree();\n useEffect(() => {\n try {\n camera.rotation.order = 'YXZ';\n const canvas = gl.domElement;\n const onMouseMove = e => {\n if (!e || !globalMouseState.isLocked) return;\n const movementX = e.movementX !== undefined ? e.movementX : 0;\n const movementY = e.movementY !== undefined ? e.movementY : 0;\n globalMouseState.movement.x -= movementX * globalMouseState.sensitivity.flight;\n globalMouseState.movement.y -= movementY * globalMouseState.sensitivity.flight;\n globalMouseState.camera.x -= movementX * globalMouseState.sensitivity.camera;\n globalMouseState.camera.y -= movementY * globalMouseState.sensitivity.camera;\n globalMouseState.camera.y = Math.max(-Math.PI / 2 + 0.01, Math.min(Math.PI / 2 - 0.01, globalMouseState.camera.y));\n const baseRotation = window.cameraBaseRotation && window.cameraBaseRotation.isEuler ? window.cameraBaseRotation : camera.rotation.clone();\n camera.rotation.set(globalMouseState.camera.y, (baseRotation && typeof baseRotation.y === 'number' ? baseRotation.y : 0) + globalMouseState.camera.x, 0, 'YXZ');\n };\n const onClick = () => {\n if (!globalMouseState.isLocked) {\n canvas.requestPointerLock();\n console.log(\"Requesting pointer lock\");\n }\n };\n const onPointerLockChange = () => {\n const wasLocked = globalMouseState.isLocked;\n globalMouseState.isLocked = document.pointerLockElement === canvas;\n if (globalMouseState.isLocked && !wasLocked) {\n globalMouseState.camera.x = 0;\n globalMouseState.camera.y = 0;\n globalMouseState.movement.x = 0;\n globalMouseState.movement.y = 0;\n }\n console.log(\"Pointer lock state changed:\", globalMouseState.isLocked);\n };\n const onPointerLockError = () => {\n console.error(\"Pointer lock failed\");\n alert(\"Click on the game to enable mouse look controls\");\n };\n document.addEventListener('mousemove', onMouseMove);\n canvas.addEventListener('click', onClick);\n document.addEventListener('pointerlockchange', onPointerLockChange);\n document.addEventListener('pointerlockerror', onPointerLockError);\n const instructions = document.createElement('div');\n instructions.innerHTML = 'Click to enable mouse look';\n instructions.style.position = 'absolute';\n instructions.style.bottom = '20px';\n instructions.style.width = '100%';\n instructions.style.textAlign = 'center';\n instructions.style.color = 'white';\n instructions.style.fontFamily = 'Arial';\n instructions.style.fontSize = '16px';\n instructions.style.fontWeight = 'bold';\n instructions.style.textShadow = '2px 2px 2px black';\n document.body.appendChild(instructions);\n setTimeout(() => {\n instructions.style.opacity = '0';\n instructions.style.transition = 'opacity 1s';\n }, 5000);\n return () => {\n document.removeEventListener('mousemove', onMouseMove);\n canvas.removeEventListener('click', onClick);\n document.removeEventListener('pointerlockchange', onPointerLockChange);\n document.removeEventListener('pointerlockerror', onPointerLockError);\n document.body.removeChild(instructions);\n };\n } catch (error) {\n console.error(\"Error in CustomPointerLockControls:\", error);\n }\n return () => {};\n }, [camera, gl]);\n return null;\n}\nconst JapaneseMap = () => {\n const FIXED_SEED = 12345;\n const seededRandom = () => {\n let seed = FIXED_SEED;\n return function () {\n seed = (seed * 9301 + 49297) % 233280;\n return seed / 233280;\n };\n };\n const random = useMemo(() => seededRandom(), []);\n const generatePosition = useCallback((radius = 400, avoidRadius = 150) => {\n const x = random() * radius * 2 - radius;\n const z = random() * radius * 2 - radius;\n if (x > -30 && x < 30 && z > -150 && z < 150 || Math.sqrt(x * x + (z + 120) * (z + 120)) < avoidRadius) {\n return generatePosition(radius, avoidRadius);\n }\n return [x, 0, z];\n }, [random]);\n const createDistrict = useCallback((type, count, radius, centerX, centerZ) => {\n return Array.from({\n length: count\n }, () => {\n const angle = random() * Math.PI * 2;\n const distance = Math.sqrt(random()) * radius;\n const x = centerX + Math.cos(angle) * distance;\n const z = centerZ + Math.sin(angle) * distance;\n if (x > -30 && x < 30 && z > -150 && z < 150 || Math.sqrt(x * x + (z + 200) * (z + 200)) < 70) {\n return {\n type,\n position: generatePosition()\n };\n }\n return {\n type,\n position: [x, 0, z]\n };\n });\n }, [random, generatePosition]);\n const sakuraTrees = useMemo(() => Array.from({\n length: 100\n }, () => ({\n position: generatePosition(300)\n })), []);\n const japaneseTrees = useMemo(() => Array.from({\n length: 70\n }, () => ({\n position: generatePosition(350),\n isMaple: random() > 0.5\n })), []);\n const templeDistrict = useMemo(() => createDistrict('temple', 10, 150, -100, -100), []);\n const residentialDistrict = useMemo(() => createDistrict('house', 20, 200, 100, 100), []);\n const cityDistrict = useMemo(() => createDistrict('skyscraper', 8, 100, 100, -150), []);\n const extraTrees = useMemo(() => Array.from({\n length: 30\n }, (_, i) => {\n const position = generatePosition(400, 30);\n const isSakura = random() > 0.7;\n const isMaple = random() > 0.5;\n return {\n position,\n isSakura,\n isMaple,\n key: `extra-tree-${i}`\n };\n }), []);\n const extraBuildings = useMemo(() => Array.from({\n length: 15\n }, (_, i) => {\n const position = generatePosition(350, 40);\n const typeValue = random();\n const type = typeValue > 0.7 ? 'temple' : typeValue > 0.3 ? 'house' : 'skyscraper';\n return {\n position,\n type,\n key: `extra-building-${i}`\n };\n }), []);\n useEffect(() => {\n console.log('Total object count:', sakuraTrees.length + japaneseTrees.length + templeDistrict.length + residentialDistrict.length + cityDistrict.length + extraTrees.length + extraBuildings.length + 1);\n }, []);\n return <>\n {}\n \n {}\n {sakuraTrees.map((tree, index) => )}\n {}\n {japaneseTrees.map((tree, index) => )}\n {}\n {templeDistrict.map((item, index) => )}\n {}\n {residentialDistrict.map((item, index) => )}\n {}\n {cityDistrict.map((item, index) => )}\n {}\n {extraTrees.map(tree => tree.isSakura ? : )}\n {}\n {extraBuildings.map(building => {\n switch (building.type) {\n case 'temple':\n return ;\n case 'house':\n return ;\n default:\n return ;\n }\n })}\n ;\n};\nfunction RemotePlayerPlane({\n player,\n id\n}) {\n const planeRef = useRef();\n const heartRefs = useRef([]);\n const [isHit, setIsHit] = useState(false);\n const lastHitTimeRef = useRef(0);\n const flashTimeoutRef = useRef(null);\n const targetPosition = useRef(new THREE.Vector3(player?.position?.[0] || 0, player?.position?.[1] || 0, player?.position?.[2] || 0));\n const [showExplosion, setShowExplosion] = useState(false);\n const [explosionPosition, setExplosionPosition] = useState(new THREE.Vector3());\n const explosionTimeoutRef = useRef(null);\n const lastDeathCheckRef = useRef(player?.isDead || false);\n useEffect(() => {\n if (planeRef.current) {\n planeRef.current.userData.isRemotePlane = true;\n planeRef.current.userData.playerId = id;\n }\n }, [id]);\n useEffect(() => {\n if (planeRef.current) {\n planeRef.current.userData.isRemotePlane = true;\n planeRef.current.userData.playerId = id;\n }\n }, [id]);\n useEffect(() => {\n if (!player?.lastHit) return;\n let hitTime = player.lastHit;\n if (typeof hitTime === 'object' && hitTime !== null) {\n hitTime = hitTime.toString ? parseInt(hitTime.toString()) : Date.now();\n }\n if (hitTime > lastHitTimeRef.current) {\n console.log(`Hit detected on ${id} at time ${hitTime}`);\n lastHitTimeRef.current = hitTime;\n if (flashTimeoutRef.current) {\n clearTimeout(flashTimeoutRef.current);\n }\n setIsHit(true);\n flashTimeoutRef.current = setTimeout(() => {\n setIsHit(false);\n flashTimeoutRef.current = null;\n }, 300);\n }\n }, [player?.lastHit, id]);\n useEffect(() => {\n if (player?.isDead && !lastDeathCheckRef.current) {\n console.log(`Remote player ${id} died - showing explosion`);\n lastDeathCheckRef.current = true;\n if (planeRef.current) {\n const position = planeRef.current.position.clone();\n setExplosionPosition(position);\n setShowExplosion(true);\n if (explosionTimeoutRef.current) {\n clearTimeout(explosionTimeoutRef.current);\n }\n explosionTimeoutRef.current = setTimeout(() => {\n setShowExplosion(false);\n }, 2000);\n }\n } else if (!player?.isDead) {\n lastDeathCheckRef.current = false;\n }\n return () => {\n if (explosionTimeoutRef.current) {\n clearTimeout(explosionTimeoutRef.current);\n }\n };\n }, [player?.isDead, id]);\n useEffect(() => {\n if (!planeRef.current) return;\n planeRef.current.traverse(child => {\n if (child.isMesh && child.material) {\n if (isHit) {\n if (child.material.emissive) {\n child.material.emissive.set(1, 1, 1);\n child.material.emissiveIntensity = 1;\n }\n } else {\n if (child.material.emissive) {\n child.material.emissive.set(0, 0, 0);\n child.material.emissiveIntensity = 0;\n }\n }\n }\n });\n }, [isHit]);\n useEffect(() => {\n console.log(`Player ${id} hearts update:`, player?.hearts);\n if (player && typeof player.hearts === 'number') {\n console.log(`Setting ${id} hearts to ${player.hearts}`);\n window.planeRegistry.setHealth(id, player.hearts);\n if (heartRefs.current && heartRefs.current.length === 3) {\n heartRefs.current.forEach((heart, index) => {\n if (heart && heart.material) {\n const filled = index < player.hearts;\n heart.material.color.set(filled ? 0xff0000 : 0x333333);\n if (heart.material.emissive) {\n heart.material.emissive.set(filled ? 0xff0000 : 0x000000);\n heart.material.emissiveIntensity = filled ? 0.5 : 0;\n }\n }\n });\n }\n }\n }, [player?.hearts, id]);\n useEffect(() => {\n if (heartRefs.current.length === 3 && heartRefs.current.every(h => h)) {\n window.planeRegistry.registerHearts(id, heartRefs.current);\n }\n }, [heartRefs.current.length, id]);\n useFrame(() => {\n if (!planeRef.current || !player?.position) return;\n targetPosition.current.set(player.position[0] || 0, player.position[1] || 0, player.position[2] || 0);\n planeRef.current.position.lerp(targetPosition.current, 0.1);\n if (player.rotation) {\n planeRef.current.rotation.x = player.rotation[0] || 0;\n planeRef.current.rotation.y = player.rotation[1] || 0;\n planeRef.current.rotation.z = player.rotation[2] || 0;\n }\n });\n useEffect(() => {\n return () => {\n if (flashTimeoutRef.current) {\n clearTimeout(flashTimeoutRef.current);\n }\n };\n }, []);\n useEffect(() => {\n return () => {\n if (flashTimeoutRef.current) {\n clearTimeout(flashTimeoutRef.current);\n }\n if (explosionTimeoutRef.current) {\n clearTimeout(explosionTimeoutRef.current);\n }\n if (window.planeRegistry && window.planeRegistry.heartMeshes) {\n delete window.planeRegistry.heartMeshes[id];\n }\n };\n }, [id]);\n return \n {}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {}\n \n {}\n {\n if (el) heartRefs.current[0] = el;\n }} position={[-0.5, 0, 0]}>\n \n \n \n {}\n {\n if (el) heartRefs.current[1] = el;\n }} position={[0, 0, 0]}>\n \n \n \n {}\n {\n if (el) heartRefs.current[2] = el;\n }} position={[0.5, 0, 0]}>\n \n \n \n \n {}\n \n {player?.username || 'Unknown Pilot'}\n \n {}\n {showExplosion && \n {}\n \n \n \n \n {}\n {[...Array(10)].map((_, i) => \n \n \n )}\n {}\n {[...Array(6)].map((_, i) => \n \n \n )}\n }\n ;\n}\nfunction OtherPlayers() {\n const {\n gameState\n } = useContext(GameContext);\n const [otherPlayers, setOtherPlayers] = useState({});\n useEffect(() => {\n if (!gameState.isPlaying || !window.playerData.playerKey) return;\n console.log(\"Setting up multiplayer listener\");\n const playersRef = window.ref(database, 'players');\n try {\n const unsubscribe = onValue(playersRef, snapshot => {\n if (!snapshot.exists()) return;\n const players = snapshot.val() || {};\n const filtered = {};\n Object.keys(players).forEach(key => {\n if (key === window.playerData.playerKey) return;\n if (!players[key].isOnline) return;\n if (!players[key].position) return;\n filtered[key] = players[key];\n });\n console.log(\"Other players:\", Object.keys(filtered).length);\n setOtherPlayers(filtered);\n });\n return () => {\n console.log(\"Cleaning up multiplayer listener\");\n unsubscribe();\n };\n } catch (error) {\n console.error(\"Error setting up multiplayer:\", error);\n return () => {};\n }\n }, [gameState.isPlaying]);\n return <>\n {Object.keys(otherPlayers).map(playerId => )}\n ;\n}\nfunction BulletManager() {\n const bulletsRef = useRef({});\n const bulletDataRef = useRef({});\n const updateFrameRef = useRef(0);\n const timeAccumulatorRef = useRef(0);\n const currentPlayerId = window.playerData?.playerKey;\n const {\n scene\n } = useThree();\n const {\n gameState,\n updateHealth,\n updatePlayerState\n } = useContext(GameContext);\n const recentlyFiredBullets = useRef(new Set());\n const processedHits = useRef(new Set());\n const SELF_COLLISION_GRACE_PERIOD = 500;\n const handlePlaneHit = useCallback((targetPlayerId, bulletId, sourcePlayerId) => {\n console.log(`Bullet ${bulletId} from player ${sourcePlayerId} hit player ${targetPlayerId}`);\n const hitKey = `${targetPlayerId}_${bulletId}`;\n if (processedHits.current.has(hitKey)) {\n console.log(`Hit ${hitKey} already processed, ignoring`);\n return;\n }\n processedHits.current.add(hitKey);\n console.log(`Marking hit ${hitKey} as processed`);\n const bulletMesh = bulletsRef.current[bulletId];\n if (bulletMesh) {\n scene.remove(bulletMesh);\n delete bulletsRef.current[bulletId];\n delete bulletDataRef.current[bulletId];\n }\n const bulletRef = window.ref(database, `bullets/${bulletId}`);\n window.remove(bulletRef).catch(e => console.error(\"Error removing bullet:\", e));\n setTimeout(() => {\n processedHits.current.delete(hitKey);\n console.log(`Removed hit ${hitKey} from processed list`);\n }, 3000);\n const playerRef = window.ref(database, `players/${targetPlayerId}`);\n window.get(playerRef).then(snapshot => {\n if (snapshot.exists()) {\n const player = snapshot.val();\n if (player.isDead) {\n console.log(`Skipping hit on already dead player: ${targetPlayerId}`);\n return;\n }\n const currentHearts = typeof player.hearts === 'number' ? player.hearts : 3;\n console.log(`[HEALTH] Hearts in Firebase: ${currentHearts}`);\n if (currentHearts <= 0) {\n console.log(`Player ${targetPlayerId} already has 0 hearts`);\n return;\n }\n if (player.respawnTimestamp && !player.isDead && currentHearts !== 3) {\n const respawnTime = typeof player.respawnTimestamp === 'object' ? player.respawnTimestamp.toString() : player.respawnTimestamp;\n const now = Date.now();\n const timeSinceRespawn = now - respawnTime;\n if (timeSinceRespawn < 5000) {\n console.log(`Player ${targetPlayerId} recently respawned, resetting to 3 hearts`);\n window.update(playerRef, {\n hearts: 3\n });\n return;\n }\n }\n const newHearts = currentHearts - 1;\n const isDead = newHearts <= 0;\n console.log(`Reducing ${targetPlayerId} hearts from ${currentHearts} to ${newHearts}`);\n const updateData = {\n hearts: newHearts,\n lastHit: window.serverTimestamp(),\n lastHitBy: sourcePlayerId,\n isDead: isDead\n };\n if (isDead) {\n window.deathCause = {\n message: \"Shot Down\",\n detail: \"Your plane was shot down by enemy fire\",\n type: \"shot_down\"\n };\n updateData.deathType = 'shot_down';\n updateData.deathPosition = player.position || [0, 1.5, -80];\n updateData.needsPositionReset = true;\n console.log(`Player ${targetPlayerId} shot down! Will need position reset on respawn`);\n }\n window.update(playerRef, updateData).then(() => {\n console.log(`Successfully updated hearts in Firebase for ${targetPlayerId}`);\n if (window.planeRegistry) {\n window.planeRegistry.setHealth(targetPlayerId, newHearts);\n console.log(`Updated planeRegistry for ${targetPlayerId} to ${newHearts} hearts`);\n if (isDead) {\n console.log(`Player ${targetPlayerId} died, will respawn in 3 seconds`);\n if (targetPlayerId === window.playerData?.playerKey) {\n setTimeout(() => {\n console.log(`Triggering respawn for ${targetPlayerId}`);\n updateHealth(3);\n }, 3000);\n }\n }\n }\n if (sourcePlayerId === window.playerData?.playerKey) {\n console.log(\"We hit a player! Updating score...\");\n updatePlayerState({\n score: (gameState.score || 0) + 1\n });\n if (window.playerData.ref) {\n window.update(window.playerData.ref, {\n score: increment(1)\n }).catch(e => console.error(\"Error updating score:\", e));\n }\n }\n }).catch(e => console.error(\"Error updating player hearts:\", e));\n }\n }).catch(e => console.error(\"Error getting player data:\", e));\n }, [scene, gameState.score, updatePlayerState, updateHealth]);\n useEffect(() => {\n if (!database) {\n console.error(\"No Firebase database available for bullet tracking\");\n return;\n }\n console.log(\"Setting up bullet listener\");\n const bulletsDbRef = window.ref(database, 'bullets');\n try {\n const unsubscribe = onValue(bulletsDbRef, snapshot => {\n if (!snapshot.exists()) return;\n const firebaseBullets = snapshot.val() || {};\n Object.entries(firebaseBullets).forEach(([id, data]) => {\n if (!data || !data.active) {\n if (bulletsRef.current[id]) {\n scene.remove(bulletsRef.current[id]);\n delete bulletsRef.current[id];\n }\n delete bulletDataRef.current[id];\n return;\n }\n if (!data.position || !data.direction) return;\n const isOwnBullet = data.playerId === currentPlayerId;\n if (isOwnBullet && !bulletDataRef.current[id]) {\n recentlyFiredBullets.current.add(id);\n setTimeout(() => {\n recentlyFiredBullets.current.delete(id);\n }, SELF_COLLISION_GRACE_PERIOD);\n }\n bulletDataRef.current[id] = {\n ...data,\n isOwnBullet,\n positionVector: new THREE.Vector3(data.position[0] || 0, data.position[1] || 0, data.position[2] || 0),\n directionVector: new THREE.Vector3(data.direction[0] || 0, data.direction[1] || 0, data.direction[2] || 0).normalize(),\n startPositionVector: new THREE.Vector3(data.startPosition?.[0] || data.position[0] || 0, data.startPosition?.[1] || data.position[1] || 0, data.startPosition?.[2] || data.position[2] || 0)\n };\n });\n Object.keys(bulletsRef.current).forEach(id => {\n if (!firebaseBullets[id]) {\n scene.remove(bulletsRef.current[id]);\n delete bulletsRef.current[id];\n delete bulletDataRef.current[id];\n }\n });\n });\n return () => {\n console.log(\"Cleaning up bullet listener\");\n unsubscribe();\n };\n } catch (error) {\n console.error(\"Error setting up bullet listener:\", error);\n return () => {};\n }\n }, [scene, currentPlayerId, updateHealth]);\n useEffect(() => {\n return () => {\n Object.values(bulletsRef.current).forEach(bullet => {\n if (bullet && scene) scene.remove(bullet);\n });\n };\n }, [scene]);\n const frameCounter = useRef(0);\n useFrame((_, delta) => {\n try {\n const BULLET_SPEED = 150;\n const MAX_DISTANCE = 150;\n const COLLISION_RADIUS = 2.5;\n updateFrameRef.current = (updateFrameRef.current + 1) % 10;\n const bulletsToRemove = [];\n const collisionsThisFrame = new Set();\n if (frameCounter.current % 60 === 0) {\n console.log(`Active bullets: ${Object.keys(bulletsRef.current).length}`);\n console.log(`Processed hits count: ${processedHits.current.size}`);\n if (processedHits.current.size > 0) {\n console.log(\"Currently processed hits:\", Array.from(processedHits.current));\n }\n Object.entries(bulletsRef.current).forEach(([id, mesh]) => {\n const data = bulletDataRef.current[id];\n if (data) {\n console.log(`Bullet ${id} from player ${data.playerId} at position:`, mesh.position.toArray());\n }\n });\n frameCounter.current = 0;\n }\n frameCounter.current++;\n Object.entries(bulletDataRef.current).forEach(([id, data]) => {\n if (!data.positionVector || !data.directionVector || !data.startPositionVector) return;\n if (!bulletsRef.current[id]) {\n try {\n const geometry = new THREE.BoxGeometry(0.8, 0.8, 1.2);\n const material = new THREE.MeshBasicMaterial({\n color: data.isOwnBullet ? 0xff0000 : 0x0000ff\n });\n const mesh = new THREE.Mesh(geometry, material);\n mesh.position.copy(data.positionVector);\n mesh.userData = {\n bulletId: id,\n playerId: data.playerId,\n velocity: data.directionVector.clone().normalize().multiplyScalar(BULLET_SPEED),\n createdAt: Date.now()\n };\n const forward = new THREE.Vector3(0, 0, 1);\n mesh.quaternion.setFromUnitVectors(forward, data.directionVector.clone().normalize());\n scene.add(mesh);\n bulletsRef.current[id] = mesh;\n } catch (e) {\n console.error(\"Error creating bullet mesh:\", e);\n }\n }\n const mesh = bulletsRef.current[id];\n if (!mesh) return;\n if (mesh.userData.velocity) {\n const movementVector = mesh.userData.velocity.clone().multiplyScalar(delta);\n mesh.position.add(movementVector);\n data.positionVector.copy(mesh.position);\n }\n const distanceTraveled = mesh.position.distanceTo(data.startPositionVector);\n if (distanceTraveled > MAX_DISTANCE) {\n scene.remove(mesh);\n delete bulletsRef.current[id];\n delete bulletDataRef.current[id];\n if (data.playerId === currentPlayerId) {\n window.bulletSystem.removeBullet(id).catch(e => console.error(\"Error removing bullet:\", e));\n }\n return;\n }\n if (data.isOwnBullet) {\n scene.traverse(object => {\n if (object.userData && object.userData.isRemotePlane && object.userData.playerId) {\n const distance = mesh.position.distanceTo(object.position);\n const COLLISION_RADIUS = 3.0;\n if (distance < COLLISION_RADIUS) {\n handlePlaneHit(object.userData.playerId, id, data.playerId);\n }\n }\n });\n } else if (!data.isOwnBullet) {\n scene.traverse(object => {\n if (object.userData && object.userData.isMainPlane) {\n const selfCollisionKey = `${id}_self`;\n if (collisionsThisFrame.has(selfCollisionKey)) {\n return;\n }\n const distance = mesh.position.distanceTo(object.position);\n if (distance < COLLISION_RADIUS) {\n collisionsThisFrame.add(selfCollisionKey);\n console.log(`Our plane hit by bullet ${id} from player ${data.playerId} at distance ${distance.toFixed(2)}`);\n scene.remove(mesh);\n delete bulletsRef.current[id];\n delete bulletDataRef.current[id];\n bulletsToRemove.push(id);\n updateHealth(-1);\n console.log(\"Local player health reduced by 1\");\n }\n }\n });\n }\n });\n bulletsToRemove.forEach(id => {\n const bullet = bulletsRef.current[id];\n if (bullet) {\n scene.remove(bullet);\n delete bulletsRef.current[id];\n }\n delete bulletDataRef.current[id];\n if (bullet && bullet.userData.playerId === currentPlayerId) {\n window.bulletSystem.removeBullet(id).catch(e => console.error(\"Error removing bullet:\", e));\n }\n });\n } catch (error) {\n console.error(\"Error in bullet processing:\", error);\n }\n });\n return null;\n}\nfunction GameScene() {\n const {\n gameState\n } = useContext(GameContext);\n return \n \n \n \n \n {}\n \n \n \n \n \n \n ;\n}\nfunction DeathScreen() {\n const {\n handlePlayerRespawn,\n gameState\n } = useContext(GameContext);\n const [countdown, setCountdown] = useState(10);\n const countdownRef = useRef(null);\n const [finalScore, setFinalScore] = useState(gameState.score || 0);\n const finalScoreRef = useRef(null);\n const [deathCause, setDeathCause] = useState({\n message: \"Aircraft Destroyed\",\n detail: \"Your plane was destroyed\"\n });\n useEffect(() => {\n console.log(\"Death screen mounted\");\n const currentScore = gameState.score || 0;\n setFinalScore(currentScore);\n finalScoreRef.current = currentScore;\n if (window.deathCause) {\n setDeathCause(window.deathCause);\n if (window.deathCause.message === \"Mid-Air Collision\") {\n console.log(\"Displaying kamikaze score with bonus points\");\n }\n }\n if (window.playerData && window.playerData.playerKey) {\n const playerRef = window.ref(database, `players/${window.playerData.playerKey}`);\n window.get(playerRef).then(snapshot => {\n if (snapshot.exists()) {\n const data = snapshot.val();\n const fbScore = data.score || 0;\n if (fbScore > currentScore) {\n console.log(`Using Firebase score: ${fbScore} (local: ${currentScore})`);\n setFinalScore(fbScore);\n finalScoreRef.current = fbScore;\n }\n const userId = window.playerData?.playerKey;\n const walletAddress = window.playerData?.wallet || '';\n const username = gameState.username || '';\n console.log(`Checking leaderboard update with final score: ${finalScoreRef.current}`);\n updateLeaderboard(userId, walletAddress, username, finalScoreRef.current).then(() => console.log(\"Leaderboard updated successfully\")).catch(error => console.error(\"Failed to update leaderboard:\", error));\n }\n }).catch(error => {\n console.error(\"Error getting final score from Firebase:\", error);\n });\n }\n setCountdown(10);\n if (countdownRef.current) {\n clearInterval(countdownRef.current);\n }\n countdownRef.current = setInterval(() => {\n setCountdown(prev => {\n const newCount = prev - 1;\n console.log(\"Respawn countdown:\", newCount);\n if (newCount <= 0) {\n clearInterval(countdownRef.current);\n handleRespawnClick();\n return 0;\n }\n return newCount;\n });\n }, 1000);\n return () => {\n if (countdownRef.current) {\n clearInterval(countdownRef.current);\n countdownRef.current = null;\n }\n };\n }, [gameState.score]);\n const handleRespawnClick = () => {\n if (countdownRef.current) {\n clearInterval(countdownRef.current);\n countdownRef.current = null;\n }\n if (window.playerData && window.playerData.playerKey && window.planeRegistry) {\n window.planeRegistry.resetHealth(window.playerData.playerKey);\n }\n const deathType = window.deathCause?.type || 'unknown';\n console.log(`Respawning from death type: ${deathType}`);\n if (window.playerData && window.playerData.ref) {\n window.update(window.playerData.ref, {\n hearts: 3,\n isDead: false,\n score: 0,\n isInvincible: true,\n position: [0, 1.5, -80],\n rotation: [0, 0, 0],\n respawned: window.serverTimestamp(),\n needsPositionReset: true,\n deathType: null\n }).catch(error => console.error(\"Error updating player on respawn:\", error));\n }\n window.needsRespawn = true;\n window.forceNextSpawnPosition = true;\n handlePlayerRespawn();\n };\n const handleLeaveGame = () => {\n if (countdownRef.current) {\n clearInterval(countdownRef.current);\n countdownRef.current = null;\n }\n if (window.playerData && window.playerData.ref) {\n window.update(window.playerData.ref, {\n isOnline: false,\n lastDisconnect: window.serverTimestamp()\n }).then(() => {\n window.remove(window.playerData.ref).then(() => {\n window.location.reload();\n }).catch(error => {\n console.error(\"Error removing player:\", error);\n window.location.reload();\n });\n }).catch(error => {\n console.error(\"Error marking player offline:\", error);\n window.location.reload();\n });\n } else {\n window.location.reload();\n }\n };\n return

\n {deathCause.message || \"AIRCRAFT DESTROYED\"}\n

\n FINAL SCORE: {finalScore}\n

\n {deathCause.detail || \"YOUR PLANE WAS DESTROYED\"}\n

{countdown}

\n \n

Auto-respawn in {countdown} seconds

\n \n \n

;\n}\nfunction isMobileDevice() {\n return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n}\nfunction MobileControls({\n onJoystickMove,\n onFirePress,\n onFireRelease\n}) {\n const [showTutorial, setShowTutorial] = useState(true);\n const [tiltEnabled, setTiltEnabled] = useState(false);\n const leftJoystickBaseRef = useRef(null);\n const leftJoystickHandleRef = useRef(null);\n const leftIsDraggingRef = useRef(false);\n const leftStartPositionRef = useRef({\n x: 0,\n y: 0\n });\n const leftCurrentPositionRef = useRef({\n x: 0,\n y: 0\n });\n const rightJoystickBaseRef = useRef(null);\n const rightJoystickHandleRef = useRef(null);\n const rightIsDraggingRef = useRef(false);\n const rightStartPositionRef = useRef({\n x: 0,\n y: 0\n });\n const rightCurrentPositionRef = useRef({\n x: 0,\n y: 0\n });\n useEffect(() => {\n try {\n const tutorialShown = localStorage.getItem('tailchaser_mobile_tutorial_shown');\n if (tutorialShown) {\n setShowTutorial(false);\n }\n } catch (e) {\n console.log(\"No localStorage access\");\n }\n }, []);\n const handleTutorialDismiss = () => {\n setShowTutorial(false);\n try {\n localStorage.setItem('tailchaser_mobile_tutorial_shown', 'true');\n } catch (e) {\n console.log(\"No localStorage access\");\n }\n };\n const handleLeftJoystickStart = e => {\n e.preventDefault();\n const touch = e.touches[0];\n if (!leftJoystickBaseRef.current || !leftJoystickHandleRef.current) return;\n const baseRect = leftJoystickBaseRef.current.getBoundingClientRect();\n leftStartPositionRef.current = {\n x: baseRect.left + baseRect.width / 2,\n y: baseRect.top + baseRect.height / 2\n };\n leftIsDraggingRef.current = true;\n handleLeftJoystickMove(e);\n };\n const handleLeftJoystickMove = e => {\n e.preventDefault();\n if (!leftIsDraggingRef.current || !leftJoystickHandleRef.current || !leftJoystickBaseRef.current) return;\n const touch = e.touches[0];\n const baseRect = leftJoystickBaseRef.current.getBoundingClientRect();\n const maxDistance = baseRect.width / 2 - 25;\n let deltaX = touch.clientX - leftStartPositionRef.current.x;\n let deltaY = touch.clientY - leftStartPositionRef.current.y;\n const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);\n if (distance > maxDistance) {\n const angle = Math.atan2(deltaY, deltaX);\n deltaX = Math.cos(angle) * maxDistance;\n deltaY = Math.sin(angle) * maxDistance;\n }\n leftJoystickHandleRef.current.style.transform = `translate(${deltaX}px, ${deltaY}px)`;\n const normalizedX = deltaX / maxDistance;\n const normalizedY = deltaY / maxDistance;\n if (leftJoystickHandleRef.current) {\n const activeOpacity = Math.min(0.8, 0.4 + distance / maxDistance * 0.4);\n leftJoystickHandleRef.current.style.backgroundColor = `rgba(0, 255, 255, ${activeOpacity})`;\n leftJoystickHandleRef.current.style.boxShadow = `0 0 ${15 + distance / maxDistance * 10}px #0ff`;\n }\n leftCurrentPositionRef.current = {\n x: normalizedX,\n y: normalizedY\n };\n updateJoystickState();\n };\n const handleLeftJoystickEnd = e => {\n e.preventDefault();\n if (!leftJoystickHandleRef.current) return;\n leftIsDraggingRef.current = false;\n leftJoystickHandleRef.current.style.transition = 'transform 0.2s ease-out, background-color 0.2s ease-out, box-shadow 0.2s ease-out';\n leftJoystickHandleRef.current.style.transform = 'translate(0px, 0px)';\n leftJoystickHandleRef.current.style.backgroundColor = 'rgba(0, 255, 255, 0.8)';\n leftJoystickHandleRef.current.style.boxShadow = '0 0 15px #0ff';\n setTimeout(() => {\n if (leftJoystickHandleRef.current) {\n leftJoystickHandleRef.current.style.transition = '';\n }\n }, 200);\n leftCurrentPositionRef.current = {\n x: 0,\n y: 0\n };\n updateJoystickState();\n };\n const handleRightJoystickStart = e => {\n e.preventDefault();\n const touch = e.touches[0];\n if (!rightJoystickBaseRef.current || !rightJoystickHandleRef.current) return;\n const baseRect = rightJoystickBaseRef.current.getBoundingClientRect();\n rightStartPositionRef.current = {\n x: baseRect.left + baseRect.width / 2,\n y: baseRect.top + baseRect.height / 2\n };\n rightIsDraggingRef.current = true;\n handleRightJoystickMove(e);\n };\n const handleRightJoystickMove = e => {\n e.preventDefault();\n if (!rightIsDraggingRef.current || !rightJoystickHandleRef.current || !rightJoystickBaseRef.current) return;\n const touch = e.touches[0];\n const baseRect = rightJoystickBaseRef.current.getBoundingClientRect();\n const centerY = baseRect.top + baseRect.height / 2;\n const maxVerticalMove = baseRect.height / 2 - 25;\n let deltaY = touch.clientY - centerY;\n deltaY = Math.max(-maxVerticalMove, Math.min(maxVerticalMove, deltaY));\n rightJoystickHandleRef.current.style.transform = `translateY(${deltaY}px)`;\n const normalizedY = -deltaY / maxVerticalMove;\n if (rightJoystickHandleRef.current) {\n const intensity = Math.abs(normalizedY);\n const activeOpacity = Math.min(0.8, 0.4 + intensity * 0.4);\n rightJoystickHandleRef.current.style.backgroundColor = `rgba(255, 200, 50, ${activeOpacity})`;\n rightJoystickHandleRef.current.style.boxShadow = `0 0 ${15 + intensity * 10}px #ff8`;\n }\n rightCurrentPositionRef.current = {\n x: 0,\n y: normalizedY\n };\n updateJoystickState();\n };\n const handleRightJoystickEnd = e => {\n e.preventDefault();\n if (!rightJoystickHandleRef.current) return;\n rightIsDraggingRef.current = false;\n rightJoystickHandleRef.current.style.transition = 'transform 0.2s ease-out, background-color 0.2s ease-out, box-shadow 0.2s ease-out';\n rightJoystickHandleRef.current.style.transform = 'translateY(0px)';\n rightJoystickHandleRef.current.style.backgroundColor = 'rgba(255, 200, 50, 0.8)';\n rightJoystickHandleRef.current.style.boxShadow = '0 0 15px #ff8';\n setTimeout(() => {\n if (rightJoystickHandleRef.current) {\n rightJoystickHandleRef.current.style.transition = '';\n }\n }, 200);\n rightCurrentPositionRef.current = {\n x: 0,\n y: 0\n };\n updateJoystickState();\n };\n const updateJoystickState = () => {\n onJoystickMove(leftCurrentPositionRef.current.x, leftCurrentPositionRef.current.y, rightCurrentPositionRef.current.y);\n };\n const handleTiltToggle = () => {\n const newTiltState = !tiltEnabled;\n setTiltEnabled(newTiltState);\n if (newTiltState) {\n if (DeviceOrientationEvent && typeof DeviceOrientationEvent.requestPermission === 'function') {\n DeviceOrientationEvent.requestPermission().then(permissionState => {\n if (permissionState === 'granted') {\n window.addEventListener('deviceorientation', handleTilt);\n } else {\n setTiltEnabled(false);\n }\n }).catch(error => {\n console.error('Error requesting orientation permission:', error);\n setTiltEnabled(false);\n });\n } else {\n window.addEventListener('deviceorientation', handleTilt);\n }\n } else {\n window.removeEventListener('deviceorientation', handleTilt);\n }\n };\n const handleTilt = event => {\n const tiltY = event.beta;\n const tiltX = event.gamma;\n const normalizedX = Math.max(Math.min(tiltX / 45, 1), -1);\n const normalizedY = Math.max(Math.min((tiltY - 45) / 45, 1), -1);\n if (!isDraggingRef.current) {\n onJoystickMove(normalizedX, normalizedY);\n }\n };\n useEffect(() => {\n return () => {\n if (tiltEnabled) {\n window.removeEventListener('deviceorientation', handleTilt);\n }\n };\n }, [tiltEnabled]);\n return

\n {}\n

\n ⤡\n

Movement

\n\n {}\n

\n {}\n \n \n {}\n

\n ⬆️\n

\n ⬇️\n

\n ↕\n

Altitude

\n\n {}\n

{\n e.preventDefault();\n handleTiltToggle();\n }}>\n 📱 Tilt Controls: {tiltEnabled ? 'ON' : 'OFF'}\n

\n\n {}\n {showTutorial &&

\n TAILCHASER DUAL JOYSTICK CONTROLS\n

\n \n

\n {}\n

⤡

MOVEMENT STICK

Controls forward/backward movement and turning

\n\n {}\n

\n {}\n

🔥

\n \n {}\n

↕

\n ⬆️\n

\n ⬇️\n

FIRE & ALTITUDE

Top button to fire, slide up/down for altitude

\n \n

\n These dual joysticks give you precise control over your aircraft for superior dogfighting!\n

\n \n \n

}\n\n {}\n

{\n e.preventDefault();\n handleTiltToggle();\n }}>\n 📱 Tilt Controls: {tiltEnabled ? 'ON' : 'OFF'}\n

;\n}\nfunction Game() {\n const {\n gameState,\n updatePlayerState\n } = useContext(GameContext);\n const [onlineCount, setOnlineCount] = useState(0);\n const [isMobile, setIsMobile] = useState(false);\n useEffect(() => {\n setIsMobile(isMobileDevice());\n }, []);\n const handleJoystickMove = useCallback((x, y, altitude) => {\n if (!gameState.isPlaying || gameState.isDead) return;\n const enhancedX = Math.sign(x) * Math.pow(Math.abs(x), 0.8);\n const enhancedY = Math.sign(y) * Math.pow(Math.abs(y), 0.8);\n const enhancedAltitude = altitude !== undefined ? Math.sign(altitude) * Math.pow(Math.abs(altitude), 0.8) : 0;\n const currentState = window.mobileControlState?.joystick || {\n x: 0,\n y: 0,\n altitude: 0\n };\n window.mobileControlState = {\n ...window.mobileControlState,\n joystick: {\n x: enhancedX,\n y: enhancedY,\n altitude: enhancedAltitude\n }\n };\n if (Math.abs(enhancedX) > 0.3 || Math.abs(enhancedY) > 0.3 || Math.abs(enhancedAltitude) > 0.3) {\n console.log(`Joystick values - X: ${enhancedX.toFixed(2)}, Y: ${enhancedY.toFixed(2)}, Alt: ${enhancedAltitude.toFixed(2)}`);\n }\n }, [gameState.isPlaying, gameState.isDead]);\n const handleFirePress = useCallback(() => {\n if (!gameState.isPlaying || gameState.isDead) return;\n window.mobileControlState = {\n ...window.mobileControlState,\n isFiring: true\n };\n if (window.handleShooting) {\n window.handleShooting();\n }\n }, [gameState.isPlaying, gameState.isDead]);\n const handleFireRelease = useCallback(() => {\n window.mobileControlState = {\n ...window.mobileControlState,\n isFiring: false\n };\n }, []);\n useEffect(() => {\n window.mobileControlState = {\n joystick: {\n x: 0,\n y: 0,\n altitude: 0\n },\n isFiring: false\n };\n const handleTouchStart = e => {\n if (e.target.tagName !== 'BUTTON' && !e.target.closest('button') && !e.target.closest('.wallet-adapter-button')) {\n e.preventDefault();\n }\n };\n const handleTouchMove = e => {\n if (e.target.tagName !== 'BUTTON' && !e.target.closest('button') && !e.target.closest('.wallet-adapter-button')) {\n e.preventDefault();\n }\n };\n document.addEventListener('touchstart', handleTouchStart, {\n passive: false\n });\n document.addEventListener('touchmove', handleTouchMove, {\n passive: false\n });\n return () => {\n document.removeEventListener('touchstart', handleTouchStart);\n document.removeEventListener('touchmove', handleTouchMove);\n };\n }, []);\n useEffect(() => {\n if (!gameState.isPlaying) return;\n console.log(\"Setting up online player counter\");\n const playersRef = window.ref(database, 'players');\n const unsubscribe = onValue(playersRef, snapshot => {\n const players = snapshot.val() || {};\n let count = 0;\n Object.keys(players).forEach(key => {\n if (players[key] && players[key].isOnline === true) {\n count++;\n }\n });\n console.log(\"Online players:\", count);\n setOnlineCount(count);\n });\n return () => unsubscribe();\n }, [gameState.isPlaying]);\n useEffect(() => {\n if (!gameState.isPlaying || !window.playerData?.playerKey) return;\n const playerRef = window.ref(database, `players/${window.playerData.playerKey}`);\n console.log(\"Setting up player state sync listener\");\n const unsubscribe = onValue(playerRef, snapshot => {\n if (!snapshot.exists()) return;\n const playerData = snapshot.val();\n console.log(\"Got player data update:\", playerData);\n if (typeof playerData.hearts === 'number') {\n console.log(`[HEALTH] Current hearts in gameState: ${gameState.hearts}`);\n console.log(`Updating local hearts to match server: ${playerData.hearts}`);\n updatePlayerState({\n hearts: playerData.hearts,\n isDead: playerData.isDead || false\n });\n }\n });\n return () => unsubscribe();\n }, [gameState.isPlaying]);\n useEffect(() => {\n if (!gameState.isPlaying || !window.playerData?.playerKey) return;\n console.log(\"Setting up score sync effect\");\n const scoreWatchInterval = setInterval(() => {\n if (window.playerData?.ref && typeof gameState.score === 'number') {\n const playerRef = window.ref(database, `players/${window.playerData.playerKey}`);\n window.get(playerRef).then(snapshot => {\n if (snapshot.exists()) {\n const currentData = snapshot.val();\n if (currentData.score !== gameState.score) {\n console.log(`Syncing score to Firebase: UI=${gameState.score}, Firebase=${currentData.score}`);\n window.update(playerRef, {\n score: gameState.score\n });\n }\n }\n });\n }\n }, 1000);\n return () => clearInterval(scoreWatchInterval);\n }, [gameState.isPlaying]);\n useEffect(() => {\n if (!window.playerData?.playerKey || !gameState.isPlaying) return;\n console.log(\"Setting up score sync with Firebase\");\n console.log(\"Current game state:\", gameState);\n const syncScore = () => {\n const currentScore = gameState.score || 0;\n console.log(`Checking score sync: UI score=${currentScore}`);\n if (window.playerData.ref) {\n window.update(window.playerData.ref, {\n score: currentScore,\n lastScoreSync: window.serverTimestamp()\n }).then(() => {\n console.log(`Successfully synced score to Firebase: ${currentScore}`);\n }).catch(error => {\n console.error(\"Error syncing score:\", error);\n });\n }\n };\n syncScore();\n const intervalId = setInterval(syncScore, 3000);\n return () => {\n clearInterval(intervalId);\n console.log(\"Score sync cleanup\");\n };\n }, [gameState.score, gameState.isPlaying]);\n useEffect(() => {\n if (!gameState.isPlaying) {\n const cursor = document.createElement(\"div\");\n cursor.className = \"hidden md:block fixed w-6 h-6 pointer-events-none z-50\";\n cursor.innerHTML = ``;\n document.body.appendChild(cursor);\n const moveCursor = e => {\n cursor.style.left = `${e.clientX}px`;\n cursor.style.top = `${e.clientY}px`;\n cursor.style.display = \"block\";\n cursor.style.transform = \"translate(-50%, -50%)\";\n };\n document.addEventListener(\"mousemove\", moveCursor);\n const style = document.createElement(\"style\");\n style.innerHTML = `\n @keyframes float {\n 0% { transform: translate(0, 0) rotate(0deg); }\n 50% { transform: translate(15px, -15px) rotate(5deg); }\n 100% { transform: translate(0, 0) rotate(0deg); }\n }\n .animate-float {\n animation: float 8s ease-in-out infinite;\n }\n .animate-pulse-slow {\n animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n }\n @keyframes gradient-xy {\n 0% { background-position: 0% 0%; }\n 50% { background-position: 100% 100%; }\n 100% { background-position: 0% 0%; }\n }\n .animate-gradient-xy {\n animation: gradient-xy 3s ease infinite;\n background-size: 400% 400%;\n }\n @keyframes shine {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n .animate-shine {\n animation: shine 1.5s linear infinite;\n }\n `;\n document.head.appendChild(style);\n return () => {\n document.removeEventListener(\"mousemove\", moveCursor);\n if (cursor.parentNode) document.body.removeChild(cursor);\n if (style.parentNode) document.head.removeChild(style);\n };\n }\n }, [gameState.isPlaying]);\n const [playTime, setPlayTime] = useState(0);\n useEffect(() => {\n let timer;\n if (gameState.isPlaying) {\n timer = setInterval(() => {\n setPlayTime(prev => prev + 1);\n }, 1000);\n }\n return () => clearInterval(timer);\n }, [gameState.isPlaying]);\n const formatTime = seconds => {\n const mins = Math.floor(seconds / 60).toString().padStart(2, '0');\n const secs = (seconds % 60).toString().padStart(2, '0');\n return `${mins}:${secs}`;\n };\n return

\n {!gameState.isPlaying && }\n {gameState.isPlaying && gameState.isDead && }\n {gameState.isPlaying && isMobile && }\n {gameState.isPlaying && <>\n {}\n

\n {}\n

\n ✈️\n

\n FLIGHT.data.exe\n

\n \n \n \n

\n {}\n

PILOT ID:

\n {gameState.username.slice(0, 8)}...{gameState.username.slice(-4)}\n

\n {}\n

ALTITUDE:

\n {(gameState.altitude * 100).toFixed(0)} FT\n

TIME:

\n {formatTime(playTime)}\n

SCORE:

\n {gameState.score || 0}\n

STATUS:

\n {gameState.isDead ? 'DESTROYED' : gameState.isInvincible ? 'SHIELDED' : 'VULNERABLE'}\n

\n {}\n

ONLINE PILOTS:

\n ● {onlineCount || 0}\n \n {onlineCount > 1 ? ' pilots in airspace' : ' pilot in airspace'}\n \n

\n {}\n

HEARTS:

\n {[...Array(3)].map((_, i) =>

\n \n

)}\n

\n {}\n {gameState.isInvincible &&

\n 🛡️ SHIELD ACTIVE\n

}\n

\n }\n

;\n}\nfunction AppWithProvider() {\n const network = WalletAdapterNetwork.Mainnet;\n const endpoint = clusterApiUrl(network);\n const [loaded, setLoaded] = useState(false);\n useEffect(() => {\n const cleanupPlayer = () => {\n if (window.playerData.ref) {\n console.log(\"Cleaning up player data on close\");\n try {\n window.update(window.playerData.ref, {\n isOnline: false,\n lastDisconnect: window.serverTimestamp()\n });\n const dbPath = `${firebaseConfig.databaseURL}/players/${window.playerData.playerKey}.json`;\n const data = JSON.stringify({\n isOnline: false,\n lastDisconnect: {\n '.sv': 'timestamp'\n }\n });\n navigator.sendBeacon(dbPath, data);\n } catch (e) {\n console.error(\"Error in cleanup:\", e);\n }\n }\n };\n window.addEventListener('beforeunload', cleanupPlayer);\n window.addEventListener('unload', cleanupPlayer);\n document.addEventListener('visibilitychange', () => {\n if (document.visibilityState === 'hidden') {\n cleanupPlayer();\n }\n });\n return () => {\n window.removeEventListener('beforeunload', cleanupPlayer);\n window.removeEventListener('unload', cleanupPlayer);\n document.removeEventListener('visibilitychange', cleanupPlayer);\n cleanupPlayer();\n };\n }, []);\n useEffect(() => {\n window.dispatchEvent = function (event) {\n return false;\n };\n setLoaded(true);\n }, []);\n if (!loaded) {\n return null;\n }\n return \n \n \n \n \n \n \n \n ;\n}\nexport default AppWithProvider;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"@react-three/fiber\":\"8.15.19\",\"@react-three/drei\":\"9.99.7\",\"three\":\"0.162.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\",\"@devfunlabs/wallet-adapter-devfun\":\"0.3.0\",\"socket.io-client\":\"4.7.1\",\"lucide-react\":\"0.441.0\",\"zod\":\"3.22.4\",\"recharts\":\"2.8.0\",\"framer-motion\":\"10.16.4\",\"react-router-dom\":\"6.18.0\",\"@devfunlabs/state-client\":\"0.8.1\",\"@devfunlabs/web-sdk\":\"0.2.2\",\"react-dom\":\"18.2.0\",\"firebase\":\"9.20.0\"}}","token",{"_18":72,"_73":74,"_75":76,"_77":78,"_79":80,"_81":82,"_83":84,"_85":39,"_86":58,"_64":65},"SPIRITUAL GAMING NETWORK ","symbol","SGN","price",0.00000676,"marketcap",6755,"image","https://pump.mypinata.cloud/ipfs/QmXXSkqgsfK8pmop2kQY5P8px1EcsEVjK76VLfqSvDcJ1o?img-width=256&img-dpr=2","website","https://dev.fun/p/76a2ff894a2193862107","twitter","https://x.com/Vrtxluvs2gamble/status/1905334818092810420","devCount","appCount","upstreamApp","isLordOfDev","analytics",[91,95,97,99,101,103,105,107,109,111,113,115,117,119,121,123,125,126,128,130,132,134,136],{"_92":93,"_94":56},"day","2025-03-18","runCount",{"_92":96,"_94":56},"2025-03-19",{"_92":98,"_94":56},"2025-03-20",{"_92":100,"_94":56},"2025-03-21",{"_92":102,"_94":56},"2025-03-22",{"_92":104,"_94":56},"2025-03-23",{"_92":106,"_94":56},"2025-03-24",{"_92":108,"_94":56},"2025-03-25",{"_92":110,"_94":56},"2025-03-26",{"_92":112,"_94":56},"2025-03-27",{"_92":114,"_94":56},"2025-03-28",{"_92":116,"_94":56},"2025-03-29",{"_92":118,"_94":56},"2025-03-30",{"_92":120,"_94":56},"2025-03-31",{"_92":106,"_94":122},7,{"_92":108,"_94":124},10,{"_92":110,"_94":39},{"_92":112,"_94":127},1560,{"_92":114,"_94":129},367,{"_92":116,"_94":131},69,{"_92":118,"_94":133},21,{"_92":120,"_94":135},19,{"_92":137,"_94":138},"2025-04-01",8,"snapshot","ogImage","https://cdn.dev.fun/og/image/76a2ff894a2193862107/dfb7e198.webp","commitDetail","actionData","errors"]

TOP PILOTS

\n TAILCHASER\n

エアリアル コンバット シミュレーター

Miku Sky Squadron

\n {deathCause.message || \"AIRCRAFT DESTROYED\"}\n

\n TAILCHASER DUAL JOYSTICK CONTROLS\n

エアリアルコンバットシミュレーター