
4.2: Many Particle Systems (Emitters!) - The Nature of Code
In this video, I add an Emitter class to further organize the array of particles and allow for multiple particle systems in a p5.js sketch. Code: https://thecodingtrain.com/tracks/the-nature-of-code-2/noc/4-particles/2-particle-emitters
p5.js Web Editor Sketches:
đšī¸ Particle Emitters: https://editor.p5js.org/codingtrain/sketches/YqAxA5CYy
đšī¸ Particle Emitters with Movers Exercise: https://editor.p5js.org/codingtrain/sketches/UXmqwcpRL
đšī¸ Particles Following Mouse Exercise: https://editor.p5js.org/codingtrain/sketches/1zTN6PYJg
đšī¸ Particle Emitters Color Exercise: https://editor.p5js.org/codingtrain/sketches/IYisp9xmJ
đĨ Previous video: https://youtu.be/syR0klfncCk?list=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM
đĨ Next video: https://youtu.be/44RSr49m6LU?list=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM
đĨ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM
Videos:
đĨ Angles and Rotation: https://youtu.be/DMg-WRfNB60
đĨ Fireworks!: https://youtu.be/CKeyIbT3vXI
đĨ Inheritance in JavaScript: https://youtu.be/MfxBfRD0FVU
đĨ Polymorphism in JavaScript: https://youtu.be/8a5BkwuZRK0
Timestamps:
0:00 Welcome back!
0:28 Creating an Emitter class.
1:32 Let's add update() and show().
2:37 Let's create an emitter in the sketch.
3:20 How can we add particles.
4:37 Many emitters!
5:58 Some exercises you could try.
6:41 What's next?
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound
đ Website: http://thecodingtrain.com/
đž Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
đŠ Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
đĄ GitHub: https://github.com/CodingTrain
đŦ Discord: https://thecodingtrain.com/discord
âĒ Nebula: https://go.nebula.tv/codingtrain
đ Membership: http://youtube.com/thecodingtrain/join
đ Store: https://standard.tv/codingtrain
đī¸ Twitter: https://twitter.com/thecodingtrain
đ¸ Instagram: https://www.instagram.com/the.coding.train/
đĨ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
đĨ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
đ p5.js: https://p5js.org
đ p5.js Web Editor: https://editor.p5js.org/
đ Processing: https://processing.org
đ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct
This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new
#forbeginners #javascript #p5js