Coding Challenge #16: L-System Fractal Trees

The Coding Train
The Coding Train
227 هزار بار بازدید - 8 سال پیش - In this third installment of
In this third installment of my series on algorithmic botany, I discuss L-systems and how they can be used to generate trees and other fractal patterns in p5.js. Code: thecodingtrain.com/challenges/16-l-system-fractal-… 🕹️ p5.js Web Editor Sketch: editor.p5js.org/codingtrain/sketches/QmTx-Y_UP 🎥 Previous video:    • Coding Challenge #15: Object Oriented...   🎥 Next video:    • Coding Challenge #17: Fractal Trees -...   🎥 All videos:    • Coding Challenges   References: 🔗 L-systems: en.wikipedia.org/wiki/L-system 🌿 Algorithmic Botany: algorithmicbotany.org/ 📕 My NOC class on Kadenze: www.kadenze.com/courses/the-nature-of-code/info Videos: 🎥 Algorithmic Botany Track: thecodingtrain.com/tracks/algorithmic-botany 🔴 Coding Train Live 40:    • Live Stream #40:  Tree Generation wit...   Related Coding Challenges: 🚂 #14 Recursive Fractal Trees:    • Coding Challenge #14: Fractal Trees -...   🚂 #123 Chaos Game:    • Coding Challenge #123: Chaos Game Part 1   🚂 #174 AppleSoft Basic Fractal Tree:    • Apple ][ Coding Challenge: Fractal Tree   Timestamps: 0:00 Introducing today's topic: L-systems 0:57 The elements of an L-system 4:12 Let's Code! 4:42 Add rules 6:22 Write a generate function 8:46 Create a button 12:32 Use a particular L-system 13:32 Read the text and draw to the screen 14:19 Write a turtle function 18:08 Translate to the bottom, middle of the screen 20:08 Add an angle variable 21:11 Add some alpha 21:30 Conclusion and suggestions for your own version Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: thecodingtrain.com/ 👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box 💡 GitHub: github.com/CodingTrain 💬 Discord: discord.gg/hPuGy2g 💖 Membership: youtube.com/thecodingtrain/join 🛒 Store: standard.tv/codingtrain 🖋️ Twitter: twitter.com/thecodingtrain 📸 Instagram: www.instagram.com/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-of-Conduct This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/n… #fractaltrees #lsystem #javascript #p5js #processing
8 سال پیش در تاریخ 1395/03/11 منتشر شده است.
227,088 بـار بازدید شده
... بیشتر