@react-three/postprocessing 2.12.1 → 2.12.3

package/dist/effects/N8AO.d.ts

@@ -3,6 +3,10 @@ type N8AOProps = {
     aoRadius?: number;
     distanceFalloff?: number;
     intensity?: number;
+    quality?: 'performance' | 'low' | 'medium' | 'high' | 'ultra';
+    aoSamples?: number;
+    denoiseSamples?: number;
+    denoiseRadius?: number;
 };
 export declare const N8AO: import("react").ForwardRefExoticComponent<N8AOProps & import("react").RefAttributes<N8AOPostPass>>;
 export {};

package/dist/index.cjs

@@ -510,12 +510,23 @@ const SSAO = React.forwardRef(function SSAO(props, ref) {
     return jsxRuntime.jsx("primitive", { ref: ref, object: effect, dispose: null });
 });
 
-const N8AO = React.forwardRef((props, ref) => {
+const N8AO = React.forwardRef(({ quality, aoRadius = 5, aoSamples = 16, denoiseSamples = 4, denoiseRadius = 12, distanceFalloff = 1, intensity = 1, }, ref) => {
     const { camera, scene } = fiber.useThree();
     const effect = React.useMemo(() => new n8ao.N8AOPostPass(scene, camera), []);
     React.useLayoutEffect(() => {
-        Object.assign(effect.configuration, props);
-    }, [props]);
+        Object.assign(effect.configuration, {
+            aoRadius,
+            distanceFalloff,
+            intensity,
+            aoSamples,
+            denoiseSamples,
+            denoiseRadius,
+        });
+    }, [aoRadius, distanceFalloff, intensity, aoSamples, denoiseSamples, denoiseRadius]);
+    React.useLayoutEffect(() => {
+        if (quality)
+            effect.setQualityMode(quality.charAt(0).toUpperCase() + quality.slice(1));
+    }, [quality]);
     return jsxRuntime.jsx("primitive", { ref: ref, object: effect });
 });
 

package/dist/index.js

@@ -490,12 +490,23 @@ const SSAO = forwardRef(function SSAO(props, ref) {
     return jsx("primitive", { ref: ref, object: effect, dispose: null });
 });
 
-const N8AO = forwardRef((props, ref) => {
+const N8AO = forwardRef(({ quality, aoRadius = 5, aoSamples = 16, denoiseSamples = 4, denoiseRadius = 12, distanceFalloff = 1, intensity = 1, }, ref) => {
     const { camera, scene } = useThree();
     const effect = useMemo(() => new N8AOPostPass(scene, camera), []);
     useLayoutEffect(() => {
-        Object.assign(effect.configuration, props);
-    }, [props]);
+        Object.assign(effect.configuration, {
+            aoRadius,
+            distanceFalloff,
+            intensity,
+            aoSamples,
+            denoiseSamples,
+            denoiseRadius,
+        });
+    }, [aoRadius, distanceFalloff, intensity, aoSamples, denoiseSamples, denoiseRadius]);
+    useLayoutEffect(() => {
+        if (quality)
+            effect.setQualityMode(quality.charAt(0).toUpperCase() + quality.slice(1));
+    }, [quality]);
     return jsx("primitive", { ref: ref, object: effect });
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/postprocessing",
-  "version": "2.12.1",
+  "version": "2.12.3",
   "description": "postprocessing wrapper for React and @react-three/fiber",
   "keywords": [
     "postprocessing",