From 42212fb47358ff33e50a801cc7115010cfd1c9fb Mon Sep 17 00:00:00 2001
From: Maiko Tan <maiko.tan.coding@gmail.com>
Date: Tue, 2 Apr 2024 16:02:21 +0800
Subject: [PATCH] feat: add fxaa effect

---
 src/core/effects/FXAA.vue | 25 +++++++++++++++++++++++++
 src/index.ts              |  2 ++
 2 files changed, 27 insertions(+)
 create mode 100644 src/core/effects/FXAA.vue

diff --git a/src/core/effects/FXAA.vue b/src/core/effects/FXAA.vue
new file mode 100644
index 00000000..49887115
--- /dev/null
+++ b/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 SMAAProps {
+  /**
+   * The blend function of this effect. This prop is not reactive.
+   * @default BlendFunction.SCREEN
+   * @type {BlendFunction}
+   * @memberof SMAAProps
+   */
+  blendFunction?: BlendFunction
+}
+
+const props = withDefaults(defineProps<SMAAProps>(), {})
+
+const { pass, effect } = useEffect(() => new FXAAEffect(props))
+
+defineExpose({ pass, effect }) // to allow users to modify pass and effect via template ref
+
+// makePropWatchers([], effect, () => new SMAAEffect())
+</script>
+
+<template></template>
diff --git a/src/index.ts b/src/index.ts
index 1e69a01a..e40f9514 100644
--- a/src/index.ts
+++ b/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,