/jsfireworks

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

Primary LanguageJavaScriptMIT LicenseMIT

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.