Coding Challenge #18: 3D Fractal Trees

Channel:

The Coding Train

Subscribers:

1,740,000

Published on June 2, 2016 2:26:11 PM ● Video Link: https://www.youtube.com/watch?v=JcopTKXt8L8

Game:

Fractal (2010)

Duration: 22:29

79,405 views

1,313

In this coding challenge, I'm building on top of the Space Colonization video and creating a 3D Fractal Tree, using the same algorithm, in Processing. Code: https://thecodingtrain.com/challenges/18-3d-fractal-trees

🎥 Previous video: https://youtu.be/kKT0v3qhIQY?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Next video: https://youtu.be/z86cx2A4_3E?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🌿 Algorithmic Botany: http://algorithmicbotany.org/
📓 Modeling Trees with a Space Colonization Algorithm: http://algorithmicbotany.org/papers/colonization.egwnp2007.pdf
📕 Nature of Code class on Kadenze: https://www.kadenze.com/courses/the-nature-of-code/info

Videos:
🎥 Algorithmic Botany Track: https://thecodingtrain.com/tracks/algorithmic-botany
🔴 Coding Train Live 41: https://youtu.be/1Yo_AYzxA-o?t=2555s

Related Coding Challenges:
🚂 #14 Recursive Fractal Trees: https://youtu.be/0jjeOYMjmDU
🚂 #17 Space Colonization: https://youtu.be/kKT0v3qhIQY
🚂 #77 Recursion: https://youtu.be/jPsZwrV9ld0

Timestamps:
0:00 Introducing today's topic
1:13 The algorithm
2:39 Recap: the Leaf, Branch, and Tree objects
5:30 Add a random motion to deal with leaves that are equi-distant from a branch
7:30 Map strokeWeight of branches to the index
9:39 Create random points in a sphere
10:15 Add P3D
10:55 Add a PeasyCam object
12:57 Draw ellipses at their 3D location
14:32 Grow the tree again
15:11 Add the z-coordinate to line
16:34 Discussion of creative possibilities
19:01 Adjust parameters to make the fractal look more "tree-like"
22:06 Conclusion

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
💡 GitHub: https://github.com/CodingTrain
💬 Discord: https://discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
🖋️ Twitter: https://twitter.com/thecodingtrain
📸 Instagram: https://www.instagram.com/the.coding.train/

🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 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-of-Conduct

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

#fractals #generativeart #3d #p5js #javascript

Other Statistics