AngularBlur

Radial motion blur rotating around a center point

Props

  • intensity

    Intensity of the angular blur effect

    Type
    number
    Default
    20

  • center

    The center point of the rotation

    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

    Trails the sweep off one side of each pixel instead of both; the sign picks the direction

    Type
    number
    Default
    0

  • highlights

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

    Type
    number
    Default
    0

  • jitter

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

    Type
    number
    Default
    0

Usage

<Shader>
  <AngularBlur
    intensity={20}
  >
    <Circle />
  </AngularBlur>
</Shader>