Asteroids · kat-coder-air-v2.5
Output generated Cost / run $0.0084 Runtime 52.9s
Prompt for this run
Build a playable Asteroids game on a canvas: a thrust-and-rotate vector ship that shoots and wraps around the screen edges, splitting asteroids into smaller pieces, with score and lives. Procedural vector graphics only, no external assets.
TAKE IT TO CODE
A single self-contained HTML file — copy it and open in any browser, or reuse the prompt with your own pi-agent run.
RUN
METRICS
Transcript · 12 messages
Build a playable Asteroids game on a canvas: a thrust-and-rotate vector ship that shoots and wraps around the screen edges, splitting asteroids into smaller pieces, with score and lives. Procedural vector graphics only, no external assets.
/tmp/ws/index.html (13098 bytes)Successfully wrote 13098 bytes to /tmp/ws/index.html
{"command":"ls -la /tmp/ws/index.html"}-rw-r--r--. 1 node node 13104 Aug 1 19:44 /tmp/ws/index.html
{"command":"tail -5 /tmp/ws/index.html"}requestAnimationFrame(loop); </script> </body> </html>
/tmp/ws/index.html (12962 bytes)Successfully wrote 12962 bytes to /tmp/ws/index.html
{"command":"ls -la /tmp/ws/index.html && echo \"---\" && head -5 /tmp/ws/index.html && echo \"...\" && tail -5 /tmp/ws/index.html"}-rw-r--r--. 1 node node 12968 Aug 1 19:45 /tmp/ws/index.html --- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ... requestAnimationFrame(loop); </script> </body> </html>
The file is present and complete. Here's what I built: **Asteroids** — a fully playable, self-contained HTML5 canvas game in a single file with zero external dependencies. **Controls:** - **← → / A D** — Rotate ship - **↑ / W** — Thrust (with animated flame particles) - **Space / X** — Shoot **Features:** - Procedural vector graphics — the ship, asteroids, bullets, and particles are all drawn with canvas paths, no images or CDNs - Ship wraps around screen edges - Asteroids split into smaller pieces when shot (large → medium → small → gone) - Score: large = 20, medium = 40, small = 60 - 3 lives displayed as tiny ship icons - Increasing difficulty — more asteroids each level - Invincibility frames after respawning (ship blinks) - Thrust and explosion particle effects - Asteroid debris on destruction - Title screen with animated decorative asteroids - Game over screen with final score and restart Save it to disk and open in any browser to play.