ZoomBlur

Radial zoom blur expanding from a center point

Props

Prop	Type	Default	Description
intensity	range	30	Intensity of the zoom blur effect
center	position	{"x":0.5,"y":0.5}	Center point of the zoom blur
dispersion	range	0	Spectral color fringing along the streak, like light through a lens; negative flips which end is red
falloff	range	0	Concentrates the dispersion away from the center; 0 fringes everywhere equally
focus	range	0	Radius of a clean zone around the center that stays sharp
bias	range	0	Slides the streak window: 0 streaks inward from each pixel, 1 streaks evenly both ways, -1 pushes it further in
highlights	range	0	Lets bright pixels streak further than dark ones, like light rays
spiral	range	0	Twists the radial streak into a vortex around the center
jitter	range	0	Per-pixel noise on the tap spacing that hides banding in long streaks

vue

<Shader>
  <ZoomBlur
    :intensity="30"
  >
    <Circle />
  </ZoomBlur>
</Shader>