Patt Vira | p5.js Coding Tutorial | Fireworks (Particle Systems) @pattvira | Uploaded April 2024 | Updated October 2024, 3 hours ago.
LET'S CONNECT
✨ Sign up for my newsletter at pattvira.com
✨ Instagram: instagram.com/pattvira
✨ Twitter: twitter.com/pattvira
--
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Fireworks Code: editor.p5js.org/pattvira/sketches/e-XymG2HZ
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

Credits:
🔗 This tutorial is based on @TheCodingTrain 's Fireworks Coding Challenge: youtube.com/watch?v=CKeyIbT3vXI

References:
🔗 p5.js drawingContext: p5js.org/reference/#/p5/drawingContext

Related Videos:
🔗 Particle Systems Playlist: youtube.com/playlist?list=PL0beHPVMklwjgTj2d4uK_R_1sdPg1hi4x&si=CiiYG9GjhG-XxzWd

Timestamps:
0:00 Intro
0:29 Create a single particle
5:21 Create a Particle class
7:48 Create a system of particles (aka Firework)
15:53 Remove particle objects that are "done"
20:06 Create a Firework class
27:51 Create systems of particle systemes (aka a bunch of fireworks)
29:15 Remove firework objects are that "done"
33:18 Add colors and glowing effects