Asteroids · qwen3-coder-flash
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.
# Asteroids Game Implementation I'll create a playable Asteroids game with all the requested features: a thrust-and-rotate ship, shooting mechanics, asteroid splitting, wrapping screen edges, score tracking, and lives system - all using procedural vector graphics.
index.html (22136 bytes)Successfully wrote 22136 bytes to index.html
I've successfully created a complete Asteroids game in a single HTML file with all the requested features: 1. **Player Ship**: - Thrust and rotation controls (arrow keys) - Shooting with spacebar - Wrapping around screen edges - Visual thrust effect 2. **Asteroids**: - Procedurally generated polygon shapes - Random sizes and movement patterns - Splitting into smaller pieces when shot - Wrapping around screen edges 3. **Game Mechanics**: - Score tracking - Lives system - Level progression - Explosion effects - Collision detection 4. **Visual Design**: - Retro-style vector graphics - Neon color scheme (cyan and magenta) - Starfield background - Clean UI with score and lives displays 5. **Game States**: - Start screen with instructions - Active gameplay - Game over screen The game is fully contained in a single index.html file with no external dependencies. All graphics are drawn procedurally using canvas APIs, and the game logic handles all the physics and interactions. To play: - Click "START GAME" - Use arrow keys to rotate and thrust - Press spacebar to shoot - Destroy asteroids to earn points - Avoid collisions with asteroids - Try to survive as long as possible! The implementation uses modern JavaScript with canvas rendering and follows best practices for game development including proper object-oriented design, collision detection, and visual effects.
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
Only a static start menu is shown; clicking START GAME button was never triggered by tested inputs, so gameplay never begins.
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.