Skip to content

Vignette

Vignette is an effect that darkens the edges of the scene to make the center pop.

Usage

vue
<script setup lang="ts">
import { EffectComposerPmndrs, VignettePmndrs } from '@tresjs/post-processing'
</script>

<template>
  <EffectComposerPmndrs>
    <VignettePmndrs
      :darkness="0.9"
      :offset="0.2"
    />
  </EffectComposerPmndrs>
</template>

Props

PropDescriptionDefault
techniqueWhether the noise should be multiplied with the input color.VignetteTechnique.DEFAULT
blendFunctionThe blend function to use.BlendFunction.NORMAL
offsetThe offset value.0.5
darknessThe darkness value.0.5

Further Reading

see postprocessing docs