Fireworks

Click anywhere to launch

particles 0 · bursts 0 · fps 0

``` I built an interactive fireworks display with these characteristics: **Visuals** - Deep night-sky gradient with twinkling stars (radial-gradient glow per star, not flat dots) - Vignette overlay for cinematic framing - Additive (`lighter`) blending for all glowing elements — particles, rocket heads, trails, flashes all accumulate light naturally **Physics & behavior** - Click anywhere → a rocket launches from the bottom, arcs toward your click point, and explodes on arrival - Rockets have a glowing trail with fading life, plus a constant stream of small sparkle particles - 4 explosion types randomly chosen: classic spherical burst, ring burst (with inner fill), willow (heavy gravity drooping), and double-layer chrysanthemum - Explosion particles have gravity, drag, life decay, and emit their own micro-sparkles during flight - A bright flash burst at each explosion center **Controls** - 6 color palettes (classic, inferno, ocean, sakura, aurora, rainbow) selectable via bottom-right swatches - Auto-ambient fireworks every few seconds so the scene is alive on load - Touch support for mobile **HUD** - Minimal title, live particle/burst/fps counters in monospace - Crosshair cursor reinforces the click-to-launch affordance The motion-blur fade (`rgba(2,3,12,0.22)` over the canvas each frame) creates the comet-like trails behind every moving particle without storing per-particle history.