@react-three/postprocessing 2.11.5 → 2.12.0

package/dist/effects/N8AO.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type N8AOProps = {
+    aoRadius?: number;
+    distanceFalloff?: number;
+    intensity?: number;
+};
+export declare const N8AO: import("react").ForwardRefExoticComponent<N8AOProps & import("react").RefAttributes<N8AOPostPass>>;
+export {};

package/dist/index.cjs

@@ -7,6 +7,7 @@ var fiber = require('@react-three/fiber');
 var postprocessing = require('postprocessing');
 var maath = require('maath');
 var threeStdlib = require('three-stdlib');
+var n8ao = require('n8ao');
 var screenSpaceReflections = require('screen-space-reflections');
 
 function _interopNamespaceDefault(e) {
@@ -509,6 +510,15 @@ 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 { camera, scene, size } = fiber.useThree();
+    const effect = React.useMemo(() => new n8ao.N8AOPostPass(scene, camera, size.width, size.height), []);
+    React.useLayoutEffect(() => {
+        Object.assign(effect.configuration, props);
+    }, [props]);
+    return jsxRuntime.jsx("primitive", { ref: ref, object: effect });
+});
+
 const SMAA = wrapEffect(postprocessing.SMAAEffect);
 
 const Texture = React.forwardRef(function Texture({ textureSrc, texture, ...props }, ref) {
@@ -662,6 +672,7 @@ exports.GodRays = GodRays;
 exports.Grid = Grid;
 exports.HueSaturation = HueSaturation;
 exports.LUT = LUT;
+exports.N8AO = N8AO;
 exports.Noise = Noise;
 exports.Outline = Outline;
 exports.Pixelation = Pixelation;

package/dist/index.d.ts

@@ -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';

package/dist/index.js

@@ -6,6 +6,7 @@ import { useThree, useFrame, useInstanceHandle, createPortal, extend, useLoader
 import { EffectComposer as EffectComposer$1, RenderPass, NormalPass, DepthDownsamplingPass, Effect, EffectPass, Pass, DepthOfFieldEffect, MaskFunction, DepthPickingPass, CopyPass, BlendFunction, BloomEffect, BrightnessContrastEffect, ChromaticAberrationEffect, ColorAverageEffect, ColorDepthEffect, DepthEffect, DotScreenEffect, GlitchEffect, GlitchMode, GodRaysEffect, GridEffect, HueSaturationEffect, NoiseEffect, OutlineEffect, PixelationEffect, ScanlineEffect, SelectiveBloomEffect, SepiaEffect, SSAOEffect, SMAAEffect, TextureEffect, ToneMappingEffect, VignetteEffect, ShockWaveEffect, LUT3DEffect, TiltShiftEffect as TiltShiftEffect$1, EffectAttribute } from 'postprocessing';
 import { easing } from 'maath';
 import { isWebGL2Available } from 'three-stdlib';
+import { N8AOPostPass } from 'n8ao';
 import { SSREffect } from 'screen-space-reflections';
 
 const EffectComposerContext = createContext(null);
@@ -489,6 +490,15 @@ const SSAO = forwardRef(function SSAO(props, ref) {
     return jsx("primitive", { ref: ref, object: effect, dispose: null });
 });
 
+const N8AO = forwardRef((props, ref) => {
+    const { camera, scene, size } = useThree();
+    const effect = useMemo(() => new N8AOPostPass(scene, camera, size.width, size.height), []);
+    useLayoutEffect(() => {
+        Object.assign(effect.configuration, props);
+    }, [props]);
+    return jsx("primitive", { ref: ref, object: effect });
+});
+
 const SMAA = wrapEffect(SMAAEffect);
 
 const Texture = forwardRef(function Texture({ textureSrc, texture, ...props }, ref) {
@@ -626,4 +636,4 @@ const SSR = forwardRef(function SSR({ ENABLE_BLUR = true, USE_MRT = true, ...pro
     return jsx("primitive", { ref: ref, object: effect, ...props });
 });
 
-export { Autofocus, Bloom, BrightnessContrast, ChromaticAberration, ColorAverage, ColorDepth, Depth, DepthOfField, DotScreen, EffectComposer, EffectComposerContext, Glitch, GodRays, Grid, HueSaturation, LUT, Noise, Outline, Pixelation, SMAA, SSAO, SSR, Scanline, Select, Selection, SelectiveBloom, Sepia, ShockWave, Texture, TiltShift, TiltShift2, TiltShiftEffect, ToneMapping, Vignette, resolveRef, selectionContext, useVector2, wrapEffect };
+export { Autofocus, Bloom, BrightnessContrast, ChromaticAberration, ColorAverage, ColorDepth, Depth, DepthOfField, DotScreen, EffectComposer, EffectComposerContext, Glitch, GodRays, Grid, HueSaturation, LUT, N8AO, Noise, Outline, Pixelation, SMAA, SSAO, SSR, Scanline, Select, Selection, SelectiveBloom, Sepia, ShockWave, Texture, TiltShift, TiltShift2, TiltShiftEffect, ToneMapping, Vignette, resolveRef, selectionContext, useVector2, wrapEffect };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/postprocessing",
-  "version": "2.11.5",
+  "version": "2.12.0",
   "description": "postprocessing wrapper for React and @react-three/fiber",
   "keywords": [
     "postprocessing",
@@ -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"
@@ -95,6 +96,6 @@
   "peerDependencies": {
     "@react-three/fiber": ">=8.0",
     "react": ">=18.0",
-    "three": ">= 0.138.0 < 0.152.0"
+    "three": ">= 0.138.0"
   }
 }