p5.js Fireworks

An interactive fireworks animation made using p5.js.

See the live demo here.

<img src="https://github.com/andrewdcampbell/jsfireworks/blob/master/demo.png" height="450">

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.