@react-three/drei 9.68.3 → 9.68.4
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/core/MeshRefractionMaterial.cjs.js +1 -1
- package/core/MeshRefractionMaterial.js +3 -2
- package/core/shaderMaterial.cjs.js +1 -1
- package/core/shaderMaterial.js +3 -2
- package/index.cjs.js +1 -1
- package/materials/BlurPass.cjs.js +1 -1
- package/materials/BlurPass.js +2 -1
- package/materials/MeshReflectorMaterial.cjs.js +1 -1
- package/materials/MeshReflectorMaterial.js +46 -45
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),t=require("./ConvolutionMaterial.cjs.js");exports.BlurPass=class{constructor({gl:r,resolution:i,width:n=500,height:o=500,minDepthThreshold:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),t=require("./ConvolutionMaterial.cjs.js");exports.BlurPass=class{renderToScreen=!1;constructor({gl:r,resolution:i,width:n=500,height:o=500,minDepthThreshold:a=0,maxDepthThreshold:l=1,depthScale:s=0,depthToBlurRatioBias:u=.25}){this.renderTargetA=new e.WebGLRenderTarget(i,i,{minFilter:e.LinearFilter,magFilter:e.LinearFilter,stencilBuffer:!1,depthBuffer:!1,type:e.HalfFloatType}),this.renderTargetB=this.renderTargetA.clone(),this.convolutionMaterial=new t.ConvolutionMaterial,this.convolutionMaterial.setTexelSize(1/n,1/o),this.convolutionMaterial.setResolution(new e.Vector2(n,o)),this.scene=new e.Scene,this.camera=new e.Camera,this.convolutionMaterial.uniforms.minDepthThreshold.value=a,this.convolutionMaterial.uniforms.maxDepthThreshold.value=l,this.convolutionMaterial.uniforms.depthScale.value=s,this.convolutionMaterial.uniforms.depthToBlurRatioBias.value=u,this.convolutionMaterial.defines.USE_DEPTH=s>0;const h=new Float32Array([-1,-1,0,3,-1,0,-1,3,0]),c=new Float32Array([0,0,2,0,0,2]),d=new e.BufferGeometry;d.setAttribute("position",new e.BufferAttribute(h,3)),d.setAttribute("uv",new e.BufferAttribute(c,2)),this.screen=new e.Mesh(d,this.convolutionMaterial),this.screen.frustumCulled=!1,this.scene.add(this.screen)}render(e,t,r){const i=this.scene,n=this.camera,o=this.renderTargetA,a=this.renderTargetB;let l=this.convolutionMaterial,s=l.uniforms;s.depthBuffer.value=t.depthTexture;const u=l.kernel;let h,c,d,f=t;for(c=0,d=u.length-1;c<d;++c)h=0==(1&c)?o:a,s.kernel.value=u[c],s.inputBuffer.value=f.texture,e.setRenderTarget(h),e.render(i,n),f=h;s.kernel.value=u[c],s.inputBuffer.value=f.texture,e.setRenderTarget(this.renderToScreen?null:r),e.render(i,n)}};
|
package/materials/BlurPass.js
CHANGED
|
@@ -2,6 +2,8 @@ import { WebGLRenderTarget, LinearFilter, HalfFloatType, Vector2, Scene, Camera,
|
|
|
2
2
|
import { ConvolutionMaterial } from './ConvolutionMaterial.js';
|
|
3
3
|
|
|
4
4
|
class BlurPass {
|
|
5
|
+
renderToScreen = false;
|
|
6
|
+
|
|
5
7
|
constructor({
|
|
6
8
|
gl,
|
|
7
9
|
resolution,
|
|
@@ -12,7 +14,6 @@ class BlurPass {
|
|
|
12
14
|
depthScale = 0,
|
|
13
15
|
depthToBlurRatioBias = 0.25
|
|
14
16
|
}) {
|
|
15
|
-
this.renderToScreen = false;
|
|
16
17
|
this.renderTargetA = new WebGLRenderTarget(resolution, resolution, {
|
|
17
18
|
minFilter: LinearFilter,
|
|
18
19
|
magFilter: LinearFilter,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three");class t extends e.MeshStandardMaterial{
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three");class t extends e.MeshStandardMaterial{_tDepth={value:null};_distortionMap={value:null};_tDiffuse={value:null};_tDiffuseBlur={value:null};_textureMatrix={value:null};_hasBlur={value:!1};_mirror={value:0};_mixBlur={value:0};_blurStrength={value:.5};_minDepthThreshold={value:.9};_maxDepthThreshold={value:1};_depthScale={value:0};_depthToBlurRatioBias={value:.25};_distortion={value:1};_mixContrast={value:1};constructor(e={}){super(e),this.setValues(e)}onBeforeCompile(e){var t;null!=(t=e.defines)&&t.USE_UV||(e.defines.USE_UV=""),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 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 ")}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 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;
|
|
@@ -1,53 +1,54 @@
|
|
|
1
1
|
import { MeshStandardMaterial } from 'three';
|
|
2
2
|
|
|
3
3
|
class MeshReflectorMaterial extends MeshStandardMaterial {
|
|
4
|
+
_tDepth = {
|
|
5
|
+
value: null
|
|
6
|
+
};
|
|
7
|
+
_distortionMap = {
|
|
8
|
+
value: null
|
|
9
|
+
};
|
|
10
|
+
_tDiffuse = {
|
|
11
|
+
value: null
|
|
12
|
+
};
|
|
13
|
+
_tDiffuseBlur = {
|
|
14
|
+
value: null
|
|
15
|
+
};
|
|
16
|
+
_textureMatrix = {
|
|
17
|
+
value: null
|
|
18
|
+
};
|
|
19
|
+
_hasBlur = {
|
|
20
|
+
value: false
|
|
21
|
+
};
|
|
22
|
+
_mirror = {
|
|
23
|
+
value: 0.0
|
|
24
|
+
};
|
|
25
|
+
_mixBlur = {
|
|
26
|
+
value: 0.0
|
|
27
|
+
};
|
|
28
|
+
_blurStrength = {
|
|
29
|
+
value: 0.5
|
|
30
|
+
};
|
|
31
|
+
_minDepthThreshold = {
|
|
32
|
+
value: 0.9
|
|
33
|
+
};
|
|
34
|
+
_maxDepthThreshold = {
|
|
35
|
+
value: 1
|
|
36
|
+
};
|
|
37
|
+
_depthScale = {
|
|
38
|
+
value: 0
|
|
39
|
+
};
|
|
40
|
+
_depthToBlurRatioBias = {
|
|
41
|
+
value: 0.25
|
|
42
|
+
};
|
|
43
|
+
_distortion = {
|
|
44
|
+
value: 1
|
|
45
|
+
};
|
|
46
|
+
_mixContrast = {
|
|
47
|
+
value: 1.0
|
|
48
|
+
};
|
|
49
|
+
|
|
4
50
|
constructor(parameters = {}) {
|
|
5
51
|
super(parameters);
|
|
6
|
-
this._tDepth = {
|
|
7
|
-
value: null
|
|
8
|
-
};
|
|
9
|
-
this._distortionMap = {
|
|
10
|
-
value: null
|
|
11
|
-
};
|
|
12
|
-
this._tDiffuse = {
|
|
13
|
-
value: null
|
|
14
|
-
};
|
|
15
|
-
this._tDiffuseBlur = {
|
|
16
|
-
value: null
|
|
17
|
-
};
|
|
18
|
-
this._textureMatrix = {
|
|
19
|
-
value: null
|
|
20
|
-
};
|
|
21
|
-
this._hasBlur = {
|
|
22
|
-
value: false
|
|
23
|
-
};
|
|
24
|
-
this._mirror = {
|
|
25
|
-
value: 0.0
|
|
26
|
-
};
|
|
27
|
-
this._mixBlur = {
|
|
28
|
-
value: 0.0
|
|
29
|
-
};
|
|
30
|
-
this._blurStrength = {
|
|
31
|
-
value: 0.5
|
|
32
|
-
};
|
|
33
|
-
this._minDepthThreshold = {
|
|
34
|
-
value: 0.9
|
|
35
|
-
};
|
|
36
|
-
this._maxDepthThreshold = {
|
|
37
|
-
value: 1
|
|
38
|
-
};
|
|
39
|
-
this._depthScale = {
|
|
40
|
-
value: 0
|
|
41
|
-
};
|
|
42
|
-
this._depthToBlurRatioBias = {
|
|
43
|
-
value: 0.25
|
|
44
|
-
};
|
|
45
|
-
this._distortion = {
|
|
46
|
-
value: 1
|
|
47
|
-
};
|
|
48
|
-
this._mixContrast = {
|
|
49
|
-
value: 1.0
|
|
50
|
-
};
|
|
51
52
|
this.setValues(parameters);
|
|
52
53
|
}
|
|
53
54
|
|