andrewdcampbell / jsfireworks

A realistic and interactive fireworks animation made using p5.js.

p5.js Fireworks

An interactive fireworks animation made using p5.js.

See the live demo here.

There are eight different kinds of shells. They randomly fire off in an infinite loop.

Interaction

• Click anywhere for a firework to explode at that mouse position.
• Click and drag for a stream of fireworks to explode. Note that the animation may lag with several fireworks on screen.
• Press the spacebar to pause the fireworks.
• Press s to mute the sound effects.

Acknowledgements

This was made for fun to get more familiar with javascript. The code is minimal and unoptimized. I used The Coding Train's coding challenge (video here) and Lars Gottlieb's sketch (demo here) as starting points. The sound effects are from soundsnap.com.