Voronoi

Cellular pattern where each pixel is colored by its distance to the nearest of many scattered points

Props

  • colorA

    Color near each cell's center point

    Type
    string
    Default
    #3186cf

  • colorB

    Color at cell boundaries, far from any center point

    Type
    string
    Default
    #fc02dd

  • stops

    Multi-stop gradient colors (overrides Color A / Color B when set)

    Type
    object
    Default
    null

  • colorBorder

    Color of the cell boundary lines

    Type
    string
    Default
    #000000

  • scale

    Number of cells across the canvas

    Type
    number
    Default
    6

  • speed

    Animation speed — how fast the cell points drift

    Type
    number
    Default
    0.5

  • seed

    Random seed — shifts the cell pattern without changing the overall structure

    Type
    number
    Default
    0

  • edgeIntensity

    Controls how much of the cell interior is filled by the edge color. Low = center color dominates with a sharp boundary. High = edge color spreads further into the cell.

    Type
    number
    Default
    0.5

  • edgeSoftness

    Width of the cell boundary lines.

    Type
    number
    Default
    0.05

  • colorSpace

    Color space for color interpolation

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

Usage

<Shader>
  <Voronoi />
</Shader>