function MainComponent() { const [gameState, setGameState] = useState("waiting"); const [multiplier, setMultiplier] = useState(1.0); const [crashPoint, setCrashPoint] = useState(null); const [gameHistory, setGameHistory] = useState([]); const [planePosition, setPlanePosition] = useState({ x: 10, y: 80, rotation: 0 }); const [gameStartTime, setGameStartTime] = useState(null); const [playerEjected, setPlayerEjected] = useState(false); const [ejectionMultiplier, setEjectionMultiplier] = useState(null); const [showResult, setShowResult] = useState(false); const [clouds, setClouds] = useState([]); const [error, setError] = useState(null); // Initialize clouds useEffect(()=>{ const initialClouds = Array.from({ length: 8 }, (_, i)=>({ id: i, x: Math.random() * 100, y: 20 + Math.random() * 60, size: 0.5 + Math.random() * 1, speed: 0.2 + Math.random() * 0.3 })); setClouds(initialClouds); }, []); // Fetch crash point when game starts const fetchCrashPoint = async ()=>{ try { const response = await fetch("/api/crash-point", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ serverSeed: "altitude-rush-" + Date.now(), clientSeed: "client-" + Math.random(), nonce: gameHistory.length }) }); if (!response.ok) { throw new Error(`When fetching /api/crash-point, the response was [${response.status}] ${response.statusText}`); } const data = await response.json(); return data.crashPoint; } catch (error) { console.error(error); setError("Failed to fetch crash point"); return 2.0 + Math.random() * 8; } }; // Start game const startGame = async ()=>{ const newCrashPoint = await fetchCrashPoint(); setCrashPoint(newCrashPoint); setGameState("flying"); setMultiplier(1.0); setPlanePosition({ x: 10, y: 80, rotation: 0 }); setGameStartTime(Date.now()); setPlayerEjected(false); setEjectionMultiplier(null); setShowResult(false); setError(null); }; // Eject player const ejectPlayer = ()=>{ if (gameState !== "flying" || playerEjected) return; setPlayerEjected(true); setEjectionMultiplier(multiplier); setGameState("ejected"); setTimeout(()=>{ setShowResult(true); setGameHistory((prev)=>[ { multiplier: multiplier, crashPoint: crashPoint, won: true, timestamp: Date.now() }, ...prev.slice(0, 9) ]); }, 1000); }; // Game loop useEffect(()=>{ if (gameState !== "flying" || !gameStartTime || !crashPoint) return; const interval = setInterval(()=>{ const elapsed = Date.now() - gameStartTime; const newMultiplier = 1.0 + elapsed / 1000 * 0.5; setMultiplier(newMultiplier); // Update plane position const progress = Math.min((newMultiplier - 1) / (crashPoint - 1), 1); const newY = 80 - progress * 60; const newX = 10 + progress * 30; const newRotation = -15 + progress * 10; setPlanePosition({ x: newX, y: newY, rotation: newRotation }); // Check if crashed if (newMultiplier >= crashPoint && !playerEjected) { setGameState("crashed"); setGameHistory((prev)=>[ { multiplier: newMultiplier, crashPoint: crashPoint, won: false, timestamp: Date.now() }, ...prev.slice(0, 9) ]); setTimeout(()=>{ setShowResult(true); }, 2000); } }, 50); return ()=>clearInterval(interval); }, [ gameState, gameStartTime, crashPoint, playerEjected ]); // Animate clouds useEffect(()=>{ const interval = setInterval(()=>{ setClouds((prev)=>prev.map((cloud)=>({ ...cloud, x: (cloud.x + cloud.speed) % 110 }))); }, 100); return ()=>clearInterval(interval); }, []); // Reset game const resetGame = ()=>{ setGameState("waiting"); setShowResult(false); setMultiplier(1.0); setCrashPoint(null); setPlanePosition({ x: 10, y: 80, rotation: 0 }); }; // Calculate sky darkness based on altitude const skyDarkness = Math.min((multiplier - 1) / 10, 0.7); const skyOpacity = 1 - skyDarkness; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-blue-400 via-blue-600 to-blue-800 relative overflow-hidden", __source: { fileName: "", lineNumber: 168, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-blue-900 to-black transition-opacity duration-300", style: { opacity: skyDarkness }, __source: { fileName: "", lineNumber: 170, columnNumber: 7 }, __self: this }), clouds.map((cloud)=>/*#__PURE__*/ React.createElement("div", { key: cloud.id, className: "absolute transition-all duration-100 ease-linear", style: { left: `${cloud.x}%`, top: `${cloud.y}%`, transform: `scale(${cloud.size})`, opacity: skyOpacity * 0.8 }, __source: { fileName: "", lineNumber: 177, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-8 bg-white/30 rounded-full relative", __source: { fileName: "", lineNumber: 187, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -top-2 left-2 w-8 h-8 bg-white/30 rounded-full", __source: { fileName: "", lineNumber: 188, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -top-1 right-2 w-6 h-6 bg-white/30 rounded-full", __source: { fileName: "", lineNumber: 189, columnNumber: 13 }, __self: this })))), multiplier > 5 && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 opacity-60", __source: { fileName: "", lineNumber: 196, columnNumber: 9 }, __self: this }, Array.from({ length: 20 }).map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "absolute w-1 h-1 bg-white rounded-full animate-pulse", style: { left: `${Math.random() * 100}%`, top: `${Math.random() * 50}%`, animationDelay: `${Math.random() * 2}s` }, __source: { fileName: "", lineNumber: 198, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 h-screen flex flex-col", __source: { fileName: "", lineNumber: 212, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center pt-4 pb-2", __source: { fileName: "", lineNumber: 214, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl sm:text-4xl font-bold text-white mb-2 font-orbitron", __source: { fileName: "", lineNumber: 215, columnNumber: 11 }, __self: this }, "✈️ ALTITUDE RUSH"), gameState === "flying" && /*#__PURE__*/ React.createElement("div", { className: "text-3xl sm:text-5xl font-bold text-yellow-400 font-mono", __source: { fileName: "", lineNumber: 219, columnNumber: 13 }, __self: this }, multiplier.toFixed(2), "x")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 relative", __source: { fileName: "", lineNumber: 226, columnNumber: 9 }, __self: this }, (gameState === "flying" || gameState === "ejected") && /*#__PURE__*/ React.createElement("div", { className: "absolute transition-all duration-75 ease-linear", style: { left: `${planePosition.x}%`, top: `${planePosition.y}%`, transform: `rotate(${planePosition.rotation}deg)` }, __source: { fileName: "", lineNumber: 229, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/1f98fb0b-803e-4b0d-8194-d9ac43131b0f/-/format/auto/", alt: "Red Aircraft", className: "w-16 h-16 sm:w-20 sm:h-20 object-contain", style: { filter: "drop-shadow(0 4px 8px rgba(0,0,0,0.3))" }, __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }), playerEjected && /*#__PURE__*/ React.createElement("div", { className: "absolute -top-8 -right-4 text-2xl animate-bounce", __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, "🪂")), gameState === "crashed" && /*#__PURE__*/ React.createElement("div", { className: "absolute", style: { left: `${planePosition.x}%`, top: `${planePosition.y}%` }, __source: { fileName: "", lineNumber: 255, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl sm:text-8xl animate-pulse", __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }, "💥")), gameState === "flying" && /*#__PURE__*/ React.createElement("div", { className: "absolute right-4 top-4 bg-black/50 backdrop-blur-sm rounded-lg p-3 text-white", __source: { fileName: "", lineNumber: 268, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm opacity-75", __source: { fileName: "", lineNumber: 269, columnNumber: 15 }, __self: this }, "Altitude"), /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 270, columnNumber: 15 }, __self: this }, Math.round((multiplier - 1) * 1000), "m"))), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 278, columnNumber: 9 }, __self: this }, gameState === "waiting" && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 280, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/50 backdrop-blur-sm rounded-2xl p-6 mb-4 border border-white/20", __source: { fileName: "", lineNumber: 281, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-white mb-3", __source: { fileName: "", lineNumber: 282, columnNumber: 17 }, __self: this }, "🚀 Ready for Takeoff?"), /*#__PURE__*/ React.createElement("p", { className: "text-white/80 mb-4", __source: { fileName: "", lineNumber: 285, columnNumber: 17 }, __self: this }, "Watch the plane climb and the multiplier increase. Eject before it crashes to win!"), /*#__PURE__*/ React.createElement("button", { onClick: startGame, className: "w-full px-8 py-4 bg-gradient-to-r from-green-600 to-green-700 hover:from-green-700 hover:to-green-800 text-white font-bold rounded-xl text-lg transition-all duration-300 shadow-lg hover:scale-105 active:scale-95", __source: { fileName: "", lineNumber: 289, columnNumber: 17 }, __self: this }, "🛫 TAKE OFF"))), gameState === "flying" && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 300, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ejectPlayer, className: "w-full px-8 py-6 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white font-bold rounded-xl text-xl transition-all duration-300 shadow-lg hover:scale-105 active:scale-95 animate-pulse", __source: { fileName: "", lineNumber: 301, columnNumber: 15 }, __self: this }, "🪂 EJECT NOW!"), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-white/60 text-sm", __source: { fileName: "", lineNumber: 307, columnNumber: 15 }, __self: this }, "Current: ", multiplier.toFixed(2), "x")), gameState === "ejected" && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 314, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-900/50 backdrop-blur-sm rounded-xl p-4 border border-green-500/30", __source: { fileName: "", lineNumber: 315, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl mb-2", __source: { fileName: "", lineNumber: 316, columnNumber: 17 }, __self: this }, "🪂"), /*#__PURE__*/ React.createElement("div", { className: "text-white font-bold", __source: { fileName: "", lineNumber: 317, columnNumber: 17 }, __self: this }, "Ejected at ", ejectionMultiplier?.toFixed(2), "x"), /*#__PURE__*/ React.createElement("div", { className: "text-green-400 text-sm", __source: { fileName: "", lineNumber: 320, columnNumber: 17 }, __self: this }, "Waiting for crash..."))), gameState === "crashed" && !showResult && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 328, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-900/50 backdrop-blur-sm rounded-xl p-4 border border-red-500/30", __source: { fileName: "", lineNumber: 329, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-2", __source: { fileName: "", lineNumber: 330, columnNumber: 17 }, __self: this }, "💥"), /*#__PURE__*/ React.createElement("div", { className: "text-white font-bold", __source: { fileName: "", lineNumber: 331, columnNumber: 17 }, __self: this }, "CRASHED at ", multiplier.toFixed(2), "x"), /*#__PURE__*/ React.createElement("div", { className: "text-red-400 text-sm", __source: { fileName: "", lineNumber: 334, columnNumber: 17 }, __self: this }, playerEjected ? "You ejected in time!" : "Too late!")))), /*#__PURE__*/ React.createElement("div", { className: "px-4 pb-4", __source: { fileName: "", lineNumber: 343, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/30 backdrop-blur-sm rounded-xl p-3 border border-white/10", __source: { fileName: "", lineNumber: 344, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-bold text-sm mb-2", __source: { fileName: "", lineNumber: 345, columnNumber: 13 }, __self: this }, "Recent Flights"), /*#__PURE__*/ React.createElement("div", { className: "space-y-1 max-h-20 overflow-y-auto", __source: { fileName: "", lineNumber: 348, columnNumber: 13 }, __self: this }, gameHistory.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-white/50 text-xs text-center py-2", __source: { fileName: "", lineNumber: 350, columnNumber: 17 }, __self: this }, "No flights yet") : gameHistory.map((flight, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex justify-between items-center text-xs p-2 rounded ${flight.won ? "bg-green-900/30 text-green-400" : "bg-red-900/30 text-red-400"}`, __source: { fileName: "", lineNumber: 355, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 363, columnNumber: 21 }, __self: this }, flight.won ? "🪂" : "💥", " Flight #", gameHistory.length - index), /*#__PURE__*/ React.createElement("span", { className: "font-mono", __source: { fileName: "", lineNumber: 367, columnNumber: 21 }, __self: this }, flight.won ? `+${flight.multiplier.toFixed(2)}x` : `${flight.multiplier.toFixed(2)}x`))))))), showResult && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/80 backdrop-blur-sm flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 382, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/70 backdrop-blur-xl rounded-2xl p-6 border border-white/20 text-center max-w-sm w-full", __source: { fileName: "", lineNumber: 383, columnNumber: 11 }, __self: this }, playerEjected ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "text-6xl mb-4", __source: { fileName: "", lineNumber: 386, columnNumber: 17 }, __self: this }, "🎉"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-green-400 mb-2", __source: { fileName: "", lineNumber: 387, columnNumber: 17 }, __self: this }, "SUCCESSFUL EJECTION!"), /*#__PURE__*/ React.createElement("div", { className: "text-white mb-2", __source: { fileName: "", lineNumber: 390, columnNumber: 17 }, __self: this }, "You ejected at", " ", /*#__PURE__*/ React.createElement("span", { className: "font-bold text-yellow-400", __source: { fileName: "", lineNumber: 392, columnNumber: 19 }, __self: this }, ejectionMultiplier?.toFixed(2), "x")), /*#__PURE__*/ React.createElement("div", { className: "text-white/60 text-sm mb-4", __source: { fileName: "", lineNumber: 396, columnNumber: 17 }, __self: this }, "Plane crashed at ", crashPoint?.toFixed(2), "x")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "text-6xl mb-4", __source: { fileName: "", lineNumber: 402, columnNumber: 17 }, __self: this }, "💥"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-red-400 mb-2", __source: { fileName: "", lineNumber: 403, columnNumber: 17 }, __self: this }, "CRASHED!"), /*#__PURE__*/ React.createElement("div", { className: "text-white mb-2", __source: { fileName: "", lineNumber: 406, columnNumber: 17 }, __self: this }, "Plane crashed at", " ", /*#__PURE__*/ React.createElement("span", { className: "font-bold text-red-400", __source: { fileName: "", lineNumber: 408, columnNumber: 19 }, __self: this }, multiplier.toFixed(2), "x")), /*#__PURE__*/ React.createElement("div", { className: "text-white/60 text-sm mb-4", __source: { fileName: "", lineNumber: 412, columnNumber: 17 }, __self: this }, "You didn't eject in time!")), /*#__PURE__*/ React.createElement("button", { onClick: resetGame, className: "w-full px-6 py-3 bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white font-bold rounded-xl transition-all duration-300 hover:scale-105 active:scale-95", __source: { fileName: "", lineNumber: 418, columnNumber: 13 }, __self: this }, "🛫 FLY AGAIN"))), error && /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 left-4 right-4 bg-red-900/80 backdrop-blur-sm text-white p-3 rounded-lg border border-red-500/30 text-center", __source: { fileName: "", lineNumber: 430, columnNumber: 9 }, __self: this }, error)); }