In this coding challenge, I implement a pixel-based “fire” algorithm using Processing (Java). Code: thecodingtrain.com/challenges...
🕹️ p5.js Web Editor Sketch: editor.p5js.org/codingtrain/s...
🎥 Previous video: • Coding Challenge 102: ...
🎥 Next video: • Coding Challenge #104:...
🎥 All videos: • Coding Challenges
References:
📓 Fire Simulation: web.archive.org/web/201604180...
💾 Processing: processing.org
Videos:
🚂 What is Perlin Noise?: • 13: What is Perlin Noise?
🔴 Livestream Archive: • Live Stream #136: More...
Related Coding Challenges:
🚂 #102 2D Water Ripple: • Coding Challenge 102: ...
🚂 #132 Fluid Simulation: • Coding Challenge #132:...
Timestamps:
0:00 Introduction
0:39 Fire algorithm
1:11 Let's Code
2:30 Add image buffers
5:20 Implement smoothing algorithm
11:58 Add cooling map
15:57 Introduce Perlin noise field
17:58 Add noise to the cooling map
22:04 Scroll the cooling map
24:32 Experiment with graphics objects
26:18 Add mouseDragged
27:52 Conclusion
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound
🚂 Website: thecodingtrain.com/
👾 Share Your Creation! thecodingtrain.com/guides/pas...
🚩 Suggest Topics: github.com/CodingTrain/Sugges...
💡 GitHub: github.com/CodingTrain
💬 Discord: / discord
💖 Membership: ru-vid.comjoin
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: / thecodingtrain
📸 Instagram: / the.coding.train
🎥 Coding Challenges: • Coding Challenges
🎥 Intro to Programming: • Start learning here!
🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org/
🔗 Processing: processing.org
📄 Code of Conduct: github.com/CodingTrain/Code-o...
This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecod...
#firesimulation #perlinnoise #processing #p5js
31 июл 2024