p5.js Coding Tutorial | Basics of Particle Systems

LET'S CONNECT
✨ Sign up for my newsletter at www.pattvira.com
✨ Instagram: / pattvira
✨ Twitter: / pattvira
--
Links:
🔗 p5.js editor: editor.p5js.org/
🔗 Basics of Particle Systems Code: editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist: • START HERE: Creative C...
Related Videos:
🔗 Particle Systems Playlist: • Particle Systems
Timestamps:
0:00 Intro
0:10 What is a Particle System?
1:05 Create a single particle system
5:38 Create a Particle class
7:52 Create multiple Particle objects aka system of particles (aka a particle system)
9:05 Remove particles based on a condition
12:10 Remove particles using a backward for-loop
15:15 Create a System class
18:39 Create multiple System objects AKA system of particle systems
21:52 Experiment with different ways to add a particle system
22:47 Make it pretty!

[@stevenerickson4240]

Great stuff as usual!!! You are extremely bright...

[@andygray9819]

great stuff (as always).

[@pattvira]

Thanks again Andy!

[@user-le8gf8cc5y]

Great, thank you for regular and quality content. I wish you even more inspiration and satisfaction from your wonderful work🔥❤️

[@pattvira]

Thanks so much!

[@beotiger]

It is just amazingly awesome and unbeleivable video I have ever seen. Great job, Patt!

[@pattvira]

Thank you!

[@negaaa5080]

I didn't even watch it yet. But I know this is going to be one of your best videos

[@beotiger]

Yes, it is.

[@pattvira]

Did you watch it yet? :)

[@frankbottcher4597]

Great video again. Such wonderful things can be done with particle system. Bringing in random attributes changes so much, eg the acceleration. Did you tried already the alternative for-syntax, eg: for (let ps of particles) {ps.draw();}

[@pattvira]

Thank you! Yes lots of possibilities - lmk if there is one you'd like me to make. I have tried it, but love sticking to the old way haha.