@react-three/drei 9.77.11-canary-branches.1 → 9.78.0

package/core/ContactShadows.cjs.js

@@ -1 +1 @@
-"use strict";var e=require("@babel/runtime/helpers/extends"),r=require("react"),t=require("three"),a=require("@react-three/fiber"),n=require("three-stdlib");function o(e){var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var i=o(r),u=o(t);const s=i.forwardRef((({scale:r=10,frames:t=1/0,opacity:o=1,width:s=1,height:l=1,blur:c=1,far:d=10,resolution:f=512,smooth:h=!0,color:m="#000000",depthWrite:p=!1,renderOrder:g,...v},b)=>{const y=i.useRef(null),M=a.useThree((e=>e.scene)),w=a.useThree((e=>e.gl)),T=i.useRef(null),{position:R}=v,S="number"==typeof R?R:Array.isArray(R)?R[1]:(null==R?void 0:R.y)||0;s*=Array.isArray(r)?r[0]:r||1,l*=Array.isArray(r)?r[1]:r||1;const[x,O,C,A,P,j,q]=i.useMemo((()=>{const e=new u.WebGLRenderTarget(f,f),r=new u.WebGLRenderTarget(f,f);r.texture.generateMipmaps=e.texture.generateMipmaps=!1;const t=new u.PlaneGeometry(s,l).rotateX(Math.PI/2),a=new u.Mesh(t),o=new u.MeshDepthMaterial;o.depthTest=o.depthWrite=!1,o.onBeforeCompile=e=>{e.uniforms={...e.uniforms,ucolor:{value:new u.Color(m)}},e.fragmentShader=e.fragmentShader.replace("void main() {","uniform vec3 ucolor;\n           void main() {\n          "),e.fragmentShader=e.fragmentShader.replace("vec4( vec3( 1.0 - fragCoordZ ), opacity );","vec4( ucolor * fragCoordZ * 2.0, ( 1.0 - fragCoordZ ) * 1.0 );")};const i=new u.ShaderMaterial(n.HorizontalBlurShader),c=new u.ShaderMaterial(n.VerticalBlurShader);return c.depthTest=i.depthTest=!1,[e,t,o,a,i,c,r]}),[f,s,l,r,m]),E=e=>{A.visible=!0,A.material=P,P.uniforms.tDiffuse.value=x.texture,P.uniforms.h.value=1*e/256,w.setRenderTarget(q),w.render(A,T.current),A.material=j,j.uniforms.tDiffuse.value=q.texture,j.uniforms.v.value=1*e/256,w.setRenderTarget(x),w.render(A,T.current),A.visible=!1};let W,k,B=0;return a.useFrame((()=>{T.current&&(t===1/0||B<t)&&(B++,W=M.background,k=M.overrideMaterial,y.current.visible=!1,M.background=null,M.overrideMaterial=C,w.setRenderTarget(x),w.render(M,T.current),E(c),h&&E(.4*c),w.setRenderTarget(null),y.current.visible=!0,M.overrideMaterial=k,M.background=W)})),i.useImperativeHandle(b,(()=>y.current),[]),i.createElement("group",e({"rotation-x":Math.PI/2},v,{ref:y}),i.createElement("mesh",{renderOrder:g,geometry:O,scale:[1,-1,1],rotation:[-Math.PI/2,0,0]},i.createElement("meshBasicMaterial",{transparent:!0,map:x.texture,opacity:o,depthWrite:p})),i.createElement("orthographicCamera",{ref:T,args:[-s/2,s/2,l/2,-l/2,0,d],"position-z":S}))}));exports.ContactShadows=s;
+"use strict";var e=require("@babel/runtime/helpers/extends"),r=require("react"),t=require("three"),a=require("@react-three/fiber"),n=require("three-stdlib");function o(e){var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var i=o(r),u=o(t);const l=i.forwardRef((({scale:r=10,frames:t=1/0,opacity:o=1,width:l=1,height:s=1,blur:c=1,near:d=0,far:f=10,resolution:h=512,smooth:m=!0,color:g="#000000",depthWrite:p=!1,renderOrder:v,...b},M)=>{const w=i.useRef(null),y=a.useThree((e=>e.scene)),T=a.useThree((e=>e.gl)),R=i.useRef(null);l*=Array.isArray(r)?r[0]:r||1,s*=Array.isArray(r)?r[1]:r||1;const[S,x,O,C,P,j,q]=i.useMemo((()=>{const e=new u.WebGLRenderTarget(h,h),r=new u.WebGLRenderTarget(h,h);r.texture.generateMipmaps=e.texture.generateMipmaps=!1;const t=new u.PlaneGeometry(l,s).rotateX(Math.PI/2),a=new u.Mesh(t),o=new u.MeshDepthMaterial;o.depthTest=o.depthWrite=!1,o.onBeforeCompile=e=>{e.uniforms={...e.uniforms,ucolor:{value:new u.Color(g)}},e.fragmentShader=e.fragmentShader.replace("void main() {","uniform vec3 ucolor;\n           void main() {\n          "),e.fragmentShader=e.fragmentShader.replace("vec4( vec3( 1.0 - fragCoordZ ), opacity );","vec4( ucolor * fragCoordZ * 2.0, ( 1.0 - fragCoordZ ) * 1.0 );")};const i=new u.ShaderMaterial(n.HorizontalBlurShader),c=new u.ShaderMaterial(n.VerticalBlurShader);return c.depthTest=i.depthTest=!1,[e,t,o,a,i,c,r]}),[h,l,s,r,g]),E=e=>{C.visible=!0,C.material=P,P.uniforms.tDiffuse.value=S.texture,P.uniforms.h.value=1*e/256,T.setRenderTarget(q),T.render(C,R.current),C.material=j,j.uniforms.tDiffuse.value=q.texture,j.uniforms.v.value=1*e/256,T.setRenderTarget(S),T.render(C,R.current),C.visible=!1};let W,k,A=0;return a.useFrame((()=>{R.current&&(t===1/0||A<t)&&(A++,W=y.background,k=y.overrideMaterial,w.current.visible=!1,y.background=null,y.overrideMaterial=O,T.setRenderTarget(S),T.render(y,R.current),E(c),m&&E(.4*c),T.setRenderTarget(null),w.current.visible=!0,y.overrideMaterial=k,y.background=W)})),i.useImperativeHandle(M,(()=>w.current),[]),i.createElement("group",e({"rotation-x":Math.PI/2},b,{ref:w}),i.createElement("mesh",{renderOrder:v,geometry:x,scale:[1,-1,1],rotation:[-Math.PI/2,0,0]},i.createElement("meshBasicMaterial",{transparent:!0,map:S.texture,opacity:o,depthWrite:p})),i.createElement("orthographicCamera",{ref:R,args:[-l/2,l/2,s/2,-s/2,d,f]}))}));exports.ContactShadows=l;

package/core/ContactShadows.d.ts

@@ -5,6 +5,7 @@ export declare type ContactShadowsProps = {
     width?: number;
     height?: number;
     blur?: number;
+    near?: number;
     far?: number;
     smooth?: boolean;
     resolution?: number;

package/core/ContactShadows.js

@@ -11,6 +11,7 @@ const ContactShadows = /*#__PURE__*/React.forwardRef(({
   width = 1,
   height = 1,
   blur = 1,
+  near = 0,
   far = 10,
   resolution = 512,
   smooth = true,
@@ -23,10 +24,6 @@ const ContactShadows = /*#__PURE__*/React.forwardRef(({
   const scene = useThree(state => state.scene);
   const gl = useThree(state => state.gl);
   const shadowCamera = React.useRef(null);
-  const {
-    position
-  } = props;
-  const shadowCameraZ = typeof position === 'number' ? position : Array.isArray(position) ? position[1] : (position == null ? void 0 : position.y) || 0;
   width = width * (Array.isArray(scale) ? scale[0] : scale || 1);
   height = height * (Array.isArray(scale) ? scale[1] : scale || 1);
   const [renderTarget, planeGeometry, depthMaterial, blurPlane, horizontalBlurMaterial, verticalBlurMaterial, renderTargetBlur] = React.useMemo(() => {
@@ -111,8 +108,7 @@ const ContactShadows = /*#__PURE__*/React.forwardRef(({
     depthWrite: depthWrite
   })), /*#__PURE__*/React.createElement("orthographicCamera", {
     ref: shadowCamera,
-    args: [-width / 2, width / 2, height / 2, -height / 2, 0, far],
-    "position-z": shadowCameraZ
+    args: [-width / 2, width / 2, height / 2, -height / 2, near, far]
   }));
 });