Lens Distortion

<script setup lang="ts">
import { EffectComposerPmndrs, LensDistortionPmndrs } from '@tresjs/post-processing'
import { NoToneMapping, Vector2 } from 'three'
import { TresCanvas } from '@tresjs/core'

const gl = {
  toneMapping: NoToneMapping,
}
</script>

<template>
  <TresCanvas v-bind="gl">
    <TresPerspectiveCamera :position="[5, 5, 5]" />

    <!-- Your scene -->

    <Suspense>
      <EffectComposerPmndrs>
        <LensDistortionPmndrs
          :distortion="new Vector2(0.5, 0.5)"
          :principal-point="new Vector2(0.0, 0.0)"
          :focal-length="new Vector2(0.5, 0.5)"
          :skew="0"
        />
      </EffectComposerPmndrs>
    </Suspense>
  </TresCanvas>
</template>