Checkerboard

Classic checkerboard pattern with two alternating colors

Props

  • colorA

    First color of the checkerboard pattern

    Type
    string
    Default
    #cccccc

  • colorB

    Second color of the checkerboard pattern

    Type
    string
    Default
    #999999

  • cells

    Number of cells along the canvas height (creates square cells). Switch the unit to px in the editor to set an absolute cell size instead.

    Type
    number
    Default
    8

  • softness

    Smoothness of the transition between colors (0 = hard edges, 1 = very soft)

    Type
    number
    Default
    0

  • colorSpace

    Color space for color interpolation

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

Usage

<Shader>
  <Checkerboard />
</Shader>