p5.js Coding Tutorial | Basics of Particle Systems

Опубликовано: 29 Апрель 2026
на канале: Patt Vira
8,816
326

LET'S CONNECT
✨ Sign up for my newsletter at https://www.pattvira.com
✨ Instagram:   / pattvira  
✨ Twitter:   / pattvira  
--
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Basics of Particle Systems Code: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Beginners  

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!