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. Accepts CSS units, see Sizing and units.

    Type
    number | string
    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>