Documentation

Truchet

Quarter-circle arc tiles that connect to form organic, maze-like flowing curves

Props

colorAstring
Default:#000000
Background color between the arcs
colorBstring
Default:#ffffff
Arc line color
cellsnumber
Default:10
Number of tiles across the shortest canvas edge
thicknessnumber
Default:2
Thickness of the arc lines
seednumber
Default:0
Random seed — changes which tiles flip, producing a different maze pattern
colorSpace"linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
Default:linear
Color space for color interpolation

Usage

<Shader>
  <Truchet />
</Shader>