@react-three/postprocessing 2.13.0 → 2.14.0

package/dist/effects/FXAA.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FXAAEffect } from 'postprocessing';
+export declare const FXAA: import("react").ForwardRefExoticComponent<Omit<import("@react-three/fiber").ExtendedColors<import("@react-three/fiber").Overwrite<Partial<FXAAEffect>, import("@react-three/fiber").NodeProps<FXAAEffect, typeof FXAAEffect>>> & {
+    blendFunction?: import("postprocessing").BlendFunction | undefined;
+} & {
+    blendFunction?: import("postprocessing").BlendFunction | undefined;
+    opacity?: number | undefined;
+}, "ref"> & import("react").RefAttributes<typeof FXAAEffect>>;

package/dist/effects/N8AO.d.ts

@@ -9,6 +9,7 @@ type N8AOProps = {
     denoiseSamples?: number;
     denoiseRadius?: number;
     color?: ReactThreeFiber.Color;
+    screenSpaceRadius?: boolean;
 };
 export declare const N8AO: import("react").ForwardRefExoticComponent<N8AOProps & import("react").RefAttributes<N8AOPostPass>>;
 export {};

package/dist/index.cjs

@@ -511,6 +511,8 @@ const SSAO = React.forwardRef(function SSAO(props, ref) {
 
 const SMAA = wrapEffect(postprocessing.SMAAEffect);
 
+const FXAA = wrapEffect(postprocessing.FXAAEffect);
+
 const Texture = React.forwardRef(function Texture({ textureSrc, texture, ...props }, ref) {
     const t = fiber.useLoader(THREE.TextureLoader, textureSrc);
     React.useLayoutEffect(() => {
@@ -733,7 +735,7 @@ const SSR = React.forwardRef(function SSR({ ENABLE_BLUR = true, USE_MRT = true,
     return jsxRuntime.jsx("primitive", { ref: ref, object: effect, ...props });
 });
 
-const N8AO = React.forwardRef(({ quality, aoRadius = 5, aoSamples = 16, denoiseSamples = 4, denoiseRadius = 12, distanceFalloff = 1, intensity = 1, color, }, ref) => {
+const N8AO = React.forwardRef(({ screenSpaceRadius, quality, aoRadius = 5, aoSamples = 16, denoiseSamples = 4, denoiseRadius = 12, distanceFalloff = 1, intensity = 1, color, }, ref) => {
     const { camera, scene } = fiber.useThree();
     const effect = React.useMemo(() => new n8ao.N8AOPostPass(scene, camera), []);
     React.useLayoutEffect(() => {
@@ -745,8 +747,9 @@ const N8AO = React.forwardRef(({ quality, aoRadius = 5, aoSamples = 16, denoiseS
             aoSamples,
             denoiseSamples,
             denoiseRadius,
+            screenSpaceRadius,
         });
-    }, [color, aoRadius, distanceFalloff, intensity, aoSamples, denoiseSamples, denoiseRadius]);
+    }, [screenSpaceRadius, color, aoRadius, distanceFalloff, intensity, aoSamples, denoiseSamples, denoiseRadius]);
     React.useLayoutEffect(() => {
         if (quality)
             effect.setQualityMode(quality.charAt(0).toUpperCase() + quality.slice(1));
@@ -766,6 +769,7 @@ exports.DepthOfField = DepthOfField;
 exports.DotScreen = DotScreen;
 exports.EffectComposer = EffectComposer;
 exports.EffectComposerContext = EffectComposerContext;
+exports.FXAA = FXAA;
 exports.Glitch = Glitch;
 exports.GodRays = GodRays;
 exports.Grid = Grid;

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export * from './effects/SelectiveBloom';
 export * from './effects/Sepia';
 export * from './effects/SSAO';
 export * from './effects/SMAA';
+export * from './effects/FXAA';
 export * from './effects/Texture';
 export * from './effects/ToneMapping';
 export * from './effects/Vignette';

package/dist/index.js

@@ -3,7 +3,7 @@ import React, { createContext, useState, useMemo, useRef, useContext, useEffect,
 import * as THREE from 'three';
 import { HalfFloatType, Vector3, TextureLoader, sRGBEncoding, RepeatWrapping, Uniform, Texture as Texture$1, Color, CanvasTexture, NearestFilter } from 'three';
 import { useThree, useFrame, useInstanceHandle, extend, createPortal, useLoader, applyProps } from '@react-three/fiber';
-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 { 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, FXAAEffect, TextureEffect, ToneMappingEffect, VignetteEffect, ShockWaveEffect, LUT3DEffect, TiltShiftEffect as TiltShiftEffect$1, EffectAttribute } from 'postprocessing';
 import { isWebGL2Available } from 'three-stdlib';
 import { easing } from 'maath';
 import { SSREffect } from 'screen-space-reflections';
@@ -491,6 +491,8 @@ const SSAO = forwardRef(function SSAO(props, ref) {
 
 const SMAA = wrapEffect(SMAAEffect);
 
+const FXAA = wrapEffect(FXAAEffect);
+
 const Texture = forwardRef(function Texture({ textureSrc, texture, ...props }, ref) {
     const t = useLoader(TextureLoader, textureSrc);
     useLayoutEffect(() => {
@@ -713,7 +715,7 @@ const SSR = forwardRef(function SSR({ ENABLE_BLUR = true, USE_MRT = true, ...pro
     return jsx("primitive", { ref: ref, object: effect, ...props });
 });
 
-const N8AO = forwardRef(({ quality, aoRadius = 5, aoSamples = 16, denoiseSamples = 4, denoiseRadius = 12, distanceFalloff = 1, intensity = 1, color, }, ref) => {
+const N8AO = forwardRef(({ screenSpaceRadius, quality, aoRadius = 5, aoSamples = 16, denoiseSamples = 4, denoiseRadius = 12, distanceFalloff = 1, intensity = 1, color, }, ref) => {
     const { camera, scene } = useThree();
     const effect = useMemo(() => new N8AOPostPass(scene, camera), []);
     useLayoutEffect(() => {
@@ -725,8 +727,9 @@ const N8AO = forwardRef(({ quality, aoRadius = 5, aoSamples = 16, denoiseSamples
             aoSamples,
             denoiseSamples,
             denoiseRadius,
+            screenSpaceRadius,
         });
-    }, [color, aoRadius, distanceFalloff, intensity, aoSamples, denoiseSamples, denoiseRadius]);
+    }, [screenSpaceRadius, color, aoRadius, distanceFalloff, intensity, aoSamples, denoiseSamples, denoiseRadius]);
     useLayoutEffect(() => {
         if (quality)
             effect.setQualityMode(quality.charAt(0).toUpperCase() + quality.slice(1));
@@ -734,4 +737,4 @@ const N8AO = forwardRef(({ quality, aoRadius = 5, aoSamples = 16, denoiseSamples
     return jsx("primitive", { ref: ref, object: effect });
 });
 
-export { ASCII, 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 };
+export { ASCII, Autofocus, Bloom, BrightnessContrast, ChromaticAberration, ColorAverage, ColorDepth, Depth, DepthOfField, DotScreen, EffectComposer, EffectComposerContext, FXAA, 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.13.0",
+  "version": "2.14.0",
   "description": "postprocessing wrapper for React and @react-three/fiber",
   "keywords": [
     "postprocessing",
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "maath": "^0.5.3",
-    "n8ao": "^1.3.1",
+    "n8ao": "^1.4.0",
     "postprocessing": "^6.31.0",
     "screen-space-reflections": "2.5.0",
     "three-stdlib": "^2.21.10"