Fireworks · qwen3-coder
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 with all the requested features. Here's the complete solution in a single HTML file:
index.html (5805 bytes)Successfully wrote 5805 bytes to index.html
I've created a complete fireworks display web application in a single HTML file. Here's what the implementation includes: 1. **Full-screen Canvas**: The canvas automatically resizes to fill the entire browser window 2. **Interactive Fireworks**: Click anywhere to launch a firework shell 3. **Realistic Physics**: - Shells follow a parabolic trajectory with gravity - Particles explode in all directions with gravity effect - Particles gradually fade out as they decay 4. **Visual Effects**: - Colorful explosions with random hues - Smooth fading particle trails - Trailing effect on the canvas for a night sky feel 5. **Automatic Fireworks**: Random fireworks launch automatically if there aren't too many on screen The implementation uses: - HTML5 Canvas for rendering - requestAnimationFrame for smooth animation - Object-oriented JavaScript with Shell and Particle classes - HSL color model for vibrant random colors - Physics simulation with velocity and gravity To use it, simply open the index.html file in any modern browser and click anywhere to create fireworks. The display will automatically generate random fireworks if you don't interact with it.
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
Animated fireworks with rising trails and colorful gravity-affected particle bursts, auto-launching and reacting to clicks.
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.