[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","67dbc92a8de0819186dc5e914ba90fac","versionInt","title","Binary Escape Game","type","code/react","content","import { useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { motion } from \"framer-motion\";\n\nconst challenges = [\n {\n brief: \"The AI has scrambled critical data! Convert these binary numbers to denary to begin restoring the system.\",\n question: \"Convert these binary numbers to denary: 10110101, 11001011, 10011100\",\n answer: \"181,203,156\",\n },\n {\n brief: \"The system's hexadecimal records have been corrupted. Convert these hex values to denary to fix them.\",\n question: \"Convert these hex numbers to denary: A3, 7F, C4\",\n answer: \"163,127,196\",\n },\n {\n brief: \"The AI is blocking system processes. Solve these binary additions to regain control.\",\n question: \"Solve these binary additions: 10110101 + 01101010, 11001100 + 10011001\",\n answer: \"100011111,101100101\",\n },\n {\n brief: \"You're almost there! Find the escape code by solving this last conversion puzzle.\",\n question: \"Find the escape code: (11010101 + 10101100 in denary) then convert to hex\",\n answer: \"17B\",\n },\n];\n\nexport default function BinaryEscapeGame() {\n const [step, setStep] = useState(-1);\n const [input, setInput] = useState(\"\");\n const [message, setMessage] = useState(\"\");\n const [results, setResults] = useState([]);\n\n const startGame = () => {\n setStep(0);\n setResults([]);\n };\n\n const checkAnswer = () => {\n const isCorrect = input.replace(/\\s+/g, \"\").toLowerCase() === challenges[step].answer.toLowerCase();\n setResults([...results, { question: challenges[step].question, userAnswer: input, correct: isCorrect, correctAnswer: challenges[step].answer }]);\n \n if (isCorrect) {\n if (step === challenges.length - 1) {\n setStep(step + 1);\n } else {\n setMessage(\"Correct! Moving to the next challenge...\");\n setStep(step + 1);\n setInput(\"\");\n }\n } else {\n setMessage(\"Incorrect! Try again.\");\n }\n };\n\n return (\n

\n \n \n \n {step === -1 ? (\n <>\n

Escape the Glitch

\n Welcome to the Digital Realm! A rogue AI has corrupted the system, trapping you inside. The only way out is to repair the damage using your knowledge of binary, denary, and hexadecimal. Complete each challenge, and you’ll restore the system before the simulation crashes forever!\n

\n \n \n ) : step < challenges.length ? (\n <>\n

Escape the Glitch

{challenges[step].brief}

{challenges[step].question}

\n setInput(e.target.value)}\n placeholder=\"Enter your answer...\"\n className=\"bg-gray-900 border-green-400 text-green-300 placeholder-green-500 text-center\"\n title=\"Format your answer with commas. Example: 45,50,39. Incorrect: 45 50 39\"\n />\n \n {message &&

{message}

}\n \n ) : (\n <>\n

System Restored!

\n Congratulations! You successfully repaired the system and escaped the Digital Realm. The rogue AI has been defeated, and the simulation is stable once more.\n

Your Results:

\n
{result.question}
\n
Your Answer: {result.userAnswer}
\n
Correct Answer: {result.correctAnswer}
\n

\n \n \n )}\n \n \n \n \n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","14526216854227804878","traceTime",1776417987872]