Home▸Physics & Mechanics▸Zen Garden (2D)

Zen Garden (2D)

A 2D sand height-field rendered with slope-based shading: drag to rake wavy furrows with a five-tined rake, click to set a stone that carves concentric ripple rings around it, and let wind erosion slowly relax the pattern back toward flat.

Physics & Mechanics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

This 2D companion swaps the 3D original's orbiting camera for a fixed top-down view of the same sand-raking idea: a height field shaded from its own slope so furrows and ripples read as light and shadow without any 3D mesh. Drag to carve parallel rake lines, click to drop a stone and watch concentric ripples spread outward, and dial in how fast wind erosion smooths everything back to flat sand.

⚙ Under the hood

A slope-shaded 2D height field you rake and place stones into, with adjustable rake width and wind erosion relaxing the pattern over time.

zen gardenheight fieldsand rakingerosion2d

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