feat: n8ao

Author: drcmda

package.json

@@ -48,6 +48,7 @@
   },
   "dependencies": {
     "maath": "^0.5.3",
+    "n8ao": "^1.2.1",
     "postprocessing": "^6.30.2",
     "screen-space-reflections": "2.5.0",
     "three-stdlib": "^2.21.10"

src/effects/N8AO.tsx

@@ -0,0 +1,19 @@
+import { Ref, forwardRef, useLayoutEffect, useMemo } from 'react'
+/* @ts-ignore */
+import { N8AOPostPass } from 'n8ao'
+import { useThree } from '@react-three/fiber'
+
+type N8AOProps = {
+  aoRadius?: number
+  distanceFalloff?: number
+  intensity?: number
+}
+
+export const N8AO = forwardRef<N8AOPostPass, N8AOProps>((props, ref: Ref<N8AOPostPass>) => {
+  const { camera, scene, size } = useThree()
+  const effect = useMemo(() => new N8AOPostPass(scene, camera, size.width, size.height), [])
+  useLayoutEffect(() => {
+    Object.assign(effect.configuration, props)
+  }, [props])
+  return <primitive ref={ref} object={effect} />
+})

src/index.tsx

@@ -18,6 +18,7 @@ export * from './effects/ScanlineEffect'
 export * from './effects/SelectiveBloom'
 export * from './effects/Sepia'
 export * from './effects/SSAO'
+export * from './effects/N8AO'
 export * from './effects/SMAA'
 export * from './effects/Texture'
 export * from './effects/ToneMapping'

yarn.lock

@@ -7645,6 +7645,11 @@ mute-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-1.0.0.tgz#e31bd9fe62f0aed23520aa4324ea6671531e013e"
   integrity sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==
 
+n8ao@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/n8ao/-/n8ao-1.2.1.tgz#2c9688ffb8dc6b2364abda134d0498b33d903d97"
+  integrity sha512-Mc0JVk3ESA5keQO2hFqeiGJX0CJtEwRpGSR2cd4TZJs8by559ta+iY0A72rFzsfxRZmnMq8jVL7o1ucqNDp0bw==
+
 nanoid@^3.3.1, nanoid@^3.3.6:
   version "3.3.6"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"