ZoomBlur

Radial zoom blur expanding from a center point

Props

  • intensity

    Intensity of the zoom blur effect

    Type
    number
    Default
    30

  • center

    Center point of the zoom blur

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

  • dispersion

    Spectral color fringing along the streak, like light through a lens; negative flips which end is red

    Type
    number
    Default
    0

  • falloff

    Concentrates the dispersion away from the center; 0 fringes everywhere equally

    Type
    number
    Default
    0

  • focus

    Radius of a clean zone around the center that stays sharp

    Type
    number
    Default
    0

  • bias

    Slides the streak window: 0 streaks inward from each pixel, 1 streaks evenly both ways, -1 pushes it further in

    Type
    number
    Default
    0

  • highlights

    Lets bright pixels streak further than dark ones, like light rays

    Type
    number
    Default
    0

  • spiral

    Twists the radial streak into a vortex around the center

    Type
    number
    Default
    0

  • jitter

    Per-pixel noise on the tap spacing that hides banding in long streaks

    Type
    number
    Default
    0

Usage

<Shader>
  <ZoomBlur
    intensity={30}
  >
    <Circle />
  </ZoomBlur>
</Shader>