Many Particle Systems (Emitters!) - Nature of Code Lesson #4.2 · The Coding Train

Many Particle Systems (Emitters!)

Nature of Code Lesson #4.2

❰ Watch all videos ❱

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.

Topics

0:00 - Welcome back!
0:28 - Code! Creating an Emitter class.
1:32 - Code! Let's add update() and show().
2:37 - Code! Let's create an emitter in the sketch.
3:20 - Code! How can we add particles.
4:37 - Code! Many emitters!
5:58 - Ideas! Some exercises you could try.
6:41 - What's next?

Particle Emitters

Particle Emitters with Movers Exercise

Particles Following Mouse Exercise

Particle Emitters Color Exercise

Community Contributions

Fireworks by LemurDaniel (Source Code)
Particle System With Images by Indrayudh Chakraborty (Source Code)
Particle system with Movers by Arnav (Source Code)
Magic Ballz by wojtekpaszo (Source Code)

You can also add your own version! (See how)

Videos discussed in this lesson

Angles and Rotation - Nature of Code 3.1 by The Coding Train
Fireworks! - Coding Challenge #27 by The Coding Train
Inheritance in JavaScript by The Coding Train
Polymorphism in JavaScript by The Coding Train