Home▸Generative Art & Algorithmic Patterns▸Truchet Tiles Generator (2D)

🔲 Truchet Tiles Generator (2D)

A 2D Canvas companion to the WebGL Truchet Tiles simulation: real tile-by-tile placement of quarter-circle arcs or diagonal lines on a grid, producing emergent maze-like flowing patterns. Adjustable tile size, style, seed and colour scheme.

Generative Art & Algorithmic Patterns2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

⚙ Under the hood

A Canvas2D companion to the WebGL Truchet tiles simulation: each grid cell is independently assigned a random tile orientation, and adjacent quarter-circle arcs or diagonal lines connect into continuous winding paths and loops. Adjust tile size, motif style, color scheme, and regenerate with a new random seed to explore fresh emergent patterns.

truchet tilesgenerative arttessellationcanvas 2drandom patternstiling

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