Vignette
Darkens or tints the edges of the frame, drawing attention toward the center
Darkens or tints the edges of the frame, drawing attention toward the center
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| color | color | #000000 | Color of the vignette at the edges |
| center | position | {"x":0.5,"y":0.5} | Center of the clear area where the vignette begins |
| radius | range | 0.5 | Distance from center where the vignette begins to fade in |
| falloff | range | 0.5 | Width of the transition zone from clear to full vignette |
| intensity | range | 1 | Strength of the vignette effect |
Usage
vue
<Shader>
<Vignette
color="#000000"
:radius="0.5"
:intensity="1"
>
<Circle />
</Vignette>
</Shader>