Ga naar inhoud

Lumitree — A Collaborative Art Project & Interactive Generative Art Website

Samen interactieve kunst maken

Plant een zaadje. Kijk hoe het uitgroeit tot een unieke micro-wereld van generatieve kunst. Samen laten we een oneindige boom groeien.

Ontvang wekelijks de mooiste nieuwe werelden

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