Live Stream #41: GitHub Pages, 3D Fractal Trees and Superellipse

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


Category:
Tutorial
Duration: 2:24:03
7,361 views
123

Live from sfpc.io!
In this live stream, I'm continuing my Algorithmic Botany series by using the Space Colonization algorithm to make a 3D fractal tree. Then I show you how to use GitHub pages to host HTML pages and your p5.js sketches for free. Finally, I'm starting a multi-part coding challenge on Superellipses and Superformulas.


13:30 - Presentation of 1st topic
42:35 - 3D Fractal Trees with Space Colonization
1:18:31 - GitHub Pages for Text and HTML files
1:34:50 - Hosting p5.js sketches on GitHub Pages
1:58:52 - Superellipse
2:12:26 - Quick Q&A/Conclusion


Support this channel on Patreon: https://patreon.com/codingtrain

Send me your questions and coding challenges!

Contact: https://twitter.com/shiffman


Links discussed in this video:
Nature of Code class on Kadenze: https://www.kadenze.com/courses/the-nature-of-code/info
Nature of Code book: http://natureofcode.com/
Algorithmic Botany: http://algorithmicbotany.org/
Original Space Colonization paper: http://algorithmicbotany.org/papers/colonization.egwnp2007.html
Superellipse on Wikipedia: https://en.wikipedia.org/wiki/Superellipse
Paul Bourke's Supershapes (Superformula) website: http://paulbourke.net/geometry/supershape/
PeasyCam: http://mrfeinberg.com/peasycam/

Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code

p5.js: https://p5js.org/
Processing: https://processing.org
GitHub: https://github.com/

For More GitHub Videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZF9C0YMKuns9sLDzK6zoiV

For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Help us caption & translate this video!

http://amara.org/v/QbsD/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct



Other Videos By The Coding Train


2016-06-0917.4: Amplitude Analysis - p5.js Sound Tutorial
2016-06-0817.3: Timing, Jumps and Cues - p5.js Sound Tutorial
2016-06-0817.2: Play and Pause Button - p5.js Sound Tutorial
2016-06-0717.1: Loading and Playing - p5.js Sound Tutorial
2016-06-06Live Stream #42: Sound in p5.js + 3D Cloth with toxiclibs
2016-06-03Coding Challenge #19: Superellipse
2016-06-039.13: GitHub Pages for Hosting p5.js Sketches - p5.js Tutorial
2016-06-021.8: GitHub Pages - Git and GitHub for Poets
2016-06-02Coding Challenge #18: 3D Fractal Trees
2016-05-31Coding Challenge #17: Fractal Trees - Space Colonization
2016-05-31Live Stream #41: GitHub Pages, 3D Fractal Trees and Superellipse
2016-05-31Coding Challenge #16: L-System Fractal Trees
2016-05-30Coding Challenge #15: Object Oriented Fractal Trees
2016-05-30Coding Challenge #14: Fractal Trees - Recursive
2016-05-28Live Stream #40: Tree Generation with Different Algorithms
2016-05-27Q&A #1: Side-Scroller in p5.js
2016-05-26Coding Challenge #13: Reaction Diffusion Algorithm in p5.js
2016-05-24Live Stream #39: Q&A and Reaction Diffusion Algorithm
2016-05-208.5: Interacting with the DOM using Sliders, Buttons and Text Inputs - p5.js Tutorial
2016-05-171.7: git init and git add - Git and GitHub for Poets
2016-05-06Coding Challenge #12: The Lorenz Attractor in Processing


Tags:
fractal
3d
github
pages
processing
p5.js
daniel shiffman
nature of code
processing tutorial
p5js
tutorial
coding challenge
coding
creative coding
object oriented programming
challenge
programming challenge
p5.js tutorial
javascript
object oriented
javascript (programming language)
oop
pvector
recursion
recursive
fractals
git tutorial
github tutorial
repository
how to use github
algorithms
botany
algorithmic botany