4.1: Particle System Simulation - The Nature of Code

Опубликовано: 03 Октябрь 2024
на канале: The Coding Train

72,414

1.8k

Welcome to Chapter 4 of The Nature of Code: Particle Systems! I begin by coding a simple particle system in p5.js. I convert the Mover class into a Particle class, add a lifetime property, and organize a collection of particles into an array. Code: https://thecodingtrain.com/tracks/the...

🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/s...

🎥 Next video:    • 4.2: Many Particle Systems (Emitters!...
🎥 All videos:    • The Nature of Code

References:
🔗 Particle Systems - A Technique for Modeling a Class of Fuzzy Objects: https://cal.cs.umbc.edu/Courses/CS696...

Videos:
🎥 Simple Particle System:    • Coding Challenge #78: Simple Particle...
🎥 Simulating Forces:    • 2.1 Simulating Forces: Gravity and Wi...
🎥 Arrays of Objects:    • 7.3: Arrays of Objects - p5.js Tutorial
🎥 Fireworks!:    • Coding Challenge #27: Fireworks!
🎥 Array Functions: filter():    • 16.8: Array Functions: filter() - Top...
🎥 Removing Objects from Arrays:    • 7.5: Removing Objects from Arrays - p...

Timestamps:
0:00 Welcome to chapter 4!
0:24 What is a particle system?
1:24 What do we have to code?
2:01 Let's make a particle class!
2:46 Adding a lifetime property.
3:41 Many particles!
5:16 Emitting particles.
5:51 Removing finished particles from the array.
7:59 Let's make a few tweaks to this system?
8:55 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/pas...
🚩 Suggest Topics: https://github.com/CodingTrain/Sugges...
💡 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:   / thecodingtrain
📸 Instagram:   / the.coding.train

🎥 Coding Challenges:    • Coding Challenges
🎥 Intro to Programming:    • Start learning here!

🔗 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-o...

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecod...

#forbeginners #javascript #p5js