@react-three/drei 7.27.2 → 8.0.0
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/README.md +3 -6
- package/assets/cloud.base64.cjs.js +1 -1
- package/assets/cloud.base64.d.ts +1 -2
- package/assets/cloud.base64.js +2 -3
- package/core/AdaptiveDpr.js +2 -2
- package/core/AdaptiveEvents.js +2 -3
- package/core/ArcballControls.js +2 -3
- package/core/Billboard.d.ts +1 -1
- package/core/Bounds.js +1 -2
- package/core/CameraShake.js +1 -1
- package/core/Center.d.ts +1 -1
- package/core/Center.js +1 -1
- package/core/Cloud.cjs.js +1 -1
- package/core/Cloud.js +1 -1
- package/core/ContactShadows.d.ts +1 -1
- package/core/CubeCamera.js +1 -2
- package/core/Detailed.d.ts +1 -1
- package/core/Environment.js +1 -1
- package/core/GizmoHelper.js +1 -1
- package/core/Image.d.ts +1 -1
- package/core/Instances.d.ts +2 -2
- package/core/Line.d.ts +1 -1
- package/core/MeshDistortMaterial.d.ts +1 -1
- package/core/MeshReflectorMaterial.cjs.js +1 -1
- package/core/MeshReflectorMaterial.d.ts +2 -4
- package/core/MeshReflectorMaterial.js +4 -8
- package/core/MeshWobbleMaterial.d.ts +1 -1
- package/core/OrbitControls.js +2 -3
- package/core/OrthographicCamera.cjs.js +1 -1
- package/core/OrthographicCamera.d.ts +1 -1
- package/core/OrthographicCamera.js +1 -2
- package/core/PerspectiveCamera.cjs.js +1 -1
- package/core/PerspectiveCamera.d.ts +1 -1
- package/core/PerspectiveCamera.js +1 -2
- package/core/Points.d.ts +2 -2
- package/core/PositionalAudio.d.ts +1 -1
- package/core/Preload.js +1 -1
- package/core/Reflector.cjs.js +1 -1
- package/core/Reflector.d.ts +2 -4
- package/core/Reflector.js +4 -8
- package/core/RoundedBox.d.ts +1 -1
- package/core/ScreenQuad.d.ts +1 -1
- package/core/Shadow.d.ts +1 -1
- package/core/SpotLight.d.ts +1 -1
- package/core/Stage.js +1 -2
- package/core/Stats.cjs.js +1 -1
- package/core/Stats.js +1 -1
- package/core/Text.d.ts +1 -1
- package/core/TrackballControls.js +2 -3
- package/core/TransformControls.d.ts +1 -1
- package/core/index.cjs.js +1 -1
- package/core/index.d.ts +0 -1
- package/core/index.js +1 -2
- package/core/shaderMaterial.d.ts +6 -11
- package/core/shapes.cjs.js +1 -1
- package/core/shapes.d.ts +21 -25
- package/core/shapes.js +1 -2
- package/core/useAnimations.js +1 -1
- package/core/useFBO.js +2 -2
- package/helpers/useEffectfulState.cjs.js +1 -1
- package/helpers/useEffectfulState.d.ts +1 -1
- package/helpers/useEffectfulState.js +2 -2
- package/index.cjs.js +1 -1
- package/index.js +1 -2
- package/materials/MeshReflectorMaterial.cjs.js +1 -1
- package/materials/MeshReflectorMaterial.d.ts +4 -12
- package/materials/MeshReflectorMaterial.js +10 -38
- package/native/index.cjs.js +1 -1
- package/native/index.js +1 -2
- package/package.json +2 -2
- package/web/Html.js +1 -2
- package/web/index.cjs.js +1 -1
- package/web/index.js +1 -2
- package/core/DepthBuffer.cjs.js +0 -1
- package/core/DepthBuffer.d.ts +0 -5
- package/core/DepthBuffer.js +0 -36
package/index.js
CHANGED
|
@@ -34,7 +34,6 @@ export { useGLTF } from './core/useGLTF.js';
|
|
|
34
34
|
export { useProgress } from './core/useProgress.js';
|
|
35
35
|
export { IsObject, useTexture } from './core/useTexture.js';
|
|
36
36
|
export { Stats } from './core/Stats.js';
|
|
37
|
-
export { DepthBuffer } from './core/DepthBuffer.js';
|
|
38
37
|
export { useDepthBuffer } from './core/useDepthBuffer.js';
|
|
39
38
|
export { useAspect } from './core/useAspect.js';
|
|
40
39
|
export { useCamera } from './core/useCamera.js';
|
|
@@ -55,7 +54,7 @@ export { MeshReflectorMaterial } from './core/MeshReflectorMaterial.js';
|
|
|
55
54
|
export { PointMaterial, PointMaterialImpl } from './core/PointMaterial.js';
|
|
56
55
|
export { shaderMaterial } from './core/shaderMaterial.js';
|
|
57
56
|
export { softShadows } from './core/softShadows.js';
|
|
58
|
-
export { Box, Circle, Cone, Cylinder, Dodecahedron, Extrude, Icosahedron, Lathe, Octahedron,
|
|
57
|
+
export { Box, Circle, Cone, Cylinder, Dodecahedron, Extrude, Icosahedron, Lathe, Octahedron, Plane, Polyhedron, Ring, Sphere, Tetrahedron, Torus, TorusKnot, Tube } from './core/shapes.js';
|
|
59
58
|
export { RoundedBox } from './core/RoundedBox.js';
|
|
60
59
|
export { ScreenQuad } from './core/ScreenQuad.js';
|
|
61
60
|
export { Center } from './core/Center.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three");class t extends e.MeshStandardMaterial{constructor(e={}){super(e),this._debug={value:0},this._tDepth={value:null},this._distortionMap={value:null},this._tDiffuse={value:null},this._tDiffuseBlur={value:null},this._textureMatrix={value:null},this._hasBlur={value:!1},this._mirror={value:0},this._mixBlur={value:0},this._blurStrength={value:.5},this._minDepthThreshold={value:.9},this._maxDepthThreshold={value:1},this._depthScale={value:0},this._depthToBlurRatioBias={value:.25},this._distortion={value:1},this.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three");class t extends e.MeshStandardMaterial{constructor(e={}){super(e),this._debug={value:0},this._tDepth={value:null},this._distortionMap={value:null},this._tDiffuse={value:null},this._tDiffuseBlur={value:null},this._textureMatrix={value:null},this._hasBlur={value:!1},this._mirror={value:0},this._mixBlur={value:0},this._blurStrength={value:.5},this._minDepthThreshold={value:.9},this._maxDepthThreshold={value:1},this._depthScale={value:0},this._depthToBlurRatioBias={value:.25},this._distortion={value:1},this._mixContrast={value:1},this.setValues(e)}onBeforeCompile(e){var t;null!=(t=e.defines)&&t.USE_UV||(e.defines.USE_UV=""),e.uniforms.debug=this._debug,e.uniforms.hasBlur=this._hasBlur,e.uniforms.tDiffuse=this._tDiffuse,e.uniforms.tDepth=this._tDepth,e.uniforms.distortionMap=this._distortionMap,e.uniforms.tDiffuseBlur=this._tDiffuseBlur,e.uniforms.textureMatrix=this._textureMatrix,e.uniforms.mirror=this._mirror,e.uniforms.mixBlur=this._mixBlur,e.uniforms.mixStrength=this._blurStrength,e.uniforms.minDepthThreshold=this._minDepthThreshold,e.uniforms.maxDepthThreshold=this._maxDepthThreshold,e.uniforms.depthScale=this._depthScale,e.uniforms.depthToBlurRatioBias=this._depthToBlurRatioBias,e.uniforms.distortion=this._distortion,e.uniforms.mixContrast=this._mixContrast,e.vertexShader=`\n uniform mat4 textureMatrix;\n varying vec4 my_vUv; \n ${e.vertexShader}`,e.vertexShader=e.vertexShader.replace("#include <project_vertex>","#include <project_vertex>\n my_vUv = textureMatrix * vec4( position, 1.0 );\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );"),e.fragmentShader=`\n uniform int debug;\n uniform sampler2D tDiffuse;\n uniform sampler2D tDiffuseBlur;\n uniform sampler2D tDepth;\n uniform sampler2D distortionMap;\n uniform float distortion;\n uniform float cameraNear;\n\t\t\t uniform float cameraFar;\n uniform bool hasBlur;\n uniform float mixBlur;\n uniform float mirror;\n uniform float mixStrength;\n uniform float minDepthThreshold;\n uniform float maxDepthThreshold;\n uniform float mixContrast;\n uniform float depthScale;\n uniform float depthToBlurRatioBias;\n varying vec4 my_vUv; \n ${e.fragmentShader}`,e.fragmentShader=e.fragmentShader.replace("#include <emissivemap_fragment>","#include <emissivemap_fragment>\n \n float distortionFactor = 0.0;\n #ifdef USE_DISTORTION\n distortionFactor = texture2D(distortionMap, vUv).r * distortion;\n #endif\n\n vec4 new_vUv = my_vUv;\n new_vUv.x += distortionFactor;\n new_vUv.y += distortionFactor;\n\n vec4 base = texture2DProj(tDiffuse, new_vUv);\n vec4 blur = texture2DProj(tDiffuseBlur, new_vUv);\n \n vec4 merge = base;\n \n #ifdef USE_NORMALMAP\n vec2 normal_uv = vec2(0.0);\n vec4 normalColor = texture2D(normalMap, vUv * normalScale);\n vec3 my_normal = normalize( vec3( normalColor.r * 2.0 - 1.0, normalColor.b, normalColor.g * 2.0 - 1.0 ) );\n vec3 coord = new_vUv.xyz / new_vUv.w;\n normal_uv = coord.xy + coord.z * my_normal.xz * 0.05;\n vec4 base_normal = texture2D(tDiffuse, normal_uv);\n vec4 blur_normal = texture2D(tDiffuseBlur, normal_uv);\n merge = base_normal;\n blur = blur_normal;\n #endif\n\n float depthFactor = 0.0001;\n float blurFactor = 0.0;\n\n #ifdef USE_DEPTH\n vec4 depth = texture2DProj(tDepth, new_vUv);\n depthFactor = smoothstep(minDepthThreshold, maxDepthThreshold, 1.0-(depth.r * depth.a));\n depthFactor *= depthScale;\n depthFactor = max(0.0001, min(1.0, depthFactor));\n\n #ifdef USE_BLUR\n blur = blur * min(1.0, depthFactor + depthToBlurRatioBias);\n merge = merge * min(1.0, depthFactor + 0.5);\n #else\n merge = merge * depthFactor;\n #endif\n \n #endif\n\n float reflectorRoughnessFactor = roughness;\n #ifdef USE_ROUGHNESSMAP\n vec4 reflectorTexelRoughness = texture2D( roughnessMap, vUv );\n reflectorRoughnessFactor *= reflectorTexelRoughness.g;\n #endif\n \n #ifdef USE_BLUR\n blurFactor = min(1.0, mixBlur * reflectorRoughnessFactor);\n merge = mix(merge, blur, blurFactor);\n #endif\n\n vec4 newMerge = vec4(0.0, 0.0, 0.0, 1.0);\n newMerge.r = (merge.r - 0.5) * mixContrast + 0.5;\n newMerge.g = (merge.g - 0.5) * mixContrast + 0.5;\n newMerge.b = (merge.b - 0.5) * mixContrast + 0.5;\n\n diffuseColor.rgb = diffuseColor.rgb * ((1.0 - min(1.0, mirror)) + newMerge.rgb * mixStrength); \n diffuseColor = sRGBToLinear(diffuseColor);\n \n if (debug == 1) {\n diffuseColor = sRGBToLinear(vec4(vec3(depthFactor), 1.0));\n }\n if (debug == 2) {\n diffuseColor = sRGBToLinear(vec4(vec3(blurFactor), 1.0));\n }\n if (debug == 3) {\n diffuseColor = sRGBToLinear(texture2DProj(tDiffuse, new_vUv));\n }\n if (debug == 4) {\n diffuseColor = sRGBToLinear(texture2DProj(tDiffuseBlur, new_vUv));\n }\n ")}get tDiffuse(){return this._tDiffuse.value}set tDiffuse(e){this._tDiffuse.value=e}get tDepth(){return this._tDepth.value}set tDepth(e){this._tDepth.value=e}get distortionMap(){return this._distortionMap.value}set distortionMap(e){this._distortionMap.value=e}get tDiffuseBlur(){return this._tDiffuseBlur.value}set tDiffuseBlur(e){this._tDiffuseBlur.value=e}get textureMatrix(){return this._textureMatrix.value}set textureMatrix(e){this._textureMatrix.value=e}get hasBlur(){return this._hasBlur.value}set hasBlur(e){this._hasBlur.value=e}get mirror(){return this._mirror.value}set mirror(e){this._mirror.value=e}get mixBlur(){return this._mixBlur.value}set mixBlur(e){this._mixBlur.value=e}get mixStrength(){return this._blurStrength.value}set mixStrength(e){this._blurStrength.value=e}get minDepthThreshold(){return this._minDepthThreshold.value}set minDepthThreshold(e){this._minDepthThreshold.value=e}get maxDepthThreshold(){return this._maxDepthThreshold.value}set maxDepthThreshold(e){this._maxDepthThreshold.value=e}get depthScale(){return this._depthScale.value}set depthScale(e){this._depthScale.value=e}get debug(){return this._debug.value}set debug(e){this._debug.value=e}get depthToBlurRatioBias(){return this._depthToBlurRatioBias.value}set depthToBlurRatioBias(e){this._depthToBlurRatioBias.value=e}get distortion(){return this._distortion.value}set distortion(e){this._distortion.value=e}get mixContrast(){return this._mixContrast.value}set mixContrast(e){this._mixContrast.value=e}}exports.MeshReflectorMaterial=t;
|
|
@@ -15,9 +15,7 @@ export declare class MeshReflectorMaterial extends MeshStandardMaterial {
|
|
|
15
15
|
private _depthScale;
|
|
16
16
|
private _depthToBlurRatioBias;
|
|
17
17
|
private _distortion;
|
|
18
|
-
private
|
|
19
|
-
private _contrast;
|
|
20
|
-
private _brightness;
|
|
18
|
+
private _mixContrast;
|
|
21
19
|
constructor(parameters?: {});
|
|
22
20
|
onBeforeCompile(shader: any): void;
|
|
23
21
|
get tDiffuse(): Texture | null;
|
|
@@ -50,12 +48,8 @@ export declare class MeshReflectorMaterial extends MeshStandardMaterial {
|
|
|
50
48
|
set depthToBlurRatioBias(v: number);
|
|
51
49
|
get distortion(): number;
|
|
52
50
|
set distortion(v: number);
|
|
53
|
-
get
|
|
54
|
-
set
|
|
55
|
-
get contrast(): number;
|
|
56
|
-
set contrast(v: number);
|
|
57
|
-
get brightness(): number;
|
|
58
|
-
set brightness(v: number);
|
|
51
|
+
get mixContrast(): number;
|
|
52
|
+
set mixContrast(v: number);
|
|
59
53
|
}
|
|
60
54
|
export declare type MeshReflectorMaterialProps = {
|
|
61
55
|
mixBlur: number;
|
|
@@ -71,7 +65,5 @@ export declare type MeshReflectorMaterialProps = {
|
|
|
71
65
|
depthScale: number;
|
|
72
66
|
depthToBlurRatioBias: number;
|
|
73
67
|
distortion: number;
|
|
74
|
-
|
|
75
|
-
contrast: number;
|
|
76
|
-
brightness: number;
|
|
68
|
+
mixContrast: number;
|
|
77
69
|
} & JSX.IntrinsicElements['meshStandardMaterial'];
|
|
@@ -48,15 +48,9 @@ class MeshReflectorMaterial extends MeshStandardMaterial {
|
|
|
48
48
|
this._distortion = {
|
|
49
49
|
value: 1
|
|
50
50
|
};
|
|
51
|
-
this.
|
|
51
|
+
this._mixContrast = {
|
|
52
52
|
value: 1.0
|
|
53
53
|
};
|
|
54
|
-
this._contrast = {
|
|
55
|
-
value: 1.0
|
|
56
|
-
};
|
|
57
|
-
this._brightness = {
|
|
58
|
-
value: 0.0
|
|
59
|
-
};
|
|
60
54
|
this.setValues(parameters);
|
|
61
55
|
}
|
|
62
56
|
|
|
@@ -82,9 +76,7 @@ class MeshReflectorMaterial extends MeshStandardMaterial {
|
|
|
82
76
|
shader.uniforms.depthScale = this._depthScale;
|
|
83
77
|
shader.uniforms.depthToBlurRatioBias = this._depthToBlurRatioBias;
|
|
84
78
|
shader.uniforms.distortion = this._distortion;
|
|
85
|
-
shader.uniforms.
|
|
86
|
-
shader.uniforms.contrast = this._contrast;
|
|
87
|
-
shader.uniforms.brightness = this._brightness;
|
|
79
|
+
shader.uniforms.mixContrast = this._mixContrast;
|
|
88
80
|
shader.vertexShader = `
|
|
89
81
|
uniform mat4 textureMatrix;
|
|
90
82
|
varying vec4 my_vUv;
|
|
@@ -107,11 +99,7 @@ class MeshReflectorMaterial extends MeshStandardMaterial {
|
|
|
107
99
|
uniform float mixStrength;
|
|
108
100
|
uniform float minDepthThreshold;
|
|
109
101
|
uniform float maxDepthThreshold;
|
|
110
|
-
|
|
111
|
-
uniform float gamma;
|
|
112
|
-
uniform float contrast;
|
|
113
|
-
uniform float brightness;
|
|
114
|
-
|
|
102
|
+
uniform float mixContrast;
|
|
115
103
|
uniform float depthScale;
|
|
116
104
|
uniform float depthToBlurRatioBias;
|
|
117
105
|
varying vec4 my_vUv;
|
|
@@ -174,9 +162,9 @@ class MeshReflectorMaterial extends MeshStandardMaterial {
|
|
|
174
162
|
#endif
|
|
175
163
|
|
|
176
164
|
vec4 newMerge = vec4(0.0, 0.0, 0.0, 1.0);
|
|
177
|
-
newMerge.r = (
|
|
178
|
-
newMerge.g = (
|
|
179
|
-
newMerge.b = (
|
|
165
|
+
newMerge.r = (merge.r - 0.5) * mixContrast + 0.5;
|
|
166
|
+
newMerge.g = (merge.g - 0.5) * mixContrast + 0.5;
|
|
167
|
+
newMerge.b = (merge.b - 0.5) * mixContrast + 0.5;
|
|
180
168
|
|
|
181
169
|
diffuseColor.rgb = diffuseColor.rgb * ((1.0 - min(1.0, mirror)) + newMerge.rgb * mixStrength);
|
|
182
170
|
diffuseColor = sRGBToLinear(diffuseColor);
|
|
@@ -316,28 +304,12 @@ class MeshReflectorMaterial extends MeshStandardMaterial {
|
|
|
316
304
|
this._distortion.value = v;
|
|
317
305
|
}
|
|
318
306
|
|
|
319
|
-
get
|
|
320
|
-
return this.
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
set gamma(v) {
|
|
324
|
-
this._gamma.value = v;
|
|
325
|
-
}
|
|
326
|
-
|
|
327
|
-
get contrast() {
|
|
328
|
-
return this._contrast.value;
|
|
329
|
-
}
|
|
330
|
-
|
|
331
|
-
set contrast(v) {
|
|
332
|
-
this._contrast.value = v;
|
|
333
|
-
}
|
|
334
|
-
|
|
335
|
-
get brightness() {
|
|
336
|
-
return this._brightness.value;
|
|
307
|
+
get mixContrast() {
|
|
308
|
+
return this._mixContrast.value;
|
|
337
309
|
}
|
|
338
310
|
|
|
339
|
-
set
|
|
340
|
-
this.
|
|
311
|
+
set mixContrast(v) {
|
|
312
|
+
this._mixContrast.value = v;
|
|
341
313
|
}
|
|
342
314
|
|
|
343
315
|
}
|
package/native/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../core/Billboard.cjs.js"),r=require("../core/QuadraticBezierLine.cjs.js"),s=require("../core/CubicBezierLine.cjs.js"),o=require("../core/Line.cjs.js"),t=require("../core/PositionalAudio.cjs.js"),i=require("../core/Text.cjs.js"),c=require("../core/Effects.cjs.js"),u=require("../core/GradientTexture.cjs.js"),a=require("../core/Image.cjs.js"),j=require("../core/OrthographicCamera.cjs.js"),p=require("../core/PerspectiveCamera.cjs.js"),n=require("../core/CubeCamera.cjs.js"),l=require("../core/DeviceOrientationControls.cjs.js"),x=require("../core/FlyControls.cjs.js"),q=require("../core/MapControls.cjs.js"),d=require("../core/OrbitControls.cjs.js"),h=require("../core/TrackballControls.cjs.js"),C=require("../core/ArcballControls.cjs.js"),m=require("../core/TransformControls.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../core/Billboard.cjs.js"),r=require("../core/QuadraticBezierLine.cjs.js"),s=require("../core/CubicBezierLine.cjs.js"),o=require("../core/Line.cjs.js"),t=require("../core/PositionalAudio.cjs.js"),i=require("../core/Text.cjs.js"),c=require("../core/Effects.cjs.js"),u=require("../core/GradientTexture.cjs.js"),a=require("../core/Image.cjs.js"),j=require("../core/OrthographicCamera.cjs.js"),p=require("../core/PerspectiveCamera.cjs.js"),n=require("../core/CubeCamera.cjs.js"),l=require("../core/DeviceOrientationControls.cjs.js"),x=require("../core/FlyControls.cjs.js"),q=require("../core/MapControls.cjs.js"),d=require("../core/OrbitControls.cjs.js"),h=require("../core/TrackballControls.cjs.js"),C=require("../core/ArcballControls.cjs.js"),m=require("../core/TransformControls.cjs.js"),S=require("../core/PointerLockControls.cjs.js"),b=require("../core/FirstPersonControls.cjs.js"),B=require("../core/GizmoHelper.cjs.js"),M=require("../core/GizmoViewcube.cjs.js"),P=require("../core/GizmoViewport.cjs.js"),f=require("../core/useCubeTexture.cjs.js"),T=require("../core/useFBX.cjs.js"),g=require("../core/useGLTF.cjs.js"),v=require("../core/useProgress.cjs.js"),L=require("../core/useTexture.cjs.js"),A=require("../core/Stats.cjs.js"),G=require("../core/useDepthBuffer.cjs.js"),k=require("../core/useAspect.cjs.js"),D=require("../core/useCamera.cjs.js"),F=require("../core/useDetectGPU.cjs.js"),w=require("../core/useHelper.cjs.js"),z=require("../core/useBVH.cjs.js"),I=require("../core/useContextBridge.cjs.js"),O=require("../core/useAnimations.cjs.js"),E=require("../core/useFBO.cjs.js"),R=require("../core/useIntersect.cjs.js"),y=require("../core/useSimplification.cjs.js"),H=require("../core/useTessellation.cjs.js"),V=require("../core/useEdgeSplit.cjs.js"),Q=require("../core/CurveModifier.cjs.js"),W=require("../core/MeshDistortMaterial.cjs.js"),N=require("../core/MeshWobbleMaterial.cjs.js"),U=require("../core/MeshReflectorMaterial.cjs.js"),X=require("../core/PointMaterial.cjs.js"),K=require("../core/shaderMaterial.cjs.js"),_=require("../core/softShadows.cjs.js"),J=require("../core/shapes.cjs.js"),Y=require("../core/RoundedBox.cjs.js"),Z=require("../core/ScreenQuad.cjs.js"),$=require("../core/Center.cjs.js"),ee=require("../core/Bounds.cjs.js"),re=require("../core/CameraShake.cjs.js"),se=require("../core/Float.cjs.js"),oe=require("../core/Stage.cjs.js"),te=require("../core/Backdrop.cjs.js"),ie=require("../core/Shadow.cjs.js"),ce=require("../core/ContactShadows.cjs.js"),ue=require("../core/Reflector.cjs.js"),ae=require("../core/SpotLight.cjs.js"),je=require("../core/Environment.cjs.js"),pe=require("../core/Sky.cjs.js"),ne=require("../core/Stars.cjs.js"),le=require("../core/Cloud.cjs.js"),xe=require("../core/useMatcapTexture.cjs.js"),qe=require("../core/useNormalTexture.cjs.js"),de=require("../core/Points.cjs.js"),he=require("../core/Instances.cjs.js"),Ce=require("../core/Segments.cjs.js"),me=require("../core/Detailed.cjs.js"),Se=require("../core/Preload.cjs.js"),be=require("../core/BakeShadows.cjs.js"),Be=require("../core/meshBounds.cjs.js"),Me=require("../core/AdaptiveDpr.cjs.js"),Pe=require("../core/AdaptiveEvents.cjs.js");require("@babel/runtime/helpers/extends"),require("react"),require("@react-three/fiber"),require("react-merge-refs"),require("three"),require("three-stdlib"),require("troika-three-text"),require("lodash.omit"),require("lodash.pick"),require("zustand"),require("three/examples/js/libs/stats.min"),require("../helpers/useEffectfulState.cjs.js"),require("detect-gpu"),require("use-asset"),require("three-mesh-bvh"),require("../materials/BlurPass.cjs.js"),require("../materials/ConvolutionMaterial.cjs.js"),require("../materials/MeshReflectorMaterial.cjs.js"),require("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.cjs.js"),require("../assets/cloud.base64.cjs.js"),require("../helpers/matcap-assets.cjs.js"),require("../helpers/normal-assets.cjs.js"),require("../helpers/Position.cjs.js"),require("react-composer"),exports.Billboard=e.Billboard,exports.QuadraticBezierLine=r.QuadraticBezierLine,exports.CubicBezierLine=s.CubicBezierLine,exports.Line=o.Line,exports.PositionalAudio=t.PositionalAudio,exports.Text=i.Text,exports.Effects=c.Effects,exports.isWebGL2Available=c.isWebGL2Available,exports.GradientTexture=u.GradientTexture,exports.Image=a.Image,exports.OrthographicCamera=j.OrthographicCamera,exports.PerspectiveCamera=p.PerspectiveCamera,exports.CubeCamera=n.CubeCamera,exports.DeviceOrientationControls=l.DeviceOrientationControls,exports.FlyControls=x.FlyControls,exports.MapControls=q.MapControls,exports.OrbitControls=d.OrbitControls,exports.TrackballControls=h.TrackballControls,exports.ArcballControls=C.ArcballControls,exports.TransformControls=m.TransformControls,exports.PointerLockControls=S.PointerLockControls,exports.FirstPersonControls=b.FirstPersonControls,exports.GizmoHelper=B.GizmoHelper,exports.useGizmoContext=B.useGizmoContext,exports.GizmoViewcube=M.GizmoViewcube,exports.GizmoViewport=P.GizmoViewport,exports.useCubeTexture=f.useCubeTexture,exports.useFBX=T.useFBX,exports.useGLTF=g.useGLTF,exports.useProgress=v.useProgress,exports.IsObject=L.IsObject,exports.useTexture=L.useTexture,exports.Stats=A.Stats,exports.useDepthBuffer=G.useDepthBuffer,exports.useAspect=k.useAspect,exports.useCamera=D.useCamera,exports.useDetectGPU=F.useDetectGPU,exports.useHelper=w.useHelper,exports.useBVH=z.useBVH,exports.useContextBridge=I.useContextBridge,exports.useAnimations=O.useAnimations,exports.useFBO=E.useFBO,exports.useIntersect=R.useIntersect,exports.useSimplification=y.useSimplification,exports.useTessellation=H.useTessellation,exports.useEdgeSplit=V.useEdgeSplit,exports.CurveModifier=Q.CurveModifier,exports.MeshDistortMaterial=W.MeshDistortMaterial,exports.MeshWobbleMaterial=N.MeshWobbleMaterial,exports.MeshReflectorMaterial=U.MeshReflectorMaterial,exports.PointMaterial=X.PointMaterial,exports.PointMaterialImpl=X.PointMaterialImpl,exports.shaderMaterial=K.shaderMaterial,exports.softShadows=_.softShadows,exports.Box=J.Box,exports.Circle=J.Circle,exports.Cone=J.Cone,exports.Cylinder=J.Cylinder,exports.Dodecahedron=J.Dodecahedron,exports.Extrude=J.Extrude,exports.Icosahedron=J.Icosahedron,exports.Lathe=J.Lathe,exports.Octahedron=J.Octahedron,exports.Plane=J.Plane,exports.Polyhedron=J.Polyhedron,exports.Ring=J.Ring,exports.Sphere=J.Sphere,exports.Tetrahedron=J.Tetrahedron,exports.Torus=J.Torus,exports.TorusKnot=J.TorusKnot,exports.Tube=J.Tube,exports.RoundedBox=Y.RoundedBox,exports.ScreenQuad=Z.ScreenQuad,exports.Center=$.Center,exports.Bounds=ee.Bounds,exports.useBounds=ee.useBounds,exports.CameraShake=re.CameraShake,exports.Float=se.Float,exports.Stage=oe.Stage,exports.Backdrop=te.Backdrop,exports.Shadow=ie.Shadow,exports.ContactShadows=ce.ContactShadows,exports.Reflector=ue.Reflector,exports.SpotLight=ae.SpotLight,exports.Environment=je.Environment,exports.Sky=pe.Sky,exports.calcPosFromAngles=pe.calcPosFromAngles,exports.Stars=ne.Stars,exports.Cloud=le.Cloud,exports.useMatcapTexture=xe.useMatcapTexture,exports.useNormalTexture=qe.useNormalTexture,exports.Point=de.Point,exports.Points=de.Points,exports.PointsBuffer=de.PointsBuffer,exports.Instance=he.Instance,exports.Instances=he.Instances,exports.Merged=he.Merged,exports.Segment=Ce.Segment,exports.Segments=Ce.Segments,exports.Detailed=me.Detailed,exports.Preload=Se.Preload,exports.BakeShadows=be.BakeShadows,exports.meshBounds=Be.meshBounds,exports.AdaptiveDpr=Me.AdaptiveDpr,exports.AdaptiveEvents=Pe.AdaptiveEvents;
|
package/native/index.js
CHANGED
|
@@ -28,7 +28,6 @@ export { useGLTF } from '../core/useGLTF.js';
|
|
|
28
28
|
export { useProgress } from '../core/useProgress.js';
|
|
29
29
|
export { IsObject, useTexture } from '../core/useTexture.js';
|
|
30
30
|
export { Stats } from '../core/Stats.js';
|
|
31
|
-
export { DepthBuffer } from '../core/DepthBuffer.js';
|
|
32
31
|
export { useDepthBuffer } from '../core/useDepthBuffer.js';
|
|
33
32
|
export { useAspect } from '../core/useAspect.js';
|
|
34
33
|
export { useCamera } from '../core/useCamera.js';
|
|
@@ -49,7 +48,7 @@ export { MeshReflectorMaterial } from '../core/MeshReflectorMaterial.js';
|
|
|
49
48
|
export { PointMaterial, PointMaterialImpl } from '../core/PointMaterial.js';
|
|
50
49
|
export { shaderMaterial } from '../core/shaderMaterial.js';
|
|
51
50
|
export { softShadows } from '../core/softShadows.js';
|
|
52
|
-
export { Box, Circle, Cone, Cylinder, Dodecahedron, Extrude, Icosahedron, Lathe, Octahedron,
|
|
51
|
+
export { Box, Circle, Cone, Cylinder, Dodecahedron, Extrude, Icosahedron, Lathe, Octahedron, Plane, Polyhedron, Ring, Sphere, Tetrahedron, Torus, TorusKnot, Tube } from '../core/shapes.js';
|
|
53
52
|
export { RoundedBox } from '../core/RoundedBox.js';
|
|
54
53
|
export { ScreenQuad } from '../core/ScreenQuad.js';
|
|
55
54
|
export { Center } from '../core/Center.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-three/drei",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "8.0.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "useful add-ons for react-three-fiber",
|
|
6
6
|
"keywords": [
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"@react-three/fiber": ">=6.0",
|
|
61
61
|
"react": ">=17.0",
|
|
62
62
|
"react-dom": ">=17.0",
|
|
63
|
-
"three": ">=0.
|
|
63
|
+
"three": ">=0.134"
|
|
64
64
|
},
|
|
65
65
|
"peerDependenciesMeta": {
|
|
66
66
|
"react-dom": {
|
package/web/Html.js
CHANGED
|
@@ -151,8 +151,7 @@ const Html = /*#__PURE__*/React.forwardRef(({
|
|
|
151
151
|
if (target) target.removeChild(el);
|
|
152
152
|
ReactDOM.unmountComponentAtNode(el);
|
|
153
153
|
};
|
|
154
|
-
}
|
|
155
|
-
|
|
154
|
+
}
|
|
156
155
|
}, [target, transform]);
|
|
157
156
|
const styles = React.useMemo(() => {
|
|
158
157
|
if (transform) {
|
package/web/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Html.cjs.js"),r=require("./CycleRaycast.cjs.js"),s=require("./useCursor.cjs.js"),o=require("./Loader.cjs.js"),t=require("./ScrollControls.cjs.js"),i=require("./PresentationControls.cjs.js"),c=require("../core/Billboard.cjs.js"),u=require("../core/QuadraticBezierLine.cjs.js"),a=require("../core/CubicBezierLine.cjs.js"),j=require("../core/Line.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Html.cjs.js"),r=require("./CycleRaycast.cjs.js"),s=require("./useCursor.cjs.js"),o=require("./Loader.cjs.js"),t=require("./ScrollControls.cjs.js"),i=require("./PresentationControls.cjs.js"),c=require("../core/Billboard.cjs.js"),u=require("../core/QuadraticBezierLine.cjs.js"),a=require("../core/CubicBezierLine.cjs.js"),j=require("../core/Line.cjs.js"),n=require("../core/PositionalAudio.cjs.js"),l=require("../core/Text.cjs.js"),p=require("../core/Effects.cjs.js"),x=require("../core/GradientTexture.cjs.js"),q=require("../core/Image.cjs.js"),d=require("../core/OrthographicCamera.cjs.js"),C=require("../core/PerspectiveCamera.cjs.js"),h=require("../core/CubeCamera.cjs.js"),m=require("../core/DeviceOrientationControls.cjs.js"),S=require("../core/FlyControls.cjs.js"),b=require("../core/MapControls.cjs.js"),B=require("../core/OrbitControls.cjs.js"),P=require("../core/TrackballControls.cjs.js"),M=require("../core/ArcballControls.cjs.js"),f=require("../core/TransformControls.cjs.js"),T=require("../core/PointerLockControls.cjs.js"),g=require("../core/FirstPersonControls.cjs.js"),v=require("../core/GizmoHelper.cjs.js"),L=require("../core/GizmoViewcube.cjs.js"),A=require("../core/GizmoViewport.cjs.js"),G=require("../core/useCubeTexture.cjs.js"),k=require("../core/useFBX.cjs.js"),D=require("../core/useGLTF.cjs.js"),F=require("../core/useProgress.cjs.js"),w=require("../core/useTexture.cjs.js"),z=require("../core/Stats.cjs.js"),y=require("../core/useDepthBuffer.cjs.js"),I=require("../core/useAspect.cjs.js"),O=require("../core/useCamera.cjs.js"),E=require("../core/useDetectGPU.cjs.js"),R=require("../core/useHelper.cjs.js"),H=require("../core/useBVH.cjs.js"),V=require("../core/useContextBridge.cjs.js"),Q=require("../core/useAnimations.cjs.js"),W=require("../core/useFBO.cjs.js"),N=require("../core/useIntersect.cjs.js"),U=require("../core/useSimplification.cjs.js"),X=require("../core/useTessellation.cjs.js"),K=require("../core/useEdgeSplit.cjs.js"),_=require("../core/CurveModifier.cjs.js"),J=require("../core/MeshDistortMaterial.cjs.js"),Y=require("../core/MeshWobbleMaterial.cjs.js"),Z=require("../core/MeshReflectorMaterial.cjs.js"),$=require("../core/PointMaterial.cjs.js"),ee=require("../core/shaderMaterial.cjs.js"),re=require("../core/softShadows.cjs.js"),se=require("../core/shapes.cjs.js"),oe=require("../core/RoundedBox.cjs.js"),te=require("../core/ScreenQuad.cjs.js"),ie=require("../core/Center.cjs.js"),ce=require("../core/Bounds.cjs.js"),ue=require("../core/CameraShake.cjs.js"),ae=require("../core/Float.cjs.js"),je=require("../core/Stage.cjs.js"),ne=require("../core/Backdrop.cjs.js"),le=require("../core/Shadow.cjs.js"),pe=require("../core/ContactShadows.cjs.js"),xe=require("../core/Reflector.cjs.js"),qe=require("../core/SpotLight.cjs.js"),de=require("../core/Environment.cjs.js"),Ce=require("../core/Sky.cjs.js"),he=require("../core/Stars.cjs.js"),me=require("../core/Cloud.cjs.js"),Se=require("../core/useMatcapTexture.cjs.js"),be=require("../core/useNormalTexture.cjs.js"),Be=require("../core/Points.cjs.js"),Pe=require("../core/Instances.cjs.js"),Me=require("../core/Segments.cjs.js"),fe=require("../core/Detailed.cjs.js"),Te=require("../core/Preload.cjs.js"),ge=require("../core/BakeShadows.cjs.js"),ve=require("../core/meshBounds.cjs.js"),Le=require("../core/AdaptiveDpr.cjs.js"),Ae=require("../core/AdaptiveEvents.cjs.js");require("@babel/runtime/helpers/extends"),require("react"),require("react-dom"),require("three"),require("@react-three/fiber"),require("zustand"),require("react-merge-refs"),require("@react-spring/three"),require("@use-gesture/react"),require("three-stdlib"),require("troika-three-text"),require("lodash.omit"),require("lodash.pick"),require("three/examples/js/libs/stats.min"),require("../helpers/useEffectfulState.cjs.js"),require("detect-gpu"),require("use-asset"),require("three-mesh-bvh"),require("../materials/BlurPass.cjs.js"),require("../materials/ConvolutionMaterial.cjs.js"),require("../materials/MeshReflectorMaterial.cjs.js"),require("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.cjs.js"),require("../assets/cloud.base64.cjs.js"),require("../helpers/matcap-assets.cjs.js"),require("../helpers/normal-assets.cjs.js"),require("../helpers/Position.cjs.js"),require("react-composer"),exports.Html=e.Html,exports.CycleRaycast=r.CycleRaycast,exports.useCursor=s.useCursor,exports.Loader=o.Loader,exports.Scroll=t.Scroll,exports.ScrollControls=t.ScrollControls,exports.useScroll=t.useScroll,exports.PresentationControls=i.PresentationControls,exports.Billboard=c.Billboard,exports.QuadraticBezierLine=u.QuadraticBezierLine,exports.CubicBezierLine=a.CubicBezierLine,exports.Line=j.Line,exports.PositionalAudio=n.PositionalAudio,exports.Text=l.Text,exports.Effects=p.Effects,exports.isWebGL2Available=p.isWebGL2Available,exports.GradientTexture=x.GradientTexture,exports.Image=q.Image,exports.OrthographicCamera=d.OrthographicCamera,exports.PerspectiveCamera=C.PerspectiveCamera,exports.CubeCamera=h.CubeCamera,exports.DeviceOrientationControls=m.DeviceOrientationControls,exports.FlyControls=S.FlyControls,exports.MapControls=b.MapControls,exports.OrbitControls=B.OrbitControls,exports.TrackballControls=P.TrackballControls,exports.ArcballControls=M.ArcballControls,exports.TransformControls=f.TransformControls,exports.PointerLockControls=T.PointerLockControls,exports.FirstPersonControls=g.FirstPersonControls,exports.GizmoHelper=v.GizmoHelper,exports.useGizmoContext=v.useGizmoContext,exports.GizmoViewcube=L.GizmoViewcube,exports.GizmoViewport=A.GizmoViewport,exports.useCubeTexture=G.useCubeTexture,exports.useFBX=k.useFBX,exports.useGLTF=D.useGLTF,exports.useProgress=F.useProgress,exports.IsObject=w.IsObject,exports.useTexture=w.useTexture,exports.Stats=z.Stats,exports.useDepthBuffer=y.useDepthBuffer,exports.useAspect=I.useAspect,exports.useCamera=O.useCamera,exports.useDetectGPU=E.useDetectGPU,exports.useHelper=R.useHelper,exports.useBVH=H.useBVH,exports.useContextBridge=V.useContextBridge,exports.useAnimations=Q.useAnimations,exports.useFBO=W.useFBO,exports.useIntersect=N.useIntersect,exports.useSimplification=U.useSimplification,exports.useTessellation=X.useTessellation,exports.useEdgeSplit=K.useEdgeSplit,exports.CurveModifier=_.CurveModifier,exports.MeshDistortMaterial=J.MeshDistortMaterial,exports.MeshWobbleMaterial=Y.MeshWobbleMaterial,exports.MeshReflectorMaterial=Z.MeshReflectorMaterial,exports.PointMaterial=$.PointMaterial,exports.PointMaterialImpl=$.PointMaterialImpl,exports.shaderMaterial=ee.shaderMaterial,exports.softShadows=re.softShadows,exports.Box=se.Box,exports.Circle=se.Circle,exports.Cone=se.Cone,exports.Cylinder=se.Cylinder,exports.Dodecahedron=se.Dodecahedron,exports.Extrude=se.Extrude,exports.Icosahedron=se.Icosahedron,exports.Lathe=se.Lathe,exports.Octahedron=se.Octahedron,exports.Plane=se.Plane,exports.Polyhedron=se.Polyhedron,exports.Ring=se.Ring,exports.Sphere=se.Sphere,exports.Tetrahedron=se.Tetrahedron,exports.Torus=se.Torus,exports.TorusKnot=se.TorusKnot,exports.Tube=se.Tube,exports.RoundedBox=oe.RoundedBox,exports.ScreenQuad=te.ScreenQuad,exports.Center=ie.Center,exports.Bounds=ce.Bounds,exports.useBounds=ce.useBounds,exports.CameraShake=ue.CameraShake,exports.Float=ae.Float,exports.Stage=je.Stage,exports.Backdrop=ne.Backdrop,exports.Shadow=le.Shadow,exports.ContactShadows=pe.ContactShadows,exports.Reflector=xe.Reflector,exports.SpotLight=qe.SpotLight,exports.Environment=de.Environment,exports.Sky=Ce.Sky,exports.calcPosFromAngles=Ce.calcPosFromAngles,exports.Stars=he.Stars,exports.Cloud=me.Cloud,exports.useMatcapTexture=Se.useMatcapTexture,exports.useNormalTexture=be.useNormalTexture,exports.Point=Be.Point,exports.Points=Be.Points,exports.PointsBuffer=Be.PointsBuffer,exports.Instance=Pe.Instance,exports.Instances=Pe.Instances,exports.Merged=Pe.Merged,exports.Segment=Me.Segment,exports.Segments=Me.Segments,exports.Detailed=fe.Detailed,exports.Preload=Te.Preload,exports.BakeShadows=ge.BakeShadows,exports.meshBounds=ve.meshBounds,exports.AdaptiveDpr=Le.AdaptiveDpr,exports.AdaptiveEvents=Ae.AdaptiveEvents;
|
package/web/index.js
CHANGED
|
@@ -34,7 +34,6 @@ export { useGLTF } from '../core/useGLTF.js';
|
|
|
34
34
|
export { useProgress } from '../core/useProgress.js';
|
|
35
35
|
export { IsObject, useTexture } from '../core/useTexture.js';
|
|
36
36
|
export { Stats } from '../core/Stats.js';
|
|
37
|
-
export { DepthBuffer } from '../core/DepthBuffer.js';
|
|
38
37
|
export { useDepthBuffer } from '../core/useDepthBuffer.js';
|
|
39
38
|
export { useAspect } from '../core/useAspect.js';
|
|
40
39
|
export { useCamera } from '../core/useCamera.js';
|
|
@@ -55,7 +54,7 @@ export { MeshReflectorMaterial } from '../core/MeshReflectorMaterial.js';
|
|
|
55
54
|
export { PointMaterial, PointMaterialImpl } from '../core/PointMaterial.js';
|
|
56
55
|
export { shaderMaterial } from '../core/shaderMaterial.js';
|
|
57
56
|
export { softShadows } from '../core/softShadows.js';
|
|
58
|
-
export { Box, Circle, Cone, Cylinder, Dodecahedron, Extrude, Icosahedron, Lathe, Octahedron,
|
|
57
|
+
export { Box, Circle, Cone, Cylinder, Dodecahedron, Extrude, Icosahedron, Lathe, Octahedron, Plane, Polyhedron, Ring, Sphere, Tetrahedron, Torus, TorusKnot, Tube } from '../core/shapes.js';
|
|
59
58
|
export { RoundedBox } from '../core/RoundedBox.js';
|
|
60
59
|
export { ScreenQuad } from '../core/ScreenQuad.js';
|
|
61
60
|
export { Center } from '../core/Center.js';
|
package/core/DepthBuffer.cjs.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=require("react"),t=require("@react-three/fiber"),u=require("./useFBO.cjs.js");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,u.get?u:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=n(r);const a=s.forwardRef((({size:r=256},n)=>{s.useEffect((()=>{console.warn("DepthBuffer has been deprecated and will be removed next major. Replace it with useDepthBuffer(size)!")}),[]);const a=t.useThree((e=>e.viewport.dpr)),{width:i,height:o}=t.useThree((e=>e.size)),c=r||i*a,f=r||o*a,d=s.useMemo((()=>{const r=new e.DepthTexture(c,f);return r.format=e.DepthFormat,r.type=e.UnsignedShortType,{depthTexture:r}}),[c,f]),l=u.useFBO(c,f,d);return s.useImperativeHandle(n,(()=>null==l?void 0:l.depthTexture)),t.useFrame((e=>{e.gl.setRenderTarget(l),e.gl.render(e.scene,e.camera),e.gl.setRenderTarget(null)}))}));exports.DepthBuffer=a;
|
package/core/DepthBuffer.d.ts
DELETED
package/core/DepthBuffer.js
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { DepthTexture, DepthFormat, UnsignedShortType } from 'three';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { useThree, useFrame } from '@react-three/fiber';
|
|
4
|
-
import { useFBO } from './useFBO.js';
|
|
5
|
-
|
|
6
|
-
const DepthBuffer = /*#__PURE__*/React.forwardRef(({
|
|
7
|
-
size = 256
|
|
8
|
-
}, ref) => {
|
|
9
|
-
React.useEffect(() => {
|
|
10
|
-
console.warn('DepthBuffer has been deprecated and will be removed next major. Replace it with useDepthBuffer(size)!');
|
|
11
|
-
}, []);
|
|
12
|
-
const dpr = useThree(state => state.viewport.dpr);
|
|
13
|
-
const {
|
|
14
|
-
width,
|
|
15
|
-
height
|
|
16
|
-
} = useThree(state => state.size);
|
|
17
|
-
const w = size || width * dpr;
|
|
18
|
-
const h = size || height * dpr;
|
|
19
|
-
const depthConfig = React.useMemo(() => {
|
|
20
|
-
const depthTexture = new DepthTexture(w, h);
|
|
21
|
-
depthTexture.format = DepthFormat;
|
|
22
|
-
depthTexture.type = UnsignedShortType;
|
|
23
|
-
return {
|
|
24
|
-
depthTexture
|
|
25
|
-
};
|
|
26
|
-
}, [w, h]);
|
|
27
|
-
const depthFBO = useFBO(w, h, depthConfig);
|
|
28
|
-
React.useImperativeHandle(ref, () => depthFBO == null ? void 0 : depthFBO.depthTexture);
|
|
29
|
-
return useFrame(state => {
|
|
30
|
-
state.gl.setRenderTarget(depthFBO);
|
|
31
|
-
state.gl.render(state.scene, state.camera);
|
|
32
|
-
state.gl.setRenderTarget(null);
|
|
33
|
-
});
|
|
34
|
-
});
|
|
35
|
-
|
|
36
|
-
export { DepthBuffer };
|