AngularBlur
Radial motion blur rotating around a center point
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| intensity | range | 20 | Intensity of the angular blur effect |
| center | position | {"x":0.5,"y":0.5} | The center point of the rotation |
| 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 | Trails the sweep off one side of each pixel instead of both; the sign picks the direction |
| highlights | range | 0 | Lets bright pixels streak further than dark ones, like light rays |
| jitter | range | 0 | Per-pixel noise on the tap spacing that hides banding in long streaks |
Usage
vue
<Shader>
<AngularBlur
:intensity="20"
>
<Circle />
</AngularBlur>
</Shader>