Documentation

Vignette

Darkens or tints the edges of the frame, drawing attention toward the center

Props

colorstring
Default:#000000
Color of the vignette at the edges
center{x: number, y: number}
Default:{"x":0.5,"y":0.5}
Center of the clear area where the vignette begins
radiusnumber
Default:0.5
Distance from center where the vignette begins to fade in
falloffnumber
Default:0.5
Width of the transition zone from clear to full vignette
intensitynumber
Default:1
Strength of the vignette effect

Usage

<Shader>
  <Vignette
    color="#000000"
    radius={0.5}
    intensity={1}
  >
    <Circle />
  </Vignette>
</Shader>