Home▸Drawing with Maths▸Fractal Tree Growth (2D)

Fractal Tree Growth (2D)

A real recursive fractal tree grown branch by branch in 2D: each split spawns two children at an adjustable angle and length ratio, with jitter for organic asymmetry and an optional L-system plant mode.

Drawing with Maths2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

Details

CategoryDrawing with Maths

RenderingCanvas 2D

DifficultyModerate

Target FPS60

ControlsMode select (classic recursive / L-system plant), sliders for recursion depth (3-14), branch angle (5-70 degrees), length ratio (0.40-0.85), random jitter (0-60%) and growth speed (0.25x-3x), a sway-once-grown toggle, plus Regrow, Randomize shape and Save PNG buttons.

fractal treerecursive branchingl-systemprocedural generationself-similaritymath art2d

Related simulations

Chaos GameJump partway toward a random vertex each step — pick Sierpinski, Barnsley or Vicsek presets…

Fibonacci SpiralAdjust the golden angle and point count to switch between spiral, sunflower and squares…

Lissajous Curves InteractiveThis simulation allows you to explore Lissajous curves by adjusting parameters like… ⊞ All 96 in Drawing with Maths →

A genuine recursive branching generator drawn on a flat canvas: every branch is computed from real trigonometry and spawns its own children, growing outward over time instead of appearing instantly. Tune the branching angle, length ratio, recursion depth and random jitter to sculpt anything from a sparse sapling to a dense, wind-swayed bush, or switch to the classic Lindenmayer L-system grammar for a botanically different growth mechanism.

⚙ Under the hood

A genuine recursive branching generator on a flat canvas: each split spawns two children at an adjustable angle and length ratio, growing outward over real time rather than appearing instantly. Random jitter breaks symmetry for organic shapes, and an optional Lindenmayer L-system mode swaps in classic plant-grammar turtle graphics for a botanically different growth mechanism.

fractal treerecursive branchingl-systemprocedural generationself-similaritymath art2d

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install