@react-three/postprocessing 2.4.0 → 2.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/effects/SSR.d.ts +2 -0
- package/dist/index.cjs +7 -4
- package/dist/index.js +5 -3
- package/package.json +1 -1
package/dist/effects/SSR.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
declare type SSRProps = {
|
|
3
|
+
/** Enables the effect pass */
|
|
4
|
+
enabled: boolean;
|
|
3
5
|
/** Size of the blur buffer */
|
|
4
6
|
blurSize: number;
|
|
5
7
|
/** Whether to blur the reflections and blend these blurred reflections depending on the roughness and depth of the reflection ray */
|
package/dist/index.cjs
CHANGED
|
@@ -720,11 +720,13 @@ var LUT = /*#__PURE__*/React.forwardRef(function LUT(_ref, ref) {
|
|
|
720
720
|
});
|
|
721
721
|
});
|
|
722
722
|
|
|
723
|
-
var _excluded = ["blurSize"];
|
|
723
|
+
var _excluded = ["blurSize", "enabled"];
|
|
724
724
|
|
|
725
725
|
var SSR = /*#__PURE__*/React.forwardRef(function SSR(_ref, ref) {
|
|
726
726
|
var _ref$blurSize = _ref.blurSize,
|
|
727
727
|
blurSize = _ref$blurSize === void 0 ? 512 : _ref$blurSize,
|
|
728
|
+
_ref$enabled = _ref.enabled,
|
|
729
|
+
enabled = _ref$enabled === void 0 ? true : _ref$enabled,
|
|
728
730
|
props = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded);
|
|
729
731
|
|
|
730
732
|
var _useThree = fiber.useThree(),
|
|
@@ -789,10 +791,11 @@ var SSR = /*#__PURE__*/React.forwardRef(function SSR(_ref, ref) {
|
|
|
789
791
|
delete pass.reflectionsPass.fullscreenMaterial.defines.USE_JITTERING;
|
|
790
792
|
}
|
|
791
793
|
|
|
792
|
-
pass.reflectionsPass.fullscreenMaterial.defines.MAX_STEPS = props.MAX_STEPS;
|
|
793
|
-
pass.reflectionsPass.fullscreenMaterial.defines.NUM_BINARY_SEARCH_STEPS = props.NUM_BINARY_SEARCH_STEPS;
|
|
794
|
+
pass.reflectionsPass.fullscreenMaterial.defines.MAX_STEPS = Math.ceil(props.MAX_STEPS);
|
|
795
|
+
pass.reflectionsPass.fullscreenMaterial.defines.NUM_BINARY_SEARCH_STEPS = Math.ceil(props.NUM_BINARY_SEARCH_STEPS);
|
|
796
|
+
pass.fullscreenMaterial.defines.RENDER_MODE = enabled ? 0 : 4;
|
|
794
797
|
pass.reflectionsPass.fullscreenMaterial.needsUpdate = true;
|
|
795
|
-
}, [props.useBlur, props.enableJittering, props.NUM_BINARY_SEARCH_STEPS, props.MAX_STEPS]);
|
|
798
|
+
}, [enabled, props.useBlur, props.enableJittering, props.NUM_BINARY_SEARCH_STEPS, props.MAX_STEPS]);
|
|
796
799
|
React.useEffect(function () {
|
|
797
800
|
pass.setSize(size.width * viewport.dpr, size.height * viewport.dpr);
|
|
798
801
|
pass.kawaseBlurPass.setSize(blurSize, blurSize);
|
package/dist/index.js
CHANGED
|
@@ -599,6 +599,7 @@ const LUT = /*#__PURE__*/forwardRef(function LUT(_ref, ref) {
|
|
|
599
599
|
const SSR = /*#__PURE__*/forwardRef(function SSR(_ref, ref) {
|
|
600
600
|
let {
|
|
601
601
|
blurSize = 512,
|
|
602
|
+
enabled = true,
|
|
602
603
|
...props
|
|
603
604
|
} = _ref;
|
|
604
605
|
const {
|
|
@@ -656,10 +657,11 @@ const SSR = /*#__PURE__*/forwardRef(function SSR(_ref, ref) {
|
|
|
656
657
|
delete pass.reflectionsPass.fullscreenMaterial.defines.USE_JITTERING;
|
|
657
658
|
}
|
|
658
659
|
|
|
659
|
-
pass.reflectionsPass.fullscreenMaterial.defines.MAX_STEPS = props.MAX_STEPS;
|
|
660
|
-
pass.reflectionsPass.fullscreenMaterial.defines.NUM_BINARY_SEARCH_STEPS = props.NUM_BINARY_SEARCH_STEPS;
|
|
660
|
+
pass.reflectionsPass.fullscreenMaterial.defines.MAX_STEPS = Math.ceil(props.MAX_STEPS);
|
|
661
|
+
pass.reflectionsPass.fullscreenMaterial.defines.NUM_BINARY_SEARCH_STEPS = Math.ceil(props.NUM_BINARY_SEARCH_STEPS);
|
|
662
|
+
pass.fullscreenMaterial.defines.RENDER_MODE = enabled ? 0 : 4;
|
|
661
663
|
pass.reflectionsPass.fullscreenMaterial.needsUpdate = true;
|
|
662
|
-
}, [props.useBlur, props.enableJittering, props.NUM_BINARY_SEARCH_STEPS, props.MAX_STEPS]);
|
|
664
|
+
}, [enabled, props.useBlur, props.enableJittering, props.NUM_BINARY_SEARCH_STEPS, props.MAX_STEPS]);
|
|
663
665
|
useEffect(() => {
|
|
664
666
|
pass.setSize(size.width * viewport.dpr, size.height * viewport.dpr);
|
|
665
667
|
pass.kawaseBlurPass.setSize(blurSize, blurSize);
|