ProgressiveBlur
Blur that increases progressively in one direction
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| intensity | range | 50 | Maximum intensity of the blur effect |
| angle | range | 0 | Direction of the blur gradient (in degrees) |
| center | position | {"x":0,"y":0.5} | Center point where blur begins |
| falloff | range | 1 | Distance over which blur transitions to full strength |
| dispersion | range | 0 | Blurs red and blue by different amounts for a lens-like color fringe that grows with the blur; negative swaps the colors |
| jitter | range | 0 | Per-pixel noise on the tap spacing that hides banding at large blur radii |
Usage
vue
<Shader>
<ProgressiveBlur
:intensity="50"
>
<Circle />
</ProgressiveBlur>
</Shader>