p5.js Fireworks 🎆

Interactive Fireworks Animation 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 coded for fun during New Years Eve 2020.

It started with watching The Coding Train's coding challenge (video here). Then I forked @andrewdcampbell's implementation. The sound effects are from soundsnap.com.