Fireworks · qwen3-vl-30b-a3b-instruct
Create a fireworks display on a full-screen canvas where clicks launch shells that explode into gravity-affected, fading particle bursts.
transcript · 4 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 fireworks display on a full-screen canvas where clicks launch shells that explode into gravity-affected, fading particle bursts. This will be a self-contained HTML file with inline CSS and JavaScript.
index.html (5642 bytes)Successfully wrote 5642 bytes to index.html
I've created a fireworks display on a full-screen canvas where clicks launch shells that explode into gravity-affected, fading particle bursts. The implementation includes: 1. A full-screen canvas that resizes with the window 2. Firework class that moves upward and explodes at its peak 3. Particle class with gravity, friction, and rotation effects 4. Click event to create new fireworks at the mouse position 5. Animation loop with fade effect for a smooth transition between frames 6. Particle fading based on their life cycle The fireworks will appear in random colors and create colorful bursts when they explode. Each particle has its own trajectory, gravity, and fading effect. To use this, just open the index.html file in any modern browser. Click anywhere on the screen to launch fireworks.
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
Click triggers a firework burst with gravity-affected fading particles; no idle animation, drag/keys inert.
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.