Fireworks · deepseek-v4-flash
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.
thinking
The user wants a self-contained HTML file with a full-screen canvas fireworks display. Let me build this with: 1. Full-screen canvas 2. Click to launch fireworks shells 3. Shells explode into particles 4. Particles affected by gravity 5. Particles fade out over time Let me write this as a single index.html file.
/workspace/index.html (7683 bytes)Successfully wrote 7683 bytes to /workspace/index.html
The file is ready at `/workspace/index.html`. Here's what it creates: **Full-screen fireworks display** with these features: - **Click to launch** – clicking anywhere on the canvas fires 1–3 shells toward that point - **Shells** – rise from the bottom with a glowing trail, then explode on reaching the target - **Three explosion types** (randomly chosen per shell): - **Sphere** – uniform burst in all directions - **Ring** – faster, thinner particles that spread outward - **Willow** – slower, heavier particles that fall gracefully with long trails - **Physics** – each particle has gravity pulling it down, velocity fading (air resistance), and a decay rate controlling how quickly it fades out - **Colour palettes** – 6 vibrant palettes randomly selected per shell, with a glow effect on bright particles - **Twinkling background stars** – 200 stars with subtle twinkle animation - **Auto-launch** – shells fire automatically every ~2–6 seconds so the sky stays active - **Trail fade** – the background is drawn with a semi-transparent black overlay each frame for natural motion blur / trails - **Responsive** – handles window resize and orientation changes Open `index.html` in any browser and click around 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
Fireworks launch automatically and on click, with colorful particle bursts fading and falling under gravity.
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.