← Creative
🌳
Fractal Tree Generator
Draw a recursive, organic-looking tree with sliders to control its shape.
🟡 MediumDifficulty
2 hoursTime
JavaScript, TypeScriptLanguages
What you're building
A tree drawn entirely by recursion -- one branch splits into two smaller branches, which each split again, and again -- with sliders controlling the branch angle, length ratio, and depth so you can grow anything from a bare stick to a bushy oak.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- A code editor
- A browser
🗺️ Build roadmap
01 Setup
→
02 Draw a single branch
→
03 Recurse into two child branches
→
04 Add angle and ratio controls
→
05 Add depth control
→
06 Add color-by-depth
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free