HexGrid

Honeycomb hexagonal grid pattern

Props

  • colorA

    Cell fill color

    Type
    string
    Default
    #000000

  • colorB

    Grid line color

    Type
    string
    Default
    #ffffff

  • cells

    Number of hexagons along the canvas height (the width fits as many as the aspect ratio allows)

    Type
    number
    Default
    8

  • thickness

    Thickness of the hex grid lines

    Type
    number
    Default
    1

  • rotation

    Rotation of the grid in degrees

    Type
    number
    Default
    0

  • softness

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

    Type
    number
    Default
    0

  • variation

    Per-cell random lightening/darkening of the cell fill color

    Type
    number
    Default
    0

  • colorSpace

    Color space for color interpolation

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

Usage

<Shader>
  <HexGrid />
</Shader>