ScreenQuad

A triangle that fills the screen when using a THREE.OrthographicCamera. Useful for full-screen fragment shader work.

Usage

<script setup>
import { TresCanvas } from '@tresjs/core'
import { ScreenQuad } from '@tresjs/cientos'
</script>

<template>
  <TresCanvas>
    <TresOrthographicCamera :args="[-1, 1, 1, -1, 0, 1000]" :position="[0, 0, 1]" :manual="true" />
    <ScreenQuad>
      <TresMeshBasicMaterial color="red" />
    </ScreenQuad>
  </TresCanvas>
</template>

References

• Why a triangle?
• Simple postprocessing in THREE.js