Coding Challenge #30: Phyllotaxis

Channel:
United States The Coding Train
Subscribers:
1,750,000
Published on ● Video Link: https://www.youtube.com/watch?v=KWoJgHFYWxY


Duration: 11:02
160,398 views
3,446

In this coding challenge, I continue one of my favorite subjects: Algorithmic botany! This video covers the subject of Phyllotaxis, what it is and how it can be used to generate sunflower-like patterns inspired by nature. Code: https://thecodingtrain.com/challenges/30-phyllotaxis

🕹ī¸ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/CehY0jsLV

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

References:
🗄 Phyllotaxis on Wikipedia: https://en.wikipedia.org/wiki/Phyllotaxis
📘 Algorithmic Botany - Phyllotaxis: http://algorithmicbotany.org/papers/abop/abop-ch4.pdf

Videos:
đŸŽĨ Algorithmic Botany: https://thecodingtrain.com/tracks/algorithmic-botany
đŸŽĨ Polar to Cartesian Coordinates: https://youtu.be/O5wjXoFrau4
đŸŽĨ Golan Levin's Modulo Operator video: https://www.youtube.com/watch?v=r5Iy3v1co0A
🔴 Live Stream Archive #54: https://youtu.be/MQMJ0xWSMWE

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
🚂 #81 Circle Morphing: https://youtu.be/u2D4sxh3MTs
🚂 #133 Times Tables Cardioid Visualization: https://youtu.be/bl3nc_a1nvs
🚂 #134 Heart Curve: https://youtu.be/oUBAi9xQ2X4

Timestamps:
0:00 Introduction
1:26 The phyllotaxis formulas
4:41 Add a dot with a specific angle and radius
5:27 Add formula for polar to cartesian coordinates
6:45 Scaling factor
7:38 Change the angle to render different patterns
8:29 Change to angleMode()
9:00 Change color mode to HSB
9:29 Cycle through the colors using modulus
10:4 Other creative possibilities

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

#algorithmicbotany #phyllotaxis #generativeart #p5js #javascript



Other Videos By The Coding Train


2016-08-16Coding Challenge #32.1: Agar.io - Part 1 (Basic Game Mechanics)
2016-08-12Live Stream #57 - Traveling Salesperson
2016-08-119.10: Genetic Algorithm: Continuous Evolutionary System - The Nature of Code
2016-08-10Coding Challenge #31: Flappy Bird
2016-08-099.9: Genetic Algorithm: Interactive Selection - The Nature of Code
2016-08-089.17: Arguments Array in JavaScript - p5.js Tutorial
2016-08-05Live Stream #56: Poisson Disc Sampling and Diffusion-Limited Aggregation
2016-08-059.6: Genetic Algorithm: Improved Fitness Function - The Nature of Code
2016-08-059.7: Genetic Algorithm: Pool Selection - The Nature of Code
2016-08-04Live Stream #55 - Flappy Bird and Agar.io Clones
2016-08-03Coding Challenge #30: Phyllotaxis
2016-08-039.16: CodePen in p5.js - p5.js Tutorial
2016-08-02Coding Challenge #29: Smart Rockets in p5.js
2016-08-019.5: Genetic Algorithm: Fitness, Genotype vs Phenotype - The Nature of Code
2016-07-31Live Stream #53 - Smart Rockets, CodePen and Arguments Array in JS
2016-07-319.4: Genetic Algorithm: Looking at Code - The Nature of Code
2016-07-309.3: Genetic Algorithm: Shakespeare Monkey Example - The Nature of Code
2016-07-299.2: Genetic Algorithm: How it works - The Nature of Code
2016-07-299.1: Genetic Algorithm: Introduction - The Nature of Code
2016-07-27Live Stream #54 - Phyllotaxis and More on Genetic Algorithms
2016-07-25Coding Train Live 52: Genetic Algorithms


Tags:
challenge
code
coding
p5.js
daniel shiffman
processing
p5js
p5.js tutorial
creative coding
the nature of code
algorithmic botany
procedural botany
algorithmic sunflower
phyllotaxis
phyllotaxis simulation
phyllotaxis algorithm
phyllotaxis javascript
sunflower simulation
sunflower algorithm