- Shaders
- Components
LinearBlur
Directional motion blur in a specific angle
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| intensity | range | 30 | Intensity of the linear blur effect |
| angle | range | 0 | Direction of the linear blur (in degrees) |
| 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 streak off one side of each pixel like a comet; 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>
<LinearBlur
:intensity="30"
>
<Circle />
</LinearBlur>
</Shader>