Fireworks · ling-2.6-flash
Create a fireworks display on a full-screen canvas where clicks launch shells that explode into gravity-affected, fading particle bursts.
transcript · 7 messages
Create a fireworks display on a full-screen canvas where clicks launch shells that explode into gravity-affected, fading particle bursts.
I'll create a full-screen fireworks display with interactive shells and gravity-affected particle explosions that fade over time.
/tmp/ws/index.html (6307 bytes)Successfully wrote 6307 bytes to /tmp/ws/index.html
I've created a full-screen interactive fireworks display in a single self-contained HTML file. Here's what it includes: ## Features - **Interactive Launch**: Click or tap anywhere on the screen to launch a firework shell from the bottom that arcs up to your target position - **Realistic Physics**: Gravity affects both the ascending shell and the falling explosion particles - **Fading Particles**: All particles fade out as their life depletes - **Exploding Shells**: Shells burst into 80-140 particles plus 20 extra large sparkles when they reach their target altitude - **Ambient Effects**: Continuous random small explosions occur automatically for ongoing visual interest - **Color Palette**: 12 vibrant colors (red, green, blue, yellow, magenta, cyan, orange, pink, lime, teal, coral, purple) - **Trail Effects**: Firework shells leave a fading trail behind them - **Responsive**: Automatically resizes to fill the window and works on both mouse and touch devices ## How it Works - Two classes: `Firework` (the shell) and `Particle` (explosion fragments) - Fireworks ascend with upward velocity and gravity, then explode when reaching their target height - Particles inherit velocity from the explosion plus additional gravity for realistic falling - A trailing effect is created by storing recent positions and drawing them with decreasing alpha - The ambient glow at the bottom gives a sense of ground-level fireworks The file is saved at `/tmp/ws/index.html` - open it in any browser to see the display.
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
Fireworks auto-launch and explode with colorful gravity-affected particle bursts; click launches a shell with a visible trail.
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.