Home▸Generative Art & Algorithmic Patterns▸Fireworks Show (2D)

🎆 Fireworks Show (2D)

2D canvas companion: shells rise to a computed apex, burst into gravity-and-drag particle showers, and drop bouncing embers — with burst-size and gravity sliders.

Generative Art & Algorithmic Patterns2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

This 2D companion drives the same kinematic shell-launch-and-burst mechanic as the 3D original on a flat canvas: each shell's launch speed is computed from a randomly rolled apex height and the current gravity setting, it explodes at the top into a sphere, ring or willow-shaped spray of gravity-and-drag particles, and a handful of embers keep falling and bounce once on the ground before fading — with sliders for burst size and gravity strength plus Auto-Launch and Show Debris toggles.

⚙ Under the hood

Canvas 2D fireworks: kinematic apex-timed shell launches, gravity-and-drag particle bursts in three shapes, and bouncing ember debris, with live burst-size and gravity controls.

fireworkskinematicsparticle burstprojectile motioncanvas 2d

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install