4.4: Particle Systems with Image Textures - The Nature of Code скачать в хорошем качестве

4.4: Particle Systems with Image Textures - The Nature of Code

It’s time to expand beyond grayscale particles! In this video I demonstrate how to make a fire or smoke-like effect by using image textures and additive blending with a particle system. Code: https://thecodingtrain.com/tracks/the... p5.js Web Editor Sketches: 🕹️ Texture Maker: https://editor.p5js.org/codingtrain/s... 🕹️ Image Texture: https://editor.p5js.org/codingtrain/s... 🕹️ Shader (WebGL): https://editor.p5js.org/codingtrain/s... 🎥 Previous video:    • 4.3: Particle Systems with Inheritance - T...   🎥 Next video:    • 5.1 Autonomous Steering Agents Introductio...   🎥 All videos:    • The Nature of Code   Videos: 🎥 Purple Rain:    • Coding Challenge 4: Purple Rain in Processing   🎥 Snowfall:    • Coding Challenge #88: Snowfall   Timestamps: 0:00 One more particle system video! 0:57 Hopefully you'll make something neat. 1:25 Adding applyForce() to our particle class. 3:24 I've already made an image texture. 4:37 Adding the image texture to the sketch. 6:28 Adjusting the way the particles look. 7:17 Let's see if there's a way to improve performance. 8:58 blendMode(ADD) 9:53 Let's try using blendMode(ADD)! 10:36 Adding in color, yay! 11:53 Please share what you create! 12:22 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