AI Trickshot Puzzle

The Challenge

Pocket the 1, 2, and 9 balls in a single shot.

Controls

Click, drag, and release the Cue Ball to shoot.

\n \n

Ask Chalky

\n \n

If you fail the shot, I'll give you a tip.

\n\n\n\n`;\n}\n\n// --- BACKEND PHYSICS & AI LOGIC ---\nasync function runServerPhysics(\n initialPositions: { number: number; x: number; y: number }[],\n shotParams: { angle: number; power: number },\n) {\n let balls = initialPositions.map(p => ({ ...p, vx: 0, vy: 0, radius: 8, potted: false }));\n let collisionLog: string[] = [];\n const cueBall = balls.find(b => b.number === 0);\n if (cueBall) {\n cueBall.vx = Math.cos(shotParams.angle) * (shotParams.power || 0) * 0.2;\n cueBall.vy = Math.sin(shotParams.angle) * (shotParams.power || 0) * 0.2;\n }\n for (let step = 0; step < 400; step++) {\n let systemMoving = false;\n for (let i = 0; i < balls.length; i++)\n for (let j = i + 1; j < balls.length; j++) {\n const b1 = balls[i], b2 = balls[j];\n const dx = b2.x - b1.x, dy = b2.y - b1.y, dist = Math.sqrt(dx * dx + dy * dy);\n if (dist < b1.radius + b2.radius) {\n collisionLog.push(`Collision: Ball ${b1.number} hit Ball ${b2.number}.`);\n const angle = Math.atan2(dy, dx), sin = Math.sin(angle), cos = Math.cos(angle);\n let v1 = { x: b1.vx * cos + b1.vy * sin, y: b1.vy * cos - b1.vx * sin };\n let v2 = { x: b2.vx * cos + b2.vy * sin, y: b2.vy * cos - b2.vx * sin };\n [v1.x, v2.x] = [v2.x, v1.x];\n b1.vx = v1.x * cos - v1.y * sin;\n b1.vy = v1.y * cos + v1.x * sin;\n b2.vx = v2.x * cos - v2.y * sin;\n b2.vy = v2.y * cos + v2.x * sin;\n }\n }\n balls.forEach(b => {\n b.x += b.vx;\n b.y += b.vy;\n b.vx *= 0.985;\n b.vy *= 0.985;\n if (Math.abs(b.vx) > 0.01 || Math.abs(b.vy) > 0.01) systemMoving = true;\n });\n if (!systemMoving) break;\n }\n return { collisionLog: collisionLog.slice(0, 10) };\n}\n\nexport default async function(req: Request) {\n const url = new URL(req.url);\n if (req.method === \"POST\") {\n try {\n const { initialPositions, shotParams } = await req.json();\n const { collisionLog } = await runServerPhysics(initialPositions, shotParams);\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: TRICKSHOT_TUTOR_PROMPT },\n {\n role: \"user\",\n content:\n `The fixed goal is to pocket the 1, 2, and 9 balls in a single shot. Here is my failed attempt:\\nShot: Power ${\n (shotParams.power || 0).toFixed(0)\n }, Angle ${(shotParams.angle * 180 / Math.PI).toFixed(0)}deg\\nSimulation collision log:\\n${\n collisionLog.join(\"\\n\")\n }`,\n },\n ],\n response_format: { type: \"json_object\" },\n });\n const aiResponse = JSON.parse(completion.choices[0].message.content);\n return new Response(JSON.stringify({ aiResponse }), { headers: { \"Content-Type\": \"application/json\" } });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message || \"An error occurred.\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n const sourceUrl = `https://${url.hostname}${url.pathname}`;\n return new Response(generateHtml(sourceUrl), { headers: { \"Content-Type\": \"text/html\" } });\n}","deleted","label","children",[],[150],"files",[148],"counts",{"_173":32,"_174":175,"_176":32,"_177":32},"pulls","branches",1,"forks","envVars","contents",[180],{"_102":149,"_95":150,"_151":152,"_153":-5,"_154":136,"_155":135,"_156":157,"_104":181,"_99":159,"_160":161,"_162":163,"_164":22,"_165":-5,"_98":182},["D",1751553151072],[150],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":192,"_178":197,"_200":-7,"_201":-5,"_202":-5,"_169":203,"_207":208},{"_102":103,"_95":96,"_104":193,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":194,"_130":195,"_133":196,"_145":22},["D",1751546870883],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},[198],{"_102":149,"_95":150,"_151":152,"_153":-5,"_154":136,"_155":135,"_156":157,"_104":181,"_99":159,"_160":161,"_162":163,"_164":22,"_165":-5,"_98":199},[150],"readme","upstream","pull",[204],{"_102":149,"_95":150,"_151":152,"_153":-5,"_154":136,"_155":135,"_156":157,"_104":158,"_99":159,"_160":161,"_162":163,"_164":22,"_165":-5,"_166":205,"_98":206},[],[150],"previews",[204],"actionData","errors"]