Truchet

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

Props

  • colorA

    Background color between the arcs

    Type
    string
    Default
    #000000

  • colorB

    Arc line color

    Type
    string
    Default
    #ffffff

  • cells

    Number of tiles across the shortest canvas edge

    Type
    number
    Default
    10

  • thickness

    Thickness of the arc lines

    Type
    number
    Default
    2

  • rotation

    Rotation of the tiling in degrees

    Type
    number
    Default
    0

  • softness

    Softness of the arc edges (0 = crisp, 1 = very soft)

    Type
    number
    Default
    0

  • seed

    Random seed — changes which tiles flip, producing a different maze pattern

    Type
    number
    Default
    0

  • colorSpace

    Color space for color interpolation

    Type
    "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
    Default
    linear

Usage

<Shader>
  <Truchet />
</Shader>