SkyFall

\n ))}\n \n );\n };\n\n // Component for the high score celebration effect\n const HighScoreCelebration = () => {\n const [confettiPosition, setConfettiPosition] = useState([]);\n\n useEffect(() => {\n // Function to generate confetti particles\n const generateConfetti = () => {\n const newConfetti = Array.from({ length: 50 }, () => ({\n x: Math.random() * 300,\n y: Math.random() * 400,\n color: `hsl(${Math.random() * 360}, 100%, 50%)`,\n size: Math.random() * 10 + 5,\n }));\n setConfettiPosition(newConfetti);\n };\n\n // Generate initial confetti and set interval to regenerate\n generateConfetti();\n const interval = setInterval(generateConfetti, 1000);\n return () => clearInterval(interval);\n }, []);\n\n return (\n \n {/* Map through confetti positions to create confetti elements */}\n {confettiPosition.map((particle, index) => (\n \n ))}\n {/* CSS keyframes for the confetti falling animation */}\n \n \n );\n };\n\n // Component for generic game screens (start, game over, etc.)\n const GameScreen = ({\n title,\n message,\n buttonText,\n buttonColor,\n onButtonClick,\n additionalContent,\n children,\n }) => (\n \n {children}\n \n {title}\n \n \n {message}\n

\n\n {additionalContent}\n\n \n {buttonText}\n \n \n );\n\n // Main game component return\n return (\n \n {/* Render different screens based on the game state */}\n {gameState === \"waiting\" && (\n 0 && }\n />\n )}\n\n {gameState === \"playing\" && (\n <>\n \n \n \n )}\n\n {gameState === \"escaped\" && (\n \n \n \n }\n />\n )}\n\n {gameState === \"highScore\" && (\n \n }\n >\n \n \n )}\n\n {gameState === \"gameOver\" && (\n 0 && }\n />\n )}\n \n );\n}\n\n// Root component for the app\nfunction App() {\n return (\n \n \n \n );\n}\n\n// Client-side rendering\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\n// Check if running in a browser environment before rendering\nif (typeof document !== \"undefined\") {\n client();\n}\n\n// Server-side rendering (for potential future use)\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n \n SkyFall\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","createdAt",["D",1737486257663],"version",66,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","qkiii","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycERaeURpcVphRjBQMzlsc2ZHVFQ0cFdWMW0ifQ","forkedVal","interval","slug","qkiii/Skyfall","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[140,143,147,151,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211,215,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375,379,383,387,391,395,398,402],{"_117":118,"_141":-5,"_115":142,"_112":110},"prId",["D",1737486257663],{"_117":144,"_141":-5,"_115":145,"_112":146},65,["D",1737483431825],"ef15ee7e-d823-11ef-b659-e6cdfca9ef9f",{"_117":148,"_141":-5,"_115":149,"_112":150},64,["D",1737483394318],"d8ba38a6-d823-11ef-a74f-e6cdfca9ef9f",{"_117":152,"_141":-5,"_115":153,"_112":154},63,["D",1737483353056],"c021cf52-d823-11ef-9ea3-e6cdfca9ef9f",{"_117":156,"_141":-5,"_115":157,"_112":158},62,["D",1737483340508],"b8aaa85c-d823-11ef-8f6b-e6cdfca9ef9f",{"_117":160,"_141":-5,"_115":161,"_112":162},61,["D",1737483252301],"8414ec10-d823-11ef-a0ad-e6cdfca9ef9f",{"_117":164,"_141":-5,"_115":165,"_112":166},60,["D",1737483199667],"64b49a82-d823-11ef-a707-e6cdfca9ef9f",{"_117":168,"_141":-5,"_115":169,"_112":170},59,["D",1737483132740],"3cd18d40-d823-11ef-ba6e-e6cdfca9ef9f",{"_117":172,"_141":-5,"_115":173,"_112":174},58,["D",1737482879860],"a616d0ea-d822-11ef-9cc6-e6cdfca9ef9f",{"_117":176,"_141":-5,"_115":177,"_112":178},57,["D",1737482649521],"1ccbf202-d822-11ef-852a-e6cdfca9ef9f",{"_117":180,"_141":-5,"_115":181,"_112":182},56,["D",1737482474646],"b48f3cda-d821-11ef-8699-e6cdfca9ef9f",{"_117":184,"_141":-5,"_115":185,"_112":186},55,["D",1737482361012],"70d3d974-d821-11ef-b62e-e6cdfca9ef9f",{"_117":188,"_141":-5,"_115":189,"_112":190},54,["D",1737482308508],"51897c72-d821-11ef-9eef-e6cdfca9ef9f",{"_117":192,"_141":-5,"_115":193,"_112":194},53,["D",1737482204804],"13ba556a-d821-11ef-b54d-e6cdfca9ef9f",{"_117":196,"_141":-5,"_115":197,"_112":198},52,["D",1737482161924],"fa2a6cac-d820-11ef-9a85-e6cdfca9ef9f",{"_117":200,"_141":-5,"_115":201,"_112":202},51,["D",1737482142396],"ee85cca2-d820-11ef-b8e3-e6cdfca9ef9f",{"_117":204,"_141":-5,"_115":205,"_112":206},50,["D",1737482112066],"dc732852-d820-11ef-b8e3-e6cdfca9ef9f",{"_117":208,"_141":-5,"_115":209,"_112":210},49,["D",1737481346969],"1469fcd8-d81f-11ef-bdee-e6cdfca9ef9f",{"_117":212,"_141":-5,"_115":213,"_112":214},48,["D",1737481225639],"cc1f3b0a-d81e-11ef-8602-e6cdfca9ef9f",{"_117":216,"_141":-5,"_115":217,"_112":218},47,["D",1737480930550],"1c3672bc-d81e-11ef-b6c9-e6cdfca9ef9f",{"_117":220,"_141":-5,"_115":221,"_112":222},46,["D",1737480798573],"cd8b138e-d81d-11ef-97e6-e6cdfca9ef9f",{"_117":224,"_141":-5,"_115":225,"_112":226},45,["D",1737480608585],"5c4cc7d0-d81d-11ef-b43d-e6cdfca9ef9f",{"_117":228,"_141":-5,"_115":229,"_112":230},44,["D",1737480552018],"3a955bc0-d81d-11ef-b43d-e6cdfca9ef9f",{"_117":232,"_141":-5,"_115":233,"_112":234},43,["D",1737480482894],"1163b4ae-d81d-11ef-8e91-e6cdfca9ef9f",{"_117":236,"_141":-5,"_115":237,"_112":238},42,["D",1737480345761],"bfa5c79c-d81c-11ef-b267-e6cdfca9ef9f",{"_117":240,"_141":-5,"_115":241,"_112":242},41,["D",1737480257857],"8b41dffe-d81c-11ef-8ca2-e6cdfca9ef9f",{"_117":244,"_141":-5,"_115":245,"_112":246},40,["D",1737480155945],"4e81edca-d81c-11ef-900b-e6cdfca9ef9f",{"_117":248,"_141":-5,"_115":249,"_112":250},39,["D",1737479306166],"540053d8-d81a-11ef-8bfb-e6cdfca9ef9f",{"_117":252,"_141":-5,"_115":253,"_112":254},38,["D",1737479233785],"28dbd592-d81a-11ef-bae0-e6cdfca9ef9f",{"_117":256,"_141":-5,"_115":257,"_112":258},37,["D",1737479216758],"1ec0ccd4-d81a-11ef-8496-e6cdfca9ef9f",{"_117":260,"_141":-5,"_115":261,"_112":262},36,["D",1737479164579],"ff9c2290-d819-11ef-a442-e6cdfca9ef9f",{"_117":264,"_141":-5,"_115":265,"_112":266},35,["D",1737478551618],"924118dc-d818-11ef-b144-e6cdfca9ef9f",{"_117":268,"_141":-5,"_115":269,"_112":270},34,["D",1737478477679],"662fc31a-d818-11ef-a7d5-e6cdfca9ef9f",{"_117":272,"_141":-5,"_115":273,"_112":274},33,["D",1737478011846],"5088864c-d817-11ef-bfb3-e6cdfca9ef9f",{"_117":276,"_141":-5,"_115":277,"_112":278},32,["D",1737477903928],"1033e6e0-d817-11ef-a26f-e6cdfca9ef9f",{"_117":280,"_141":-5,"_115":281,"_112":282},31,["D",1737477738041],"ad54cb3e-d816-11ef-bcd5-e6cdfca9ef9f",{"_117":284,"_141":-5,"_115":285,"_112":286},30,["D",1737476806390],"8204637e-d814-11ef-ab1d-e6cdfca9ef9f",{"_117":288,"_141":-5,"_115":289,"_112":290},29,["D",1737476786310],"760c5478-d814-11ef-91fb-e6cdfca9ef9f",{"_117":292,"_141":-5,"_115":293,"_112":294},28,["D",1737476767551],"6addf868-d814-11ef-b94d-e6cdfca9ef9f",{"_117":296,"_141":-5,"_115":297,"_112":298},27,["D",1737476732214],"55ce298e-d814-11ef-b404-e6cdfca9ef9f",{"_117":300,"_141":-5,"_115":301,"_112":302},26,["D",1737476607602],"0b8d7b5e-d814-11ef-b948-e6cdfca9ef9f",{"_117":304,"_141":-5,"_115":305,"_112":306},25,["D",1737476490482],"c5b8fae0-d813-11ef-b814-e6cdfca9ef9f",{"_117":308,"_141":-5,"_115":309,"_112":310},24,["D",1737476370827],"7e678e0e-d813-11ef-b8b3-e6cdfca9ef9f",{"_117":312,"_141":-5,"_115":313,"_112":314},23,["D",1737476355830],"7576fcb2-d813-11ef-b27b-e6cdfca9ef9f",{"_117":316,"_141":-5,"_115":317,"_112":318},22,["D",1737476340126],"6c1aaf9c-d813-11ef-a566-e6cdfca9ef9f",{"_117":320,"_141":-5,"_115":321,"_112":322},21,["D",1737476239315],"3004599a-d813-11ef-9a15-e6cdfca9ef9f",{"_117":324,"_141":-5,"_115":325,"_112":326},20,["D",1737476183910],"0efeef80-d813-11ef-af0e-e6cdfca9ef9f",{"_117":328,"_141":-5,"_115":329,"_112":330},19,["D",1737476155796],"fe3d0f1a-d812-11ef-9653-e6cdfca9ef9f",{"_117":332,"_141":-5,"_115":333,"_112":334},18,["D",1737476095907],"da89fa42-d812-11ef-ae46-e6cdfca9ef9f",{"_117":336,"_141":-5,"_115":337,"_112":338},17,["D",1737476007027],"a58f1962-d812-11ef-aac4-e6cdfca9ef9f",{"_117":340,"_141":-5,"_115":341,"_112":342},16,["D",1737475953869],"85e09e88-d812-11ef-8a98-e6cdfca9ef9f",{"_117":344,"_141":-5,"_115":345,"_112":346},15,["D",1737475880201],"59f7125c-d812-11ef-acac-e6cdfca9ef9f",{"_117":348,"_141":-5,"_115":349,"_112":350},14,["D",1737475779072],"1db0e642-d812-11ef-acc8-e6cdfca9ef9f",{"_117":352,"_141":-5,"_115":353,"_112":354},13,["D",1737475592187],"ae4c8040-d811-11ef-bddb-e6cdfca9ef9f",{"_117":356,"_141":-5,"_115":357,"_112":358},12,["D",1737475452074],"5ac80ee4-d811-11ef-8f80-e6cdfca9ef9f",{"_117":360,"_141":-5,"_115":361,"_112":362},11,["D",1737475317204],"0a674d34-d811-11ef-8273-e6cdfca9ef9f",{"_117":364,"_141":-5,"_115":365,"_112":366},10,["D",1737475137761],"9f70890a-d810-11ef-a9f6-e6cdfca9ef9f",{"_117":368,"_141":-5,"_115":369,"_112":370},9,["D",1737475125594],"9830256a-d810-11ef-917f-e6cdfca9ef9f",{"_117":372,"_141":-5,"_115":373,"_112":374},8,["D",1737474991326],"482bc754-d810-11ef-9fe4-e6cdfca9ef9f",{"_117":376,"_141":-5,"_115":377,"_112":378},7,["D",1737474861620],"fad89392-d80f-11ef-9292-e6cdfca9ef9f",{"_117":380,"_141":-5,"_115":381,"_112":382},6,["D",1737474787722],"cecfceb4-d80f-11ef-9fe4-e6cdfca9ef9f",{"_117":384,"_141":-5,"_115":385,"_112":386},5,["D",1737474667737],"8748c7bc-d80f-11ef-9e0f-e6cdfca9ef9f",{"_117":388,"_141":-5,"_115":389,"_112":390},4,["D",1737474510335],"29770888-d80f-11ef-906b-e6cdfca9ef9f",{"_117":392,"_141":-5,"_115":393,"_112":394},3,["D",1737474447337],"03ea1d26-d80f-11ef-ae23-e6cdfca9ef9f",{"_117":90,"_141":-5,"_115":396,"_112":397},["D",1737474399764],"e78f2270-d80e-11ef-b67d-e6cdfca9ef9f",{"_117":399,"_141":-5,"_115":400,"_112":401},1,["D",1737474336848],"c2120256-d80e-11ef-b3e1-e6cdfca9ef9f",{"_117":31,"_141":-5,"_115":403,"_112":404},["D",1737474250706],"8eb6de4a-d80e-11ef-a910-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.dependencies",{"_412":413,"_414":31,"_415":135,"_416":31,"_94":417},"dependenciesList",[],"dependenciesCount","valname","page",{"_112":110,"_98":99,"_128":129,"_11":96,"_117":118,"_100":101,"_113":114,"_104":105,"_111":26,"_134":135},"routes/_app","actionData","errors"]