Skip to content

Lumitree — A Collaborative Art Project & Interactive Generative Art Website

Collaborative interactive art, made together

Plant a seed. Watch it grow into a unique generative art micro-world. Together we grow an infinite tree of interactive art.

Get the best new worlds weekly

Latest articles

26 min read

Collision Detection: How to Build Realistic Physics Interactions With Code

Learn how to build interactive collision detection systems with JavaScript and Canvas. 8 code examples: AABB boxes, circle-circle, polygon SAT, spatial hashing, raycasting, swept collision, quadtree broad phase, and a full physics playground.

24 min read

Cloth Simulation: How to Create Realistic Fabric Physics With Code

Learn how to simulate realistic cloth and fabric physics with JavaScript and Canvas. 8 code examples: Verlet integration, spring-mass grids, wind forces, tearing, draping, flags, curtains, and an interactive cloth playground.

26 min read

Genetic Algorithm: How to Create Evolving Art and Optimization With Code

Learn how to build genetic algorithms with JavaScript and Canvas. 8 code examples: evolving strings, image approximation with polygons, traveling salesman, color palette breeding, walking creatures, neuroevolution maze navigation, interactive aesthetic selection, and generative art evolution.

28 min read

Wave Function Collapse: How to Generate Infinite Tile-Based Worlds With Code

Learn how to implement Wave Function Collapse (WFC) with JavaScript and Canvas. 8 code examples: basic tile constraints, simple WFC solver, terrain generation, city blocks, platformer levels, pipe networks, pixel art patterns, and interactive tilemap editor.

22 min read

Pendulum Wave: How to Create Mesmerizing Phase Animations With Code

Learn how to build pendulum wave simulations with JavaScript and Canvas. 8 code examples: basic pendulum wave, circular pendulum array, rainbow phase gradient, Lissajous pendulums, 3D perspective wave, interactive frequency tuner, coupled pendulums with energy transfer, and generative pendulum art.

24 min read

Boids: How to Create Realistic Flocking Simulations With Code

Learn how to build boids flocking simulations with JavaScript and Canvas. 8 code examples: basic boids with separation/alignment/cohesion, predator avoidance, multi-species flocking, obstacle navigation, 3D perspective boids, interactive mouse control, motion trails, and generative boid art.

View all articles