Coding Challenge #108: Barnsley Fern

Subscribers:
1,750,000
Published on ● Video Link: https://www.youtube.com/watch?v=JFugGF1URNo



Duration: 17:07
122,454 views
3,552


Visualizing the Barnsley Fern fractal with Processing (Java)! Code: https://thecodingtrain.com/challenges/108-barnsley-fern

đŸ•šī¸ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/G4V940Y8V

đŸŽĨ Previous video: https://youtu.be/diGjw5tghYU?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
đŸŽĨ Next video: https://youtu.be/Ae73YY_GAU8?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
đŸŽĨ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Links Discussed:
🌐 Barnsley fern on Wikipedia: https://en.wikipedia.org/wiki/Barnsley_fern

Videos:
đŸŽĨ Algorithmic Botany Track: https://thecodingtrain.com/tracks/algorithmic-botany
đŸŽĨ Matrix Math: https://youtu.be/uSzGdfdOoG8
🔴 Livestream Archive: https://youtu.be/_9ZerP7pGvc

Related Coding Challenges:
🚂 #14 Recursive Fractal Trees: https://youtu.be/0jjeOYMjmDU
🚂 #15 Object-Oriented Fractal Trees: https://youtu.be/fcdNSZ9IzJM
🚂 #16 Fractal Trees - L-System: https://youtu.be/E1B4UoSQMFw
🚂 #17 Space Colonization: https://youtu.be/kKT0v3qhIQY
🚂 #18 3D Fractal Trees: https://youtu.be/JcopTKXt8L8
🚂 #174 AppleSoft Basic Fractal Tree: https://youtu.be/UNkHditYGls

Timestamps:
0:00 Introducing today's topic
0:49 Discuss the algorithm
2:23 Explanation of matrix algebra
4:20 Let's Code!
5:24 Input the transformation formula for next x and y
7:15 Remap the values to the width and height of the canvas
8:32 Add other transformation formulas for next x and y
11:12 Pick a random number to choose the tranformation
12:08 Add nextPoint, drawPoint functions
13:51 Add probabilities
15:57 Update the range
16:41 Thanks for watching!

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 #algorithmicbotany #p5js #javascript







Tags:
programming
daniel shiffman
creative coding
coding challenge
tutorial
coding
challenges
coding train
the coding train
live stream
challenge
codingtrain
code challenge
barnsley fern algorithm
barnsley fern
barnsley fern processing
fractal
barnsley fern fractal