feat: add fxaa effect

src/core/effects/FXAA.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { BlendFunction, FXAAEffect } from 'postprocessing'
+import { useEffect } from '../composables/effect'
+// import { makePropWatchers } from '../../util/prop'
+
+export interface FXAAProps {
+  /**
+   * The blend function of this effect. This prop is not reactive.
+   * @default BlendFunction.SCREEN
+   * @type {BlendFunction}
+   * @memberof FXAAProps
+   */
+  blendFunction?: BlendFunction
+}
+
+const props = withDefaults(defineProps<FXAAProps>(), {})
+
+const { pass, effect } = useEffect(() => new FXAAEffect(props))
+
+defineExpose({ pass, effect }) // to allow users to modify pass and effect via template ref
+
+// makePropWatchers([], effect, () => new FXAAEffect())
+</script>
+
+<template></template>

src/index.ts

@@ -1,6 +1,7 @@
 import Bloom from './core/effects/Bloom.vue'
 import DepthOfField from './core/effects/DepthOfField.vue'
 import EffectComposer from './core/EffectComposer.vue'
+import FXAA from './core/effects/FXAA.vue'
 import Glitch from './core/effects/Glitch.vue'
 import Outline from './core/effects/Outline.vue'
 import Pixelation from './core/effects/Pixelation.vue'
@@ -11,6 +12,7 @@ export {
   Bloom,
   DepthOfField, 
   EffectComposer,
+  FXAA,
   Glitch,
   Noise,
   Outline,