Coding Challenge #16: L-System Fractal Trees
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
بـار بازدید شده