DotGrid

Grid of dots with optional twinkling animation

Props

  • color

    The color of the dot

    Type
    string
    Default
    #ffffff

  • density

    The number of dots along the canvas height (the width fits as many as the aspect ratio allows)

    Type
    number
    Default
    30

  • dotSize

    The size of each dot, zero (0) being invisible, one (1) filled the grid with no gaps

    Type
    number
    Default
    0.3

  • offset

    Horizontal stagger of alternating rows (0.5 = classic polka-dot brick offset)

    Type
    number
    Default
    0

  • speed

    Animates the rows drifting horizontally (0 = static)

    Type
    number
    Default
    0

  • speedVariance

    Per-row random speed variance for irregular drifting motion

    Type
    number
    Default
    0.3

  • twinkle

    Intensity of the twinkle effect (0 = off, 1 = full twinkle)

    Type
    number
    Default
    0

Usage

<Shader>
  <DotGrid
    color="#ffffff"
  />
</Shader>