Asteroids · kat-coder-pro-v2
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.
transcript · 4 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.
/workspace/index.html (10359 bytes)Successfully wrote 10359 bytes to /workspace/index.html
Done! I've created a complete Asteroids game in `/workspace/index.html`. Here's what's included: **Gameplay:** - Vector-style ship with thrust (Up/W) and rotation (Left/Right or A/D) - Screen wrapping on all edges - Shoot with Spacebar - Asteroids split into 2 smaller pieces when hit (large → medium → small → destroyed) - Score: 20 pts for large, 50 for medium, 100 for small - 3 lives with invulnerability flash after respawning - Progressive difficulty (more asteroids each level) **Visuals:** - Pure vector graphics on HTML5 Canvas - Thrust flame animation - Particle explosions on hits and ship destruction - Clean retro aesthetic with no external dependencies **Controls:** - Arrow keys or WASD to move - Space to shoot - Enter to restart after game over The game runs entirely in the browser with no network requests. Just open `index.html` to play!
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
EVALUATION
Menu screen and gameplay with ship and vector asteroids respond to keyboard, but mouse inputs do nothing since game requires key press.
Vision grade · anthropic/claude-sonnet-5
MEASUREMENTS
Raw readings from the capture, not a verdict — the grade above is the only judgement. Percentages are how much of the screen changed; the measure under-reports sparse motion on a dark background.