Dither

Dithering effect with multiple pattern options

Props

  • pattern

    Dithering pattern algorithm

    Type
    "bayer2" | "bayer4" | "bayer8" | "clusteredDot" | "blueNoise" | "whiteNoise" | "floydSteinberg"
    Default
    bayer4

  • pixelSize

    Size of dithering pixels

    Type
    number
    Default
    4

  • threshold

    Luminance threshold for dithering

    Type
    number
    Default
    0.5

  • spread

    How much of the luminance range participates in dithering (lower = more solid areas)

    Type
    number
    Default
    1

  • colorMode

    How colors are determined

    Type
    "custom" | "source"
    Default
    custom

  • colorA

    Dark color for dithering

    Type
    string
    Default
    transparent

  • colorB

    Light color for dithering

    Type
    string
    Default
    #ffffff

Usage

<Shader>
  <Dither>
    <Circle />
  </Dither>
</Shader>