ProgressiveBlur

Blur that increases progressively in one direction

Props

  • intensity

    Maximum intensity of the blur effect

    Type
    number
    Default
    50

  • angle

    Direction of the blur gradient (in degrees)

    Type
    number
    Default
    0

  • center

    Center point where blur begins

    Type
    {x: number, y: number}
    Default
    {"x":0,"y":0.5}

  • falloff

    Distance over which blur transitions to full strength

    Type
    number
    Default
    1

  • dispersion

    Blurs red and blue by different amounts for a lens-like color fringe that grows with the blur; negative swaps the colors

    Type
    number
    Default
    0

  • jitter

    Per-pixel noise on the tap spacing that hides banding at large blur radii

    Type
    number
    Default
    0

Usage

<Shader>
  <ProgressiveBlur
    intensity={50}
  >
    <Circle />
  </ProgressiveBlur>
</Shader>