Vignette
A vignette effect.
import { Vignette } from '@react-three/postprocessing'
import { BlendFunction } from 'postprocessing'
return (
<Vignette
offset={0.5} // vignette offset
darkness={0.5} // vignette darkness
eskil={false} // Eskil's vignette technique
blendFunction={BlendFunction.NORMAL} // blend mode
/>
)
Example
Vignette Demo
Props
Name | Type | Default | Description |
---|---|---|---|
eskil | Boolean | false | Enables Eskil's vignette technique. |
blendFunction | BlendFunction | BlendFunction.NORMAL | The blend function of this effect. |
offset | Number | 0.5 | The vignette offset. |
darkness | Number | 0.5 | The vignette darkness. |