AI Math Racer: Level Up

The track expands and the math gets harder as you level up! Use Arrow Keys or Swipe to steer.

\n \n

Game Over

Your Score: 0

\n \n

\n\n \n \n \n\n`;\n}\n\nexport default async function (req: Request) {\n const url = new URL(req.url);\n const action = url.searchParams.get(\"action\");\n\n if (req.method === \"POST\" && action === \"getProblem\") {\n try {\n const openai = new OpenAI();\n const body = await req.json();\n const level = typeof body.level === \"number\" ? body.level : 1;\n\n const messages = [\n {\n role: \"system\",\n content: PROBLEM_GENERATOR_PROMPT.replace(\n \"[level]\",\n level.toString(),\n ),\n },\n {\n role: \"user\",\n content: `The player is on LEVEL ${level}. Generate a problem.`,\n },\n ];\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: messages,\n temperature: 0.8,\n response_format: { type: \"json_object\" },\n });\n\n const content = completion.choices[0].message.content;\n if (!content) {\n throw new Error(\"OpenAI returned an empty response.\");\n }\n\n const parsedContent = extractJson(content);\n if (\n !parsedContent || typeof parsedContent !== \"object\" ||\n !(\"problem\" in parsedContent) ||\n !(\"correctAnswer\" in parsedContent) || !(\"distractors\" in parsedContent)\n ) {\n throw new Error(\"AI returned an invalid or incomplete data structure.\");\n }\n\n return new Response(JSON.stringify(parsedContent), {\n headers: { \"Content-Type\": \"application/json\" },\n status: 200,\n });\n } catch (error) {\n console.error(\"AI Problem Generation Error:\", error);\n return new Response(\n JSON.stringify({\n error: error.message || \"An unknown server error occurred.\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Serve the main HTML file for GET requests\n const sourceUrl = `https://${url.hostname}${url.pathname}`;\n return new Response(generateHtml(sourceUrl), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}","deleted","label","children",[],[99],"files",[149],"counts",{"_173":32,"_174":175,"_176":175,"_177":32},"pulls","branches",1,"forks","envVars","contents",[],"file",{"_103":150,"_95":99,"_151":152,"_153":-5,"_154":137,"_155":136,"_156":157,"_105":182,"_100":159,"_160":161,"_162":163,"_164":22,"_165":96,"_98":183},["D",1757330730606],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":192,"_180":197,"_200":201,"_229":230,"_239":-7,"_240":32,"_241":22},{"_103":104,"_95":96,"_105":193,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":194,"_131":195,"_134":196,"_146":22},["D",1757321742089],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},{"_103":150,"_95":99,"_151":152,"_153":-5,"_154":137,"_155":136,"_156":157,"_105":198,"_100":159,"_160":161,"_162":163,"_164":22,"_165":96,"_98":199},["D",1757330730606],[99],"history",[202,204,208,213,217,222,225],{"_103":150,"_154":137,"_151":152,"_95":99,"_162":163,"_160":161,"_100":159,"_153":-5,"_105":203,"_155":136,"_165":96},["D",1757330730606],{"_103":205,"_154":137,"_151":152,"_95":99,"_162":163,"_160":161,"_100":206,"_153":-5,"_105":207,"_155":159,"_165":96},"86d87fce-8ca6-11f0-94cc-0224a6c84d84",5,["D",1757330730315],{"_103":209,"_154":137,"_151":152,"_95":99,"_162":210,"_160":161,"_100":211,"_153":-5,"_105":212,"_155":206,"_165":96},"0f1c5cbc-8ca6-11f0-8b56-0224a6c84d84","// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\n\n// --- AI BEHAVIORAL GUIDELINES ---\nconst GENERATION_STYLE_GUIDE =\n \"As the AI curriculum director, you must adopt the persona of a professional mathematics educator and adaptive learning specialist. Your output must be structured and pedagogically sound. Employ precise mathematical language and ensure a logical progression of difficulty. Avoid informalities. The goal is to produce a problem set that feels intelligently curated by a human expert to foster skill growth while maintaining engagement.\";\n\nconst PROBLEM_GENERATOR_PROMPT = `\nYou are an expert mathematics educator and game designer, creating adaptive challenges for a 3D racing game. Your objective is to maintain player engagement by dynamically adjusting problem difficulty based on their performance.\n\nThe player's current score is provided. A higher score indicates mastery of previous concepts.\n\nYour task is to generate a single math problem appropriate for the player's performance level.\n- For scores below 5, generate simple addition or subtraction problems with single-digit numbers.\n- For scores between 5 and 15, introduce two-digit addition/subtraction or basic multiplication (tables 2-9).\n- For scores above 15, create multi-step problems involving parentheses, or simple division problems that result in whole numbers.\n\nAdditionally, you must generate two incorrect 'distractor' answers. These distractors should be plausible and target common arithmetic errors (e.g., off-by-one, operation confusion).\n\nYou MUST respond ONLY with a single, minified JSON object. The root object must have these exact keys: \"problem\" (string representation of the question, e.g., \"12 x 3 = ?\"), \"correctAnswer\" (number), \"distractors\" (an array of two numbers), and \"reason\" (string).\n\nThe \"reason\" field must contain a concise, professional explanation for why you selected this problem's difficulty, referencing the player's score.\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- UTILITY FUNCTIONS ---\n/**\n * A robust function to extract a JSON object from a string that may contain conversational text.\n * @param {string} text The text potentially containing a JSON object.\n * @returns {object | null} The parsed JSON object or null if not found.\n */\nfunction extractJson(text: string): object | null {\n const match = text.match(/\\{[\\s\\S]*\\}/);\n if (!match) {\n return null;\n }\n try {\n return JSON.parse(match[0]);\n } catch (error) {\n console.error(\"Failed to parse extracted JSON:\", error);\n return null;\n }\n}\n\n// --- HTML & FRONTEND ---\nfunction generateHtml(sourceUrl: string) {\n return `\n\n\n \n \n AI Math Racer\n \n \n \n \n\n\n

Score: 0

AI Math Racer

An intelligent tutor will adapt the math problems to your skill level. Steer your car into the lane with the correct answer using the arrow keys.

\n \n

Game Over

Your Score: 0

\n \n

\n\n \n \n\n`;\n}\n\nexport default async function (req: Request) {\n const url = new URL(req.url);\n const action = url.searchParams.get(\"action\");\n\n if (req.method === \"POST\" && action === \"getProblem\") {\n try {\n const openai = new OpenAI();\n const body = await req.json();\n const score = typeof body.score === \"number\" ? body.score : 0;\n\n const messages = [\n { role: \"system\", content: PROBLEM_GENERATOR_PROMPT },\n { role: \"user\", content: `The player's current score is ${score}.` },\n ];\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: messages,\n temperature: 0.8,\n response_format: { type: \"json_object\" },\n });\n\n const content = completion.choices[0].message.content;\n if (!content) {\n throw new Error(\"OpenAI returned an empty response.\");\n }\n\n // The response should already be a JSON object, but we use the robust extractor just in case.\n const parsedContent = extractJson(content);\n if (\n !parsedContent || typeof parsedContent !== \"object\" ||\n !(\"problem\" in parsedContent) ||\n !(\"correctAnswer\" in parsedContent)\n ) {\n throw new Error(\"AI returned an invalid or incomplete data structure.\");\n }\n\n return new Response(JSON.stringify(parsedContent), {\n headers: { \"Content-Type\": \"application/json\" },\n status: 200,\n });\n } catch (error) {\n console.error(\"AI Problem Generation Error:\", error);\n return new Response(\n JSON.stringify({\n error: error.message || \"An unknown error occurred.\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Serve the main HTML file for GET requests\n const sourceUrl = `https://${url.hostname}${url.pathname}`;\n return new Response(generateHtml(sourceUrl), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}",4,["D",1757330529433],{"_103":214,"_154":137,"_151":152,"_95":99,"_162":210,"_160":161,"_100":215,"_153":-5,"_105":216,"_155":211,"_165":96},"b863e0fc-8c91-11f0-a1fe-0224a6c84d84",3,["D",1757321794005],{"_103":218,"_154":137,"_151":152,"_95":99,"_162":219,"_160":161,"_100":220,"_153":-5,"_105":221,"_155":215,"_165":96},"a6ea93c0-8c91-11f0-968c-0224a6c84d84","// Learn more: https://docs.val.town/vals/http/\nexport default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}",2,["D",1757321764689],{"_103":223,"_154":137,"_151":152,"_95":99,"_162":72,"_160":161,"_100":175,"_153":-5,"_105":224,"_155":220,"_165":96},"a6d52b20-8c91-11f0-ab0f-0224a6c84d84",["D",1757321764549],{"_103":226,"_154":137,"_151":152,"_95":99,"_162":72,"_160":227,"_100":32,"_153":-5,"_105":228,"_155":175,"_165":96},"99733f08-8c91-11f0-8771-0224a6c84d84","script",["D",1757321742102],"versions",[231,233,234,235,236,237,238],{"_180":202,"_232":204},"previous",{"_180":204,"_232":208},{"_180":208,"_232":213},{"_180":213,"_232":217},{"_180":217,"_232":222},{"_180":222,"_232":225},{"_180":225,"_232":-5},"versionNumber","page","hasNext","actionData","errors"]

History for main.ts