fxaa-pass.md

FXAAPass

Back to readme

The <FXAAPass /> component will create a WebGL FXAAPass (using a ShaderPass object), acting as a wrapper for the curtains.js FXAAPass class.

Usage

import { FXAAPass } from "vue-curtains";

export default {
  name: "BasicFXAAPass",
  components: {
    FXAAPass
  }
}
</script>

<template>
  <FXAAPass />
</template>

Properties & Events

You can refer to both the FXAAPass curtains.js class and ShaderPass component documentations.

Most of the time tho, you'll just add the <FXAAPass /> component without any params and let it automatically add anti-aliasing to your scene.

Unmounting

Each time the <FXAAPass /> component will unmount, the corresponding WebGL shaderpass and its associated render target element will be automatically disposed.