@react-three/drei 9.48.6 → 9.50.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 +49 -17
- package/core/Image.d.ts +2 -2
- package/core/Instances.d.ts +1 -1
- package/core/Lightformer.d.ts +1 -1
- package/core/Line.d.ts +1 -1
- package/core/Points.d.ts +2 -2
- package/core/RenderTexture.d.ts +1 -1
- package/core/Shadow.d.ts +1 -1
- package/core/SpotLight.d.ts +1 -1
- package/core/Text.d.ts +1 -1
- package/core/Text3D.d.ts +1 -1
- package/core/index.cjs.js +1 -1
- package/core/index.js +1 -1
- package/core/softShadows.cjs.js +1 -1
- package/core/softShadows.d.ts +3 -2
- package/core/softShadows.js +100 -33
- package/index.cjs.js +1 -1
- package/index.js +1 -1
- package/native/index.cjs.js +1 -1
- package/native/index.js +1 -1
- package/package.json +1 -1
- package/web/Html.cjs.js +1 -1
- package/web/Html.d.ts +6 -2
- package/web/Html.js +139 -9
- package/web/index.cjs.js +1 -1
- package/web/index.js +1 -1
package/index.js
CHANGED
|
@@ -72,7 +72,7 @@ export { MeshReflectorMaterial } from './core/MeshReflectorMaterial.js';
|
|
|
72
72
|
export { MeshRefractionMaterial } from './core/MeshRefractionMaterial.js';
|
|
73
73
|
export { PointMaterial, PointMaterialImpl } from './core/PointMaterial.js';
|
|
74
74
|
export { shaderMaterial } from './core/shaderMaterial.js';
|
|
75
|
-
export { softShadows } from './core/softShadows.js';
|
|
75
|
+
export { SoftShadows, softShadows } from './core/softShadows.js';
|
|
76
76
|
export { Box, Capsule, Circle, Cone, Cylinder, Dodecahedron, Extrude, Icosahedron, Lathe, Octahedron, Plane, Polyhedron, Ring, Sphere, Tetrahedron, Torus, TorusKnot, Tube } from './core/shapes.js';
|
|
77
77
|
export { RoundedBox } from './core/RoundedBox.js';
|
|
78
78
|
export { ScreenQuad } from './core/ScreenQuad.js';
|
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/ScreenSpace.cjs.js"),s=require("../core/QuadraticBezierLine.cjs.js"),o=require("../core/CubicBezierLine.cjs.js"),t=require("../core/CatmullRomLine.cjs.js"),i=require("../core/Line.cjs.js"),c=require("../core/PositionalAudio.cjs.js"),u=require("../core/Text.cjs.js"),a=require("../core/Text3D.cjs.js"),n=require("../core/Effects.cjs.js"),j=require("../core/GradientTexture.cjs.js"),p=require("../core/Image.cjs.js"),x=require("../core/Edges.cjs.js"),l=require("../core/Trail.cjs.js"),d=require("../core/Sampler.cjs.js"),q=require("../core/ComputedAttribute.cjs.js"),m=require("../core/Clone.cjs.js"),h=require("../core/MarchingCubes.cjs.js"),C=require("../core/Decal.cjs.js"),S=require("../core/Svg.cjs.js"),M=require("../core/Gltf.cjs.js"),T=require("../core/AsciiRenderer.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../core/Billboard.cjs.js"),r=require("../core/ScreenSpace.cjs.js"),s=require("../core/QuadraticBezierLine.cjs.js"),o=require("../core/CubicBezierLine.cjs.js"),t=require("../core/CatmullRomLine.cjs.js"),i=require("../core/Line.cjs.js"),c=require("../core/PositionalAudio.cjs.js"),u=require("../core/Text.cjs.js"),a=require("../core/Text3D.cjs.js"),n=require("../core/Effects.cjs.js"),j=require("../core/GradientTexture.cjs.js"),p=require("../core/Image.cjs.js"),x=require("../core/Edges.cjs.js"),l=require("../core/Trail.cjs.js"),d=require("../core/Sampler.cjs.js"),q=require("../core/ComputedAttribute.cjs.js"),m=require("../core/Clone.cjs.js"),h=require("../core/MarchingCubes.cjs.js"),C=require("../core/Decal.cjs.js"),S=require("../core/Svg.cjs.js"),M=require("../core/Gltf.cjs.js"),T=require("../core/AsciiRenderer.cjs.js"),f=require("../core/OrthographicCamera.cjs.js"),P=require("../core/PerspectiveCamera.cjs.js"),b=require("../core/CubeCamera.cjs.js"),B=require("../core/DeviceOrientationControls.cjs.js"),g=require("../core/FlyControls.cjs.js"),v=require("../core/MapControls.cjs.js"),A=require("../core/OrbitControls.cjs.js"),L=require("../core/TrackballControls.cjs.js"),k=require("../core/ArcballControls.cjs.js"),G=require("../core/TransformControls.cjs.js"),R=require("../core/PointerLockControls.cjs.js"),D=require("../core/FirstPersonControls.cjs.js"),E=require("../core/GizmoHelper.cjs.js"),w=require("../core/GizmoViewcube.cjs.js"),z=require("../core/GizmoViewport.cjs.js"),F=require("../core/Grid.cjs.js"),O=require("../core/useCubeTexture.cjs.js"),I=require("../core/useFBX.cjs.js"),H=require("../core/useGLTF.cjs.js"),V=require("../core/useKTX2.cjs.js"),y=require("../core/useProgress.cjs.js"),Q=require("../core/useTexture.cjs.js"),X=require("../core/useVideoTexture.cjs.js"),K=require("../core/Stats.cjs.js"),W=require("../core/useDepthBuffer.cjs.js"),N=require("../core/useAspect.cjs.js"),U=require("../core/useCamera.cjs.js"),_=require("../core/useDetectGPU.cjs.js"),J=require("../core/useHelper.cjs.js"),Y=require("../core/useBVH.cjs.js"),Z=require("../core/useContextBridge.cjs.js"),$=require("../core/useAnimations.cjs.js"),ee=require("../core/useFBO.cjs.js"),re=require("../core/useIntersect.cjs.js"),se=require("../core/useBoxProjectedEnv.cjs.js"),oe=require("../core/BBAnchor.cjs.js"),te=require("../core/useTrailTexture.cjs.js"),ie=require("../core/CurveModifier.cjs.js"),ce=require("../core/MeshDistortMaterial.cjs.js"),ue=require("../core/MeshWobbleMaterial.cjs.js"),ae=require("../core/MeshReflectorMaterial.cjs.js"),ne=require("../core/MeshRefractionMaterial.cjs.js"),je=require("../core/PointMaterial.cjs.js"),pe=require("../core/shaderMaterial.cjs.js"),xe=require("../core/softShadows.cjs.js"),le=require("../core/shapes.cjs.js"),de=require("../core/RoundedBox.cjs.js"),qe=require("../core/ScreenQuad.cjs.js"),me=require("../core/Center.cjs.js"),he=require("../core/Bounds.cjs.js"),Ce=require("../core/CameraShake.cjs.js"),Se=require("../core/Float.cjs.js"),Me=require("../core/Stage.cjs.js"),Te=require("../core/Backdrop.cjs.js"),fe=require("../core/Shadow.cjs.js"),Pe=require("../core/ContactShadows.cjs.js"),be=require("../core/AccumulativeShadows.cjs.js"),Be=require("../core/Reflector.cjs.js"),ge=require("../core/SpotLight.cjs.js"),ve=require("../core/Environment.cjs.js"),Ae=require("../core/Lightformer.cjs.js"),Le=require("../core/Sky.cjs.js"),ke=require("../core/Stars.cjs.js"),Ge=require("../core/Cloud.cjs.js"),Re=require("../core/Sparkles.cjs.js"),De=require("../core/useMatcapTexture.cjs.js"),Ee=require("../core/useNormalTexture.cjs.js"),we=require("../core/Points.cjs.js"),ze=require("../core/Instances.cjs.js"),Fe=require("../core/Segments.cjs.js"),Oe=require("../core/Detailed.cjs.js"),Ie=require("../core/Preload.cjs.js"),He=require("../core/BakeShadows.cjs.js"),Ve=require("../core/meshBounds.cjs.js"),ye=require("../core/AdaptiveDpr.cjs.js"),Qe=require("../core/AdaptiveEvents.cjs.js"),Xe=require("../core/PerformanceMonitor.cjs.js"),Ke=require("../core/RenderTexture.cjs.js"),We=require("../core/Mask.cjs.js"),Ne=require("../core/Hud.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("suspend-react"),require("meshline"),require("lodash.pick"),require("lodash.omit"),require("zustand"),require("stats.js"),require("../helpers/useEffectfulState.cjs.js"),require("detect-gpu"),require("three-mesh-bvh"),require("../materials/BlurPass.cjs.js"),require("../materials/ConvolutionMaterial.cjs.js"),require("../materials/MeshReflectorMaterial.cjs.js"),require("../materials/MeshRefractionMaterial.cjs.js"),require("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.cjs.js"),require("react-composer"),exports.Billboard=e.Billboard,exports.ScreenSpace=r.ScreenSpace,exports.QuadraticBezierLine=s.QuadraticBezierLine,exports.CubicBezierLine=o.CubicBezierLine,exports.CatmullRomLine=t.CatmullRomLine,exports.Line=i.Line,exports.PositionalAudio=c.PositionalAudio,exports.Text=u.Text,exports.Text3D=a.Text3D,exports.Effects=n.Effects,exports.isWebGL2Available=n.isWebGL2Available,exports.GradientTexture=j.GradientTexture,exports.Image=p.Image,exports.Edges=x.Edges,exports.Trail=l.Trail,exports.useTrail=l.useTrail,exports.Sampler=d.Sampler,exports.useSurfaceSampler=d.useSurfaceSampler,exports.ComputedAttribute=q.ComputedAttribute,exports.Clone=m.Clone,exports.MarchingCube=h.MarchingCube,exports.MarchingCubes=h.MarchingCubes,exports.MarchingPlane=h.MarchingPlane,exports.Decal=C.Decal,exports.Svg=S.Svg,exports.Gltf=M.Gltf,exports.AsciiRenderer=T.AsciiRenderer,exports.OrthographicCamera=f.OrthographicCamera,exports.PerspectiveCamera=P.PerspectiveCamera,exports.CubeCamera=b.CubeCamera,exports.DeviceOrientationControls=B.DeviceOrientationControls,exports.FlyControls=g.FlyControls,exports.MapControls=v.MapControls,exports.OrbitControls=A.OrbitControls,exports.TrackballControls=L.TrackballControls,exports.ArcballControls=k.ArcballControls,exports.TransformControls=G.TransformControls,exports.PointerLockControls=R.PointerLockControls,exports.FirstPersonControls=D.FirstPersonControls,exports.GizmoHelper=E.GizmoHelper,exports.useGizmoContext=E.useGizmoContext,exports.GizmoViewcube=w.GizmoViewcube,exports.GizmoViewport=z.GizmoViewport,exports.Grid=F.Grid,exports.useCubeTexture=O.useCubeTexture,exports.useFBX=I.useFBX,exports.useGLTF=H.useGLTF,exports.useKTX2=V.useKTX2,exports.useProgress=y.useProgress,exports.IsObject=Q.IsObject,exports.useTexture=Q.useTexture,exports.useVideoTexture=X.useVideoTexture,exports.Stats=K.Stats,exports.useDepthBuffer=W.useDepthBuffer,exports.useAspect=N.useAspect,exports.useCamera=U.useCamera,exports.useDetectGPU=_.useDetectGPU,exports.useHelper=J.useHelper,exports.useBVH=Y.useBVH,exports.useContextBridge=Z.useContextBridge,exports.useAnimations=$.useAnimations,exports.useFBO=ee.useFBO,exports.useIntersect=re.useIntersect,exports.useBoxProjectedEnv=se.useBoxProjectedEnv,exports.BBAnchor=oe.BBAnchor,exports.useTrailTexture=te.useTrailTexture,exports.CurveModifier=ie.CurveModifier,exports.MeshDistortMaterial=ce.MeshDistortMaterial,exports.MeshWobbleMaterial=ue.MeshWobbleMaterial,exports.MeshReflectorMaterial=ae.MeshReflectorMaterial,exports.MeshRefractionMaterial=ne.MeshRefractionMaterial,exports.PointMaterial=je.PointMaterial,exports.PointMaterialImpl=je.PointMaterialImpl,exports.shaderMaterial=pe.shaderMaterial,exports.SoftShadows=xe.SoftShadows,exports.softShadows=xe.softShadows,exports.Box=le.Box,exports.Capsule=le.Capsule,exports.Circle=le.Circle,exports.Cone=le.Cone,exports.Cylinder=le.Cylinder,exports.Dodecahedron=le.Dodecahedron,exports.Extrude=le.Extrude,exports.Icosahedron=le.Icosahedron,exports.Lathe=le.Lathe,exports.Octahedron=le.Octahedron,exports.Plane=le.Plane,exports.Polyhedron=le.Polyhedron,exports.Ring=le.Ring,exports.Sphere=le.Sphere,exports.Tetrahedron=le.Tetrahedron,exports.Torus=le.Torus,exports.TorusKnot=le.TorusKnot,exports.Tube=le.Tube,exports.RoundedBox=de.RoundedBox,exports.ScreenQuad=qe.ScreenQuad,exports.Center=me.Center,exports.Bounds=he.Bounds,exports.useBounds=he.useBounds,exports.CameraShake=Ce.CameraShake,exports.Float=Se.Float,exports.Stage=Me.Stage,exports.Backdrop=Te.Backdrop,exports.Shadow=fe.Shadow,exports.ContactShadows=Pe.ContactShadows,exports.AccumulativeShadows=be.AccumulativeShadows,exports.RandomizedLight=be.RandomizedLight,exports.accumulativeContext=be.accumulativeContext,exports.Reflector=Be.Reflector,exports.SpotLight=ge.SpotLight,exports.SpotLightShadow=ge.SpotLightShadow,exports.Environment=ve.Environment,exports.EnvironmentCube=ve.EnvironmentCube,exports.EnvironmentMap=ve.EnvironmentMap,exports.EnvironmentPortal=ve.EnvironmentPortal,exports.useEnvironment=ve.useEnvironment,exports.Lightformer=Ae.Lightformer,exports.Sky=Le.Sky,exports.calcPosFromAngles=Le.calcPosFromAngles,exports.Stars=ke.Stars,exports.Cloud=Ge.Cloud,exports.Sparkles=Re.Sparkles,exports.useMatcapTexture=De.useMatcapTexture,exports.useNormalTexture=Ee.useNormalTexture,exports.Point=we.Point,exports.Points=we.Points,exports.PointsBuffer=we.PointsBuffer,exports.PositionPoint=we.PositionPoint,exports.Instance=ze.Instance,exports.Instances=ze.Instances,exports.Merged=ze.Merged,exports.Segment=Fe.Segment,exports.SegmentObject=Fe.SegmentObject,exports.Segments=Fe.Segments,exports.Detailed=Oe.Detailed,exports.Preload=Ie.Preload,exports.BakeShadows=He.BakeShadows,exports.meshBounds=Ve.meshBounds,exports.AdaptiveDpr=ye.AdaptiveDpr,exports.AdaptiveEvents=Qe.AdaptiveEvents,exports.PerformanceMonitor=Xe.PerformanceMonitor,exports.usePerformanceMonitor=Xe.usePerformanceMonitor,exports.RenderTexture=Ke.RenderTexture,exports.Mask=We.Mask,exports.useMask=We.useMask,exports.Hud=Ne.Hud;
|
package/native/index.js
CHANGED
|
@@ -64,7 +64,7 @@ export { MeshReflectorMaterial } from '../core/MeshReflectorMaterial.js';
|
|
|
64
64
|
export { MeshRefractionMaterial } from '../core/MeshRefractionMaterial.js';
|
|
65
65
|
export { PointMaterial, PointMaterialImpl } from '../core/PointMaterial.js';
|
|
66
66
|
export { shaderMaterial } from '../core/shaderMaterial.js';
|
|
67
|
-
export { softShadows } from '../core/softShadows.js';
|
|
67
|
+
export { SoftShadows, softShadows } from '../core/softShadows.js';
|
|
68
68
|
export { Box, Capsule, Circle, Cone, Cylinder, Dodecahedron, Extrude, Icosahedron, Lathe, Octahedron, Plane, Polyhedron, Ring, Sphere, Tetrahedron, Torus, TorusKnot, Tube } from '../core/shapes.js';
|
|
69
69
|
export { RoundedBox } from '../core/RoundedBox.js';
|
|
70
70
|
export { ScreenQuad } from '../core/ScreenQuad.js';
|
package/package.json
CHANGED
package/web/Html.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("react-dom/client"),n=require("three"),o=require("@react-three/fiber");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("react-dom/client"),n=require("three"),o=require("@react-three/fiber");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=i(e),c=s(t),l=s(r);const u=new n.Vector3,d=new n.Vector3,m=new n.Vector3;function f(e,t,r){const n=u.setFromMatrixPosition(e.matrixWorld);n.project(t);const o=r.width/2,i=r.height/2;return[n.x*o+o,-n.y*i+i]}const h=e=>Math.abs(e)<1e-10?0:e;function p(e,t,r=""){let n="matrix3d(";for(let r=0;16!==r;r++)n+=h(t[r]*e.elements[r])+(15!==r?",":")");return r+n}const x=(v=[1,-1,1,1,1,-1,1,1,1,-1,1,1,1,-1,1,1],e=>p(e,v));var v;const y=(e,t)=>{return p(e,[1/(r=t),1/r,1/r,1,-1/r,-1/r,-1/r,-1,1/r,1/r,1/r,1,1,1,1,1],"translate(-50%,-50%)");var r};const g=c.forwardRef((({children:e,eps:t=.001,style:r,className:i,prepend:s,center:p,fullscreen:v,portal:g,distanceFactor:M,sprite:P=!1,transform:b=!1,occlude:w,onOcclude:E,castShadow:W,receiveShadow:S,material:$,geometry:j,zIndexRange:z=[16777271,0],calculatePosition:O=f,as:R="div",wrapperClass:F,pointerEvents:C="auto",...T},I)=>{const{gl:A,camera:k,scene:H,size:N,raycaster:_,events:q,viewport:V}=o.useThree(),[L]=c.useState((()=>document.createElement(R))),D=c.useRef(),G=c.useRef(null),Z=c.useRef(0),B=c.useRef([0,0]),J=c.useRef(null),K=c.useRef(null),Q=(null==g?void 0:g.current)||q.connected||A.domElement.parentNode,U=c.useRef(null),X=c.useRef(!1),Y=c.useMemo((()=>"raycast"===w||Array.isArray(w)&&w.length&&function(e){return e&&"object"==typeof e&&"current"in e}(w[0])),[w]);c.useLayoutEffect((()=>{const e=A.domElement;w?(e.style.zIndex=`${Math.floor(z[0]/2)}`,e.style.position="absolute",e.style.pointerEvents="none"):(e.style.zIndex=null,e.style.position=null,e.style.pointerEvents=null)}),[w,Y]),c.useLayoutEffect((()=>{if(G.current){const e=D.current=l.createRoot(L);if(H.updateMatrixWorld(),b)L.style.cssText="position:absolute;top:0;left:0;pointer-events:none;overflow:hidden;";else{const e=O(G.current,k,N);L.style.cssText=`position:absolute;top:0;left:0;transform:translate3d(${e[0]}px,${e[1]}px,0);transform-origin:0 0;`}return Q&&(s?Q.prepend(L):Q.appendChild(L)),()=>{Q&&Q.removeChild(L),e.unmount()}}}),[Q,b]),c.useLayoutEffect((()=>{F&&(L.className=F)}),[F]);const ee=c.useMemo((()=>b?{position:"absolute",top:0,left:0,width:N.width,height:N.height,transformStyle:"preserve-3d",pointerEvents:"none"}:{position:"absolute",transform:p?"translate3d(-50%,-50%,0)":"none",...v&&{top:-N.height/2,left:-N.width/2,width:N.width,height:N.height},...r}),[r,p,v,N,b]),te=c.useMemo((()=>({position:"absolute",pointerEvents:C})),[C]);c.useLayoutEffect((()=>{var t,n;(X.current=!1,b)?null==(t=D.current)||t.render(c.createElement("div",{ref:J,style:ee},c.createElement("div",{ref:K,style:te},c.createElement("div",{ref:I,className:i,style:r,children:e})))):null==(n=D.current)||n.render(c.createElement("div",{ref:I,style:ee,className:i,children:e}))}));const re=c.useRef(!0);o.useFrame((e=>{if(G.current){k.updateMatrixWorld(),G.current.updateWorldMatrix(!0,!1);const e=b?B.current:O(G.current,k,N);if(b||Math.abs(Z.current-k.zoom)>t||Math.abs(B.current[0]-e[0])>t||Math.abs(B.current[1]-e[1])>t){const t=function(e,t){const r=u.setFromMatrixPosition(e.matrixWorld),n=d.setFromMatrixPosition(t.matrixWorld),o=r.sub(n),i=t.getWorldDirection(m);return o.angleTo(i)>Math.PI/2}(G.current,k);let r=!1;Y&&("raycast"===w?r=[H]:Array.isArray(w)&&(r=w.map((e=>e.current))));const o=re.current;if(r){const e=function(e,t,r,n){const o=u.setFromMatrixPosition(e.matrixWorld),i=o.clone();i.project(t),r.setFromCamera(i,t);const s=r.intersectObjects(n,!0);if(s.length){const e=s[0].distance;return o.distanceTo(r.ray.origin)<e}return!0}(G.current,k,_,r);re.current=e&&!t}else re.current=!t;o!==re.current&&(E?E(!re.current):L.style.display=re.current?"block":"none");const i=Math.floor(z[0]/2),s=w?Y?[z[0],i]:[i-1,0]:z;if(L.style.zIndex=`${function(e,t,r){if(t instanceof n.PerspectiveCamera||t instanceof n.OrthographicCamera){const n=u.setFromMatrixPosition(e.matrixWorld),o=d.setFromMatrixPosition(t.matrixWorld),i=n.distanceTo(o),s=(r[1]-r[0])/(t.far-t.near),a=r[1]-s*t.far;return Math.round(s*i+a)}}(G.current,k,s)}`,b){const[e,t]=[N.width/2,N.height/2],r=k.projectionMatrix.elements[5]*t,{isOrthographicCamera:n,top:o,left:i,bottom:s,right:a}=k,c=x(k.matrixWorldInverse),l=n?`scale(${r})translate(${h(-(a+i)/2)}px,${h((o+s)/2)}px)`:`translateZ(${r}px)`;let u=G.current.matrixWorld;P&&(u=k.matrixWorldInverse.clone().transpose().copyPosition(u).scale(G.current.scale),u.elements[3]=u.elements[7]=u.elements[11]=0,u.elements[15]=1),L.style.width=N.width+"px",L.style.height=N.height+"px",L.style.perspective=n?"":`${r}px`,J.current&&K.current&&(J.current.style.transform=`${l}${c}translate(${e}px,${t}px)`,K.current.style.transform=y(u,1/((M||10)/400)))}else{const t=void 0===M?1:function(e,t){if(t instanceof n.OrthographicCamera)return t.zoom;if(t instanceof n.PerspectiveCamera){const r=u.setFromMatrixPosition(e.matrixWorld),n=d.setFromMatrixPosition(t.matrixWorld),o=t.fov*Math.PI/180,i=r.distanceTo(n);return 1/(2*Math.tan(o/2)*i)}return 1}(G.current,k)*M;L.style.transform=`translate3d(${e[0]}px,${e[1]}px,0) scale(${t})`}B.current=e,Z.current=k.zoom}}if(!Y&&U.current&&!X.current)if(b){if(J.current){const e=J.current.children[0];if(null!=e&&e.clientWidth&&null!=e&&e.clientHeight){const{isOrthographicCamera:t}=k;if(t||j)T.scale&&(Array.isArray(T.scale)?T.scale instanceof n.Vector3?U.current.scale.copy(T.scale.clone().divideScalar(1)):U.current.scale.set(1/T.scale[0],1/T.scale[1],1/T.scale[2]):U.current.scale.setScalar(1/T.scale));else{const t=(M||10)/400,r=e.clientWidth*t,n=e.clientHeight*t;U.current.scale.set(r,n,1)}X.current=!0}}}else{const t=L.children[0];if(null!=t&&t.clientWidth&&null!=t&&t.clientHeight){const e=1/V.factor,r=t.clientWidth*e,n=t.clientHeight*e;U.current.scale.set(r,n,1),X.current=!0}U.current.lookAt(e.camera.position)}}));const ne=c.useMemo((()=>({vertexShader:b?void 0:'\n /*\n This shader is from the THREE\'s SpriteMaterial.\n We need to turn the backing plane into a Sprite\n (make it always face the camera) if "transfrom" \n is false. \n */\n #include <common>\n\n void main() {\n vec2 center = vec2(0., 1.);\n float rotation = 0.0;\n \n // This is somewhat arbitrary, but it seems to work well\n // Need to figure out how to derive this dynamically if it even matters\n float size = 0.03;\n\n vec4 mvPosition = modelViewMatrix * vec4( 0.0, 0.0, 0.0, 1.0 );\n vec2 scale;\n scale.x = length( vec3( modelMatrix[ 0 ].x, modelMatrix[ 0 ].y, modelMatrix[ 0 ].z ) );\n scale.y = length( vec3( modelMatrix[ 1 ].x, modelMatrix[ 1 ].y, modelMatrix[ 1 ].z ) );\n\n bool isPerspective = isPerspectiveMatrix( projectionMatrix );\n if ( isPerspective ) scale *= - mvPosition.z;\n\n vec2 alignedPosition = ( position.xy - ( center - vec2( 0.5 ) ) ) * scale * size;\n vec2 rotatedPosition;\n rotatedPosition.x = cos( rotation ) * alignedPosition.x - sin( rotation ) * alignedPosition.y;\n rotatedPosition.y = sin( rotation ) * alignedPosition.x + cos( rotation ) * alignedPosition.y;\n mvPosition.xy += rotatedPosition;\n\n gl_Position = projectionMatrix * mvPosition;\n }\n ',fragmentShader:"\n void main() {\n gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);\n }\n "})),[b]);return c.createElement("group",a.default({},T,{ref:G}),w&&!Y&&c.createElement("mesh",{castShadow:W,receiveShadow:S,ref:U},j||c.createElement("planeGeometry",null),$||c.createElement("shaderMaterial",{side:n.DoubleSide,vertexShader:ne.vertexShader,fragmentShader:ne.fragmentShader})))}));exports.Html=g;
|
package/web/Html.d.ts
CHANGED
|
@@ -18,12 +18,16 @@ export interface HtmlProps extends Omit<Assign<React.HTMLAttributes<HTMLDivEleme
|
|
|
18
18
|
sprite?: boolean;
|
|
19
19
|
transform?: boolean;
|
|
20
20
|
zIndexRange?: Array<number>;
|
|
21
|
-
occlude?: React.RefObject<Object3D>[] | boolean;
|
|
22
|
-
onOcclude?: (visible: boolean) => null;
|
|
23
21
|
calculatePosition?: CalculatePosition;
|
|
24
22
|
as?: string;
|
|
25
23
|
wrapperClass?: string;
|
|
26
24
|
pointerEvents?: PointerEventsProperties;
|
|
25
|
+
occlude?: React.RefObject<Object3D>[] | boolean | 'raycast' | 'blending';
|
|
26
|
+
onOcclude?: (visible: boolean) => null;
|
|
27
|
+
material?: React.ReactNode;
|
|
28
|
+
geometry?: React.ReactNode;
|
|
29
|
+
castShadow?: boolean;
|
|
30
|
+
receiveShadow?: boolean;
|
|
27
31
|
}
|
|
28
32
|
export declare const Html: React.ForwardRefExoticComponent<HtmlProps & React.RefAttributes<HTMLDivElement>>;
|
|
29
33
|
export {};
|
package/web/Html.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from '@babel/runtime/helpers/esm/extends';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as ReactDOM from 'react-dom/client';
|
|
4
|
-
import { Vector3, OrthographicCamera, PerspectiveCamera } from 'three';
|
|
4
|
+
import { Vector3, DoubleSide, OrthographicCamera, PerspectiveCamera } from 'three';
|
|
5
5
|
import { useThree, useFrame } from '@react-three/fiber';
|
|
6
6
|
|
|
7
7
|
const v1 = new Vector3();
|
|
@@ -88,6 +88,10 @@ const getObjectCSSMatrix = (scaleMultipliers => {
|
|
|
88
88
|
return (matrix, factor) => getCSSMatrix(matrix, scaleMultipliers(factor), 'translate(-50%,-50%)');
|
|
89
89
|
})(f => [1 / f, 1 / f, 1 / f, 1, -1 / f, -1 / f, -1 / f, -1, 1 / f, 1 / f, 1 / f, 1, 1, 1, 1, 1]);
|
|
90
90
|
|
|
91
|
+
function isRefObject(ref) {
|
|
92
|
+
return ref && typeof ref === 'object' && 'current' in ref;
|
|
93
|
+
}
|
|
94
|
+
|
|
91
95
|
const Html = /*#__PURE__*/React.forwardRef(({
|
|
92
96
|
children,
|
|
93
97
|
eps = 0.001,
|
|
@@ -102,6 +106,10 @@ const Html = /*#__PURE__*/React.forwardRef(({
|
|
|
102
106
|
transform = false,
|
|
103
107
|
occlude,
|
|
104
108
|
onOcclude,
|
|
109
|
+
castShadow,
|
|
110
|
+
receiveShadow,
|
|
111
|
+
material,
|
|
112
|
+
geometry,
|
|
105
113
|
zIndexRange = [16777271, 0],
|
|
106
114
|
calculatePosition = defaultCalculatePosition,
|
|
107
115
|
as = 'div',
|
|
@@ -115,7 +123,8 @@ const Html = /*#__PURE__*/React.forwardRef(({
|
|
|
115
123
|
scene,
|
|
116
124
|
size,
|
|
117
125
|
raycaster,
|
|
118
|
-
events
|
|
126
|
+
events,
|
|
127
|
+
viewport
|
|
119
128
|
} = useThree();
|
|
120
129
|
const [el] = React.useState(() => document.createElement(as));
|
|
121
130
|
const root = React.useRef();
|
|
@@ -126,6 +135,24 @@ const Html = /*#__PURE__*/React.forwardRef(({
|
|
|
126
135
|
const transformInnerRef = React.useRef(null); // Append to the connected element, which makes HTML work with views
|
|
127
136
|
|
|
128
137
|
const target = (portal == null ? void 0 : portal.current) || events.connected || gl.domElement.parentNode;
|
|
138
|
+
const occlusionMeshRef = React.useRef(null);
|
|
139
|
+
const isMeshSizeSet = React.useRef(false);
|
|
140
|
+
const isRayCastOcclusion = React.useMemo(() => {
|
|
141
|
+
return occlude === 'raycast' || Array.isArray(occlude) && occlude.length && isRefObject(occlude[0]);
|
|
142
|
+
}, [occlude]);
|
|
143
|
+
React.useLayoutEffect(() => {
|
|
144
|
+
const el = gl.domElement;
|
|
145
|
+
|
|
146
|
+
if (occlude) {
|
|
147
|
+
el.style.zIndex = `${Math.floor(zIndexRange[0] / 2)}`;
|
|
148
|
+
el.style.position = 'absolute';
|
|
149
|
+
el.style.pointerEvents = 'none';
|
|
150
|
+
} else {
|
|
151
|
+
el.style.zIndex = null;
|
|
152
|
+
el.style.position = null;
|
|
153
|
+
el.style.pointerEvents = null;
|
|
154
|
+
}
|
|
155
|
+
}, [occlude, isRayCastOcclusion]);
|
|
129
156
|
React.useLayoutEffect(() => {
|
|
130
157
|
if (group.current) {
|
|
131
158
|
const currentRoot = root.current = ReactDOM.createRoot(el);
|
|
@@ -181,6 +208,8 @@ const Html = /*#__PURE__*/React.forwardRef(({
|
|
|
181
208
|
pointerEvents
|
|
182
209
|
}), [pointerEvents]);
|
|
183
210
|
React.useLayoutEffect(() => {
|
|
211
|
+
isMeshSizeSet.current = false;
|
|
212
|
+
|
|
184
213
|
if (transform) {
|
|
185
214
|
var _root$current;
|
|
186
215
|
|
|
@@ -208,7 +237,7 @@ const Html = /*#__PURE__*/React.forwardRef(({
|
|
|
208
237
|
}
|
|
209
238
|
});
|
|
210
239
|
const visible = React.useRef(true);
|
|
211
|
-
useFrame(
|
|
240
|
+
useFrame(gl => {
|
|
212
241
|
if (group.current) {
|
|
213
242
|
camera.updateMatrixWorld();
|
|
214
243
|
group.current.updateWorldMatrix(true, false);
|
|
@@ -218,12 +247,12 @@ const Html = /*#__PURE__*/React.forwardRef(({
|
|
|
218
247
|
const isBehindCamera = isObjectBehindCamera(group.current, camera);
|
|
219
248
|
let raytraceTarget = false;
|
|
220
249
|
|
|
221
|
-
if (
|
|
222
|
-
if (occlude ===
|
|
250
|
+
if (isRayCastOcclusion) {
|
|
251
|
+
if (occlude === 'raycast') {
|
|
223
252
|
raytraceTarget = [scene];
|
|
253
|
+
} else if (Array.isArray(occlude)) {
|
|
254
|
+
raytraceTarget = occlude.map(item => item.current);
|
|
224
255
|
}
|
|
225
|
-
} else if (Array.isArray(occlude)) {
|
|
226
|
-
raytraceTarget = occlude.map(item => item.current);
|
|
227
256
|
}
|
|
228
257
|
|
|
229
258
|
const previouslyVisible = visible.current;
|
|
@@ -239,7 +268,10 @@ const Html = /*#__PURE__*/React.forwardRef(({
|
|
|
239
268
|
if (onOcclude) onOcclude(!visible.current);else el.style.display = visible.current ? 'block' : 'none';
|
|
240
269
|
}
|
|
241
270
|
|
|
242
|
-
|
|
271
|
+
const halfRange = Math.floor(zIndexRange[0] / 2);
|
|
272
|
+
const zRange = occlude ? isRayCastOcclusion //
|
|
273
|
+
? [zIndexRange[0], halfRange] : [halfRange - 1, 0] : zIndexRange;
|
|
274
|
+
el.style.zIndex = `${objectZIndex(group.current, camera, zRange)}`;
|
|
243
275
|
|
|
244
276
|
if (transform) {
|
|
245
277
|
const [widthHalf, heightHalf] = [size.width / 2, size.height / 2];
|
|
@@ -278,10 +310,108 @@ const Html = /*#__PURE__*/React.forwardRef(({
|
|
|
278
310
|
oldZoom.current = camera.zoom;
|
|
279
311
|
}
|
|
280
312
|
}
|
|
313
|
+
|
|
314
|
+
if (!isRayCastOcclusion && occlusionMeshRef.current && !isMeshSizeSet.current) {
|
|
315
|
+
if (transform) {
|
|
316
|
+
if (transformOuterRef.current) {
|
|
317
|
+
const el = transformOuterRef.current.children[0];
|
|
318
|
+
|
|
319
|
+
if (el != null && el.clientWidth && el != null && el.clientHeight) {
|
|
320
|
+
const {
|
|
321
|
+
isOrthographicCamera
|
|
322
|
+
} = camera;
|
|
323
|
+
|
|
324
|
+
if (isOrthographicCamera || geometry) {
|
|
325
|
+
if (props.scale) {
|
|
326
|
+
if (!Array.isArray(props.scale)) {
|
|
327
|
+
occlusionMeshRef.current.scale.setScalar(1 / props.scale);
|
|
328
|
+
} else if (props.scale instanceof Vector3) {
|
|
329
|
+
occlusionMeshRef.current.scale.copy(props.scale.clone().divideScalar(1));
|
|
330
|
+
} else {
|
|
331
|
+
occlusionMeshRef.current.scale.set(1 / props.scale[0], 1 / props.scale[1], 1 / props.scale[2]);
|
|
332
|
+
}
|
|
333
|
+
}
|
|
334
|
+
} else {
|
|
335
|
+
const ratio = (distanceFactor || 10) / 400;
|
|
336
|
+
const w = el.clientWidth * ratio;
|
|
337
|
+
const h = el.clientHeight * ratio;
|
|
338
|
+
occlusionMeshRef.current.scale.set(w, h, 1);
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
isMeshSizeSet.current = true;
|
|
342
|
+
}
|
|
343
|
+
}
|
|
344
|
+
} else {
|
|
345
|
+
const ele = el.children[0];
|
|
346
|
+
|
|
347
|
+
if (ele != null && ele.clientWidth && ele != null && ele.clientHeight) {
|
|
348
|
+
const ratio = 1 / viewport.factor;
|
|
349
|
+
const w = ele.clientWidth * ratio;
|
|
350
|
+
const h = ele.clientHeight * ratio;
|
|
351
|
+
occlusionMeshRef.current.scale.set(w, h, 1);
|
|
352
|
+
isMeshSizeSet.current = true;
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
occlusionMeshRef.current.lookAt(gl.camera.position);
|
|
356
|
+
}
|
|
357
|
+
}
|
|
281
358
|
});
|
|
359
|
+
const shaders = React.useMemo(() => ({
|
|
360
|
+
vertexShader: !transform ?
|
|
361
|
+
/* glsl */
|
|
362
|
+
`
|
|
363
|
+
/*
|
|
364
|
+
This shader is from the THREE's SpriteMaterial.
|
|
365
|
+
We need to turn the backing plane into a Sprite
|
|
366
|
+
(make it always face the camera) if "transfrom"
|
|
367
|
+
is false.
|
|
368
|
+
*/
|
|
369
|
+
#include <common>
|
|
370
|
+
|
|
371
|
+
void main() {
|
|
372
|
+
vec2 center = vec2(0., 1.);
|
|
373
|
+
float rotation = 0.0;
|
|
374
|
+
|
|
375
|
+
// This is somewhat arbitrary, but it seems to work well
|
|
376
|
+
// Need to figure out how to derive this dynamically if it even matters
|
|
377
|
+
float size = 0.03;
|
|
378
|
+
|
|
379
|
+
vec4 mvPosition = modelViewMatrix * vec4( 0.0, 0.0, 0.0, 1.0 );
|
|
380
|
+
vec2 scale;
|
|
381
|
+
scale.x = length( vec3( modelMatrix[ 0 ].x, modelMatrix[ 0 ].y, modelMatrix[ 0 ].z ) );
|
|
382
|
+
scale.y = length( vec3( modelMatrix[ 1 ].x, modelMatrix[ 1 ].y, modelMatrix[ 1 ].z ) );
|
|
383
|
+
|
|
384
|
+
bool isPerspective = isPerspectiveMatrix( projectionMatrix );
|
|
385
|
+
if ( isPerspective ) scale *= - mvPosition.z;
|
|
386
|
+
|
|
387
|
+
vec2 alignedPosition = ( position.xy - ( center - vec2( 0.5 ) ) ) * scale * size;
|
|
388
|
+
vec2 rotatedPosition;
|
|
389
|
+
rotatedPosition.x = cos( rotation ) * alignedPosition.x - sin( rotation ) * alignedPosition.y;
|
|
390
|
+
rotatedPosition.y = sin( rotation ) * alignedPosition.x + cos( rotation ) * alignedPosition.y;
|
|
391
|
+
mvPosition.xy += rotatedPosition;
|
|
392
|
+
|
|
393
|
+
gl_Position = projectionMatrix * mvPosition;
|
|
394
|
+
}
|
|
395
|
+
` : undefined,
|
|
396
|
+
fragmentShader:
|
|
397
|
+
/* glsl */
|
|
398
|
+
`
|
|
399
|
+
void main() {
|
|
400
|
+
gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);
|
|
401
|
+
}
|
|
402
|
+
`
|
|
403
|
+
}), [transform]);
|
|
282
404
|
return /*#__PURE__*/React.createElement("group", _extends({}, props, {
|
|
283
405
|
ref: group
|
|
284
|
-
})
|
|
406
|
+
}), occlude && !isRayCastOcclusion && /*#__PURE__*/React.createElement("mesh", {
|
|
407
|
+
castShadow: castShadow,
|
|
408
|
+
receiveShadow: receiveShadow,
|
|
409
|
+
ref: occlusionMeshRef
|
|
410
|
+
}, geometry || /*#__PURE__*/React.createElement("planeGeometry", null), material || /*#__PURE__*/React.createElement("shaderMaterial", {
|
|
411
|
+
side: DoubleSide,
|
|
412
|
+
vertexShader: shaders.vertexShader,
|
|
413
|
+
fragmentShader: shaders.fragmentShader
|
|
414
|
+
})));
|
|
285
415
|
});
|
|
286
416
|
|
|
287
417
|
export { Html };
|
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("./KeyboardControls.cjs.js"),u=require("./Select.cjs.js"),a=require("./View.cjs.js"),n=require("./pivotControls/index.cjs.js"),j=require("../core/Billboard.cjs.js"),p=require("../core/ScreenSpace.cjs.js"),l=require("../core/QuadraticBezierLine.cjs.js"),x=require("../core/CubicBezierLine.cjs.js"),q=require("../core/CatmullRomLine.cjs.js"),d=require("../core/Line.cjs.js"),C=require("../core/PositionalAudio.cjs.js"),m=require("../core/Text.cjs.js"),h=require("../core/Text3D.cjs.js"),S=require("../core/Effects.cjs.js"),M=require("../core/GradientTexture.cjs.js"),P=require("../core/Image.cjs.js"),b=require("../core/Edges.cjs.js"),T=require("../core/Trail.cjs.js"),g=require("../core/Sampler.cjs.js"),f=require("../core/ComputedAttribute.cjs.js"),B=require("../core/Clone.cjs.js"),v=require("../core/MarchingCubes.cjs.js"),A=require("../core/Decal.cjs.js"),L=require("../core/Svg.cjs.js"),R=require("../core/Gltf.cjs.js"),w=require("../core/AsciiRenderer.cjs.js"),k=require("../core/OrthographicCamera.cjs.js"),G=require("../core/PerspectiveCamera.cjs.js"),D=require("../core/CubeCamera.cjs.js"),E=require("../core/DeviceOrientationControls.cjs.js"),y=require("../core/FlyControls.cjs.js"),z=require("../core/MapControls.cjs.js"),F=require("../core/OrbitControls.cjs.js"),O=require("../core/TrackballControls.cjs.js"),I=require("../core/ArcballControls.cjs.js"),H=require("../core/TransformControls.cjs.js"),V=require("../core/PointerLockControls.cjs.js"),K=require("../core/FirstPersonControls.cjs.js"),Q=require("../core/GizmoHelper.cjs.js"),X=require("../core/GizmoViewcube.cjs.js"),W=require("../core/GizmoViewport.cjs.js"),N=require("../core/Grid.cjs.js"),U=require("../core/useCubeTexture.cjs.js"),_=require("../core/useFBX.cjs.js"),J=require("../core/useGLTF.cjs.js"),Y=require("../core/useKTX2.cjs.js"),Z=require("../core/useProgress.cjs.js"),$=require("../core/useTexture.cjs.js"),ee=require("../core/useVideoTexture.cjs.js"),re=require("../core/Stats.cjs.js"),se=require("../core/useDepthBuffer.cjs.js"),oe=require("../core/useAspect.cjs.js"),te=require("../core/useCamera.cjs.js"),ie=require("../core/useDetectGPU.cjs.js"),ce=require("../core/useHelper.cjs.js"),ue=require("../core/useBVH.cjs.js"),ae=require("../core/useContextBridge.cjs.js"),ne=require("../core/useAnimations.cjs.js"),je=require("../core/useFBO.cjs.js"),pe=require("../core/useIntersect.cjs.js"),le=require("../core/useBoxProjectedEnv.cjs.js"),xe=require("../core/BBAnchor.cjs.js"),qe=require("../core/useTrailTexture.cjs.js"),de=require("../core/CurveModifier.cjs.js"),Ce=require("../core/MeshDistortMaterial.cjs.js"),me=require("../core/MeshWobbleMaterial.cjs.js"),he=require("../core/MeshReflectorMaterial.cjs.js"),Se=require("../core/MeshRefractionMaterial.cjs.js"),Me=require("../core/PointMaterial.cjs.js"),Pe=require("../core/shaderMaterial.cjs.js"),be=require("../core/softShadows.cjs.js"),Te=require("../core/shapes.cjs.js"),ge=require("../core/RoundedBox.cjs.js"),fe=require("../core/ScreenQuad.cjs.js"),Be=require("../core/Center.cjs.js"),ve=require("../core/Bounds.cjs.js"),Ae=require("../core/CameraShake.cjs.js"),Le=require("../core/Float.cjs.js"),Re=require("../core/Stage.cjs.js"),we=require("../core/Backdrop.cjs.js"),ke=require("../core/Shadow.cjs.js"),Ge=require("../core/ContactShadows.cjs.js"),De=require("../core/AccumulativeShadows.cjs.js"),Ee=require("../core/Reflector.cjs.js"),ye=require("../core/SpotLight.cjs.js"),ze=require("../core/Environment.cjs.js"),Fe=require("../core/Lightformer.cjs.js"),Oe=require("../core/Sky.cjs.js"),Ie=require("../core/Stars.cjs.js"),He=require("../core/Cloud.cjs.js"),Ve=require("../core/Sparkles.cjs.js"),Ke=require("../core/useMatcapTexture.cjs.js"),Qe=require("../core/useNormalTexture.cjs.js"),Xe=require("../core/Points.cjs.js"),We=require("../core/Instances.cjs.js"),Ne=require("../core/Segments.cjs.js"),Ue=require("../core/Detailed.cjs.js"),_e=require("../core/Preload.cjs.js"),Je=require("../core/BakeShadows.cjs.js"),Ye=require("../core/meshBounds.cjs.js"),Ze=require("../core/AdaptiveDpr.cjs.js"),$e=require("../core/AdaptiveEvents.cjs.js"),er=require("../core/PerformanceMonitor.cjs.js"),rr=require("../core/RenderTexture.cjs.js"),sr=require("../core/Mask.cjs.js"),or=require("../core/Hud.cjs.js");require("@babel/runtime/helpers/extends"),require("react"),require("react-dom/client"),require("three"),require("@react-three/fiber"),require("zustand"),require("react-merge-refs"),require("@react-spring/three"),require("@use-gesture/react"),require("zustand/middleware"),require("three-stdlib"),require("zustand/shallow"),require("./pivotControls/AxisArrow.cjs.js"),require("./pivotControls/context.cjs.js"),require("./pivotControls/PlaneSlider.cjs.js"),require("./pivotControls/AxisRotator.cjs.js"),require("lodash.clamp"),require("troika-three-text"),require("suspend-react"),require("meshline"),require("lodash.pick"),require("lodash.omit"),require("stats.js"),require("../helpers/useEffectfulState.cjs.js"),require("detect-gpu"),require("three-mesh-bvh"),require("../materials/BlurPass.cjs.js"),require("../materials/ConvolutionMaterial.cjs.js"),require("../materials/MeshReflectorMaterial.cjs.js"),require("../materials/MeshRefractionMaterial.cjs.js"),require("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.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.KeyboardControls=c.KeyboardControls,exports.useKeyboardControls=c.useKeyboardControls,exports.Select=u.Select,exports.useSelect=u.useSelect,exports.View=a.View,exports.PivotControls=n.PivotControls,exports.calculateScaleFactor=n.calculateScaleFactor,exports.Billboard=j.Billboard,exports.ScreenSpace=p.ScreenSpace,exports.QuadraticBezierLine=l.QuadraticBezierLine,exports.CubicBezierLine=x.CubicBezierLine,exports.CatmullRomLine=q.CatmullRomLine,exports.Line=d.Line,exports.PositionalAudio=C.PositionalAudio,exports.Text=m.Text,exports.Text3D=h.Text3D,exports.Effects=S.Effects,exports.isWebGL2Available=S.isWebGL2Available,exports.GradientTexture=M.GradientTexture,exports.Image=P.Image,exports.Edges=b.Edges,exports.Trail=T.Trail,exports.useTrail=T.useTrail,exports.Sampler=g.Sampler,exports.useSurfaceSampler=g.useSurfaceSampler,exports.ComputedAttribute=f.ComputedAttribute,exports.Clone=B.Clone,exports.MarchingCube=v.MarchingCube,exports.MarchingCubes=v.MarchingCubes,exports.MarchingPlane=v.MarchingPlane,exports.Decal=A.Decal,exports.Svg=L.Svg,exports.Gltf=R.Gltf,exports.AsciiRenderer=w.AsciiRenderer,exports.OrthographicCamera=k.OrthographicCamera,exports.PerspectiveCamera=G.PerspectiveCamera,exports.CubeCamera=D.CubeCamera,exports.DeviceOrientationControls=E.DeviceOrientationControls,exports.FlyControls=y.FlyControls,exports.MapControls=z.MapControls,exports.OrbitControls=F.OrbitControls,exports.TrackballControls=O.TrackballControls,exports.ArcballControls=I.ArcballControls,exports.TransformControls=H.TransformControls,exports.PointerLockControls=V.PointerLockControls,exports.FirstPersonControls=K.FirstPersonControls,exports.GizmoHelper=Q.GizmoHelper,exports.useGizmoContext=Q.useGizmoContext,exports.GizmoViewcube=X.GizmoViewcube,exports.GizmoViewport=W.GizmoViewport,exports.Grid=N.Grid,exports.useCubeTexture=U.useCubeTexture,exports.useFBX=_.useFBX,exports.useGLTF=J.useGLTF,exports.useKTX2=Y.useKTX2,exports.useProgress=Z.useProgress,exports.IsObject=$.IsObject,exports.useTexture=$.useTexture,exports.useVideoTexture=ee.useVideoTexture,exports.Stats=re.Stats,exports.useDepthBuffer=se.useDepthBuffer,exports.useAspect=oe.useAspect,exports.useCamera=te.useCamera,exports.useDetectGPU=ie.useDetectGPU,exports.useHelper=ce.useHelper,exports.useBVH=ue.useBVH,exports.useContextBridge=ae.useContextBridge,exports.useAnimations=ne.useAnimations,exports.useFBO=je.useFBO,exports.useIntersect=pe.useIntersect,exports.useBoxProjectedEnv=le.useBoxProjectedEnv,exports.BBAnchor=xe.BBAnchor,exports.useTrailTexture=qe.useTrailTexture,exports.CurveModifier=de.CurveModifier,exports.MeshDistortMaterial=Ce.MeshDistortMaterial,exports.MeshWobbleMaterial=me.MeshWobbleMaterial,exports.MeshReflectorMaterial=he.MeshReflectorMaterial,exports.MeshRefractionMaterial=Se.MeshRefractionMaterial,exports.PointMaterial=Me.PointMaterial,exports.PointMaterialImpl=Me.PointMaterialImpl,exports.shaderMaterial=Pe.shaderMaterial,exports.softShadows=be.softShadows,exports.Box=Te.Box,exports.Capsule=Te.Capsule,exports.Circle=Te.Circle,exports.Cone=Te.Cone,exports.Cylinder=Te.Cylinder,exports.Dodecahedron=Te.Dodecahedron,exports.Extrude=Te.Extrude,exports.Icosahedron=Te.Icosahedron,exports.Lathe=Te.Lathe,exports.Octahedron=Te.Octahedron,exports.Plane=Te.Plane,exports.Polyhedron=Te.Polyhedron,exports.Ring=Te.Ring,exports.Sphere=Te.Sphere,exports.Tetrahedron=Te.Tetrahedron,exports.Torus=Te.Torus,exports.TorusKnot=Te.TorusKnot,exports.Tube=Te.Tube,exports.RoundedBox=ge.RoundedBox,exports.ScreenQuad=fe.ScreenQuad,exports.Center=Be.Center,exports.Bounds=ve.Bounds,exports.useBounds=ve.useBounds,exports.CameraShake=Ae.CameraShake,exports.Float=Le.Float,exports.Stage=Re.Stage,exports.Backdrop=we.Backdrop,exports.Shadow=ke.Shadow,exports.ContactShadows=Ge.ContactShadows,exports.AccumulativeShadows=De.AccumulativeShadows,exports.RandomizedLight=De.RandomizedLight,exports.accumulativeContext=De.accumulativeContext,exports.Reflector=Ee.Reflector,exports.SpotLight=ye.SpotLight,exports.SpotLightShadow=ye.SpotLightShadow,exports.Environment=ze.Environment,exports.EnvironmentCube=ze.EnvironmentCube,exports.EnvironmentMap=ze.EnvironmentMap,exports.EnvironmentPortal=ze.EnvironmentPortal,exports.useEnvironment=ze.useEnvironment,exports.Lightformer=Fe.Lightformer,exports.Sky=Oe.Sky,exports.calcPosFromAngles=Oe.calcPosFromAngles,exports.Stars=Ie.Stars,exports.Cloud=He.Cloud,exports.Sparkles=Ve.Sparkles,exports.useMatcapTexture=Ke.useMatcapTexture,exports.useNormalTexture=Qe.useNormalTexture,exports.Point=Xe.Point,exports.Points=Xe.Points,exports.PointsBuffer=Xe.PointsBuffer,exports.PositionPoint=Xe.PositionPoint,exports.Instance=We.Instance,exports.Instances=We.Instances,exports.Merged=We.Merged,exports.Segment=Ne.Segment,exports.SegmentObject=Ne.SegmentObject,exports.Segments=Ne.Segments,exports.Detailed=Ue.Detailed,exports.Preload=_e.Preload,exports.BakeShadows=Je.BakeShadows,exports.meshBounds=Ye.meshBounds,exports.AdaptiveDpr=Ze.AdaptiveDpr,exports.AdaptiveEvents=$e.AdaptiveEvents,exports.PerformanceMonitor=er.PerformanceMonitor,exports.usePerformanceMonitor=er.usePerformanceMonitor,exports.RenderTexture=rr.RenderTexture,exports.Mask=sr.Mask,exports.useMask=sr.useMask,exports.Hud=or.Hud;
|
|
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("./KeyboardControls.cjs.js"),u=require("./Select.cjs.js"),a=require("./View.cjs.js"),n=require("./pivotControls/index.cjs.js"),j=require("../core/Billboard.cjs.js"),p=require("../core/ScreenSpace.cjs.js"),l=require("../core/QuadraticBezierLine.cjs.js"),x=require("../core/CubicBezierLine.cjs.js"),d=require("../core/CatmullRomLine.cjs.js"),q=require("../core/Line.cjs.js"),C=require("../core/PositionalAudio.cjs.js"),m=require("../core/Text.cjs.js"),h=require("../core/Text3D.cjs.js"),S=require("../core/Effects.cjs.js"),M=require("../core/GradientTexture.cjs.js"),P=require("../core/Image.cjs.js"),b=require("../core/Edges.cjs.js"),T=require("../core/Trail.cjs.js"),f=require("../core/Sampler.cjs.js"),g=require("../core/ComputedAttribute.cjs.js"),B=require("../core/Clone.cjs.js"),v=require("../core/MarchingCubes.cjs.js"),A=require("../core/Decal.cjs.js"),L=require("../core/Svg.cjs.js"),w=require("../core/Gltf.cjs.js"),R=require("../core/AsciiRenderer.cjs.js"),k=require("../core/OrthographicCamera.cjs.js"),G=require("../core/PerspectiveCamera.cjs.js"),D=require("../core/CubeCamera.cjs.js"),E=require("../core/DeviceOrientationControls.cjs.js"),y=require("../core/FlyControls.cjs.js"),z=require("../core/MapControls.cjs.js"),F=require("../core/OrbitControls.cjs.js"),O=require("../core/TrackballControls.cjs.js"),I=require("../core/ArcballControls.cjs.js"),H=require("../core/TransformControls.cjs.js"),V=require("../core/PointerLockControls.cjs.js"),K=require("../core/FirstPersonControls.cjs.js"),Q=require("../core/GizmoHelper.cjs.js"),X=require("../core/GizmoViewcube.cjs.js"),W=require("../core/GizmoViewport.cjs.js"),N=require("../core/Grid.cjs.js"),U=require("../core/useCubeTexture.cjs.js"),_=require("../core/useFBX.cjs.js"),J=require("../core/useGLTF.cjs.js"),Y=require("../core/useKTX2.cjs.js"),Z=require("../core/useProgress.cjs.js"),$=require("../core/useTexture.cjs.js"),ee=require("../core/useVideoTexture.cjs.js"),re=require("../core/Stats.cjs.js"),se=require("../core/useDepthBuffer.cjs.js"),oe=require("../core/useAspect.cjs.js"),te=require("../core/useCamera.cjs.js"),ie=require("../core/useDetectGPU.cjs.js"),ce=require("../core/useHelper.cjs.js"),ue=require("../core/useBVH.cjs.js"),ae=require("../core/useContextBridge.cjs.js"),ne=require("../core/useAnimations.cjs.js"),je=require("../core/useFBO.cjs.js"),pe=require("../core/useIntersect.cjs.js"),le=require("../core/useBoxProjectedEnv.cjs.js"),xe=require("../core/BBAnchor.cjs.js"),de=require("../core/useTrailTexture.cjs.js"),qe=require("../core/CurveModifier.cjs.js"),Ce=require("../core/MeshDistortMaterial.cjs.js"),me=require("../core/MeshWobbleMaterial.cjs.js"),he=require("../core/MeshReflectorMaterial.cjs.js"),Se=require("../core/MeshRefractionMaterial.cjs.js"),Me=require("../core/PointMaterial.cjs.js"),Pe=require("../core/shaderMaterial.cjs.js"),be=require("../core/softShadows.cjs.js"),Te=require("../core/shapes.cjs.js"),fe=require("../core/RoundedBox.cjs.js"),ge=require("../core/ScreenQuad.cjs.js"),Be=require("../core/Center.cjs.js"),ve=require("../core/Bounds.cjs.js"),Ae=require("../core/CameraShake.cjs.js"),Le=require("../core/Float.cjs.js"),we=require("../core/Stage.cjs.js"),Re=require("../core/Backdrop.cjs.js"),ke=require("../core/Shadow.cjs.js"),Ge=require("../core/ContactShadows.cjs.js"),De=require("../core/AccumulativeShadows.cjs.js"),Ee=require("../core/Reflector.cjs.js"),ye=require("../core/SpotLight.cjs.js"),ze=require("../core/Environment.cjs.js"),Fe=require("../core/Lightformer.cjs.js"),Oe=require("../core/Sky.cjs.js"),Ie=require("../core/Stars.cjs.js"),He=require("../core/Cloud.cjs.js"),Ve=require("../core/Sparkles.cjs.js"),Ke=require("../core/useMatcapTexture.cjs.js"),Qe=require("../core/useNormalTexture.cjs.js"),Xe=require("../core/Points.cjs.js"),We=require("../core/Instances.cjs.js"),Ne=require("../core/Segments.cjs.js"),Ue=require("../core/Detailed.cjs.js"),_e=require("../core/Preload.cjs.js"),Je=require("../core/BakeShadows.cjs.js"),Ye=require("../core/meshBounds.cjs.js"),Ze=require("../core/AdaptiveDpr.cjs.js"),$e=require("../core/AdaptiveEvents.cjs.js"),er=require("../core/PerformanceMonitor.cjs.js"),rr=require("../core/RenderTexture.cjs.js"),sr=require("../core/Mask.cjs.js"),or=require("../core/Hud.cjs.js");require("@babel/runtime/helpers/extends"),require("react"),require("react-dom/client"),require("three"),require("@react-three/fiber"),require("zustand"),require("react-merge-refs"),require("@react-spring/three"),require("@use-gesture/react"),require("zustand/middleware"),require("three-stdlib"),require("zustand/shallow"),require("./pivotControls/AxisArrow.cjs.js"),require("./pivotControls/context.cjs.js"),require("./pivotControls/PlaneSlider.cjs.js"),require("./pivotControls/AxisRotator.cjs.js"),require("lodash.clamp"),require("troika-three-text"),require("suspend-react"),require("meshline"),require("lodash.pick"),require("lodash.omit"),require("stats.js"),require("../helpers/useEffectfulState.cjs.js"),require("detect-gpu"),require("three-mesh-bvh"),require("../materials/BlurPass.cjs.js"),require("../materials/ConvolutionMaterial.cjs.js"),require("../materials/MeshReflectorMaterial.cjs.js"),require("../materials/MeshRefractionMaterial.cjs.js"),require("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.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.KeyboardControls=c.KeyboardControls,exports.useKeyboardControls=c.useKeyboardControls,exports.Select=u.Select,exports.useSelect=u.useSelect,exports.View=a.View,exports.PivotControls=n.PivotControls,exports.calculateScaleFactor=n.calculateScaleFactor,exports.Billboard=j.Billboard,exports.ScreenSpace=p.ScreenSpace,exports.QuadraticBezierLine=l.QuadraticBezierLine,exports.CubicBezierLine=x.CubicBezierLine,exports.CatmullRomLine=d.CatmullRomLine,exports.Line=q.Line,exports.PositionalAudio=C.PositionalAudio,exports.Text=m.Text,exports.Text3D=h.Text3D,exports.Effects=S.Effects,exports.isWebGL2Available=S.isWebGL2Available,exports.GradientTexture=M.GradientTexture,exports.Image=P.Image,exports.Edges=b.Edges,exports.Trail=T.Trail,exports.useTrail=T.useTrail,exports.Sampler=f.Sampler,exports.useSurfaceSampler=f.useSurfaceSampler,exports.ComputedAttribute=g.ComputedAttribute,exports.Clone=B.Clone,exports.MarchingCube=v.MarchingCube,exports.MarchingCubes=v.MarchingCubes,exports.MarchingPlane=v.MarchingPlane,exports.Decal=A.Decal,exports.Svg=L.Svg,exports.Gltf=w.Gltf,exports.AsciiRenderer=R.AsciiRenderer,exports.OrthographicCamera=k.OrthographicCamera,exports.PerspectiveCamera=G.PerspectiveCamera,exports.CubeCamera=D.CubeCamera,exports.DeviceOrientationControls=E.DeviceOrientationControls,exports.FlyControls=y.FlyControls,exports.MapControls=z.MapControls,exports.OrbitControls=F.OrbitControls,exports.TrackballControls=O.TrackballControls,exports.ArcballControls=I.ArcballControls,exports.TransformControls=H.TransformControls,exports.PointerLockControls=V.PointerLockControls,exports.FirstPersonControls=K.FirstPersonControls,exports.GizmoHelper=Q.GizmoHelper,exports.useGizmoContext=Q.useGizmoContext,exports.GizmoViewcube=X.GizmoViewcube,exports.GizmoViewport=W.GizmoViewport,exports.Grid=N.Grid,exports.useCubeTexture=U.useCubeTexture,exports.useFBX=_.useFBX,exports.useGLTF=J.useGLTF,exports.useKTX2=Y.useKTX2,exports.useProgress=Z.useProgress,exports.IsObject=$.IsObject,exports.useTexture=$.useTexture,exports.useVideoTexture=ee.useVideoTexture,exports.Stats=re.Stats,exports.useDepthBuffer=se.useDepthBuffer,exports.useAspect=oe.useAspect,exports.useCamera=te.useCamera,exports.useDetectGPU=ie.useDetectGPU,exports.useHelper=ce.useHelper,exports.useBVH=ue.useBVH,exports.useContextBridge=ae.useContextBridge,exports.useAnimations=ne.useAnimations,exports.useFBO=je.useFBO,exports.useIntersect=pe.useIntersect,exports.useBoxProjectedEnv=le.useBoxProjectedEnv,exports.BBAnchor=xe.BBAnchor,exports.useTrailTexture=de.useTrailTexture,exports.CurveModifier=qe.CurveModifier,exports.MeshDistortMaterial=Ce.MeshDistortMaterial,exports.MeshWobbleMaterial=me.MeshWobbleMaterial,exports.MeshReflectorMaterial=he.MeshReflectorMaterial,exports.MeshRefractionMaterial=Se.MeshRefractionMaterial,exports.PointMaterial=Me.PointMaterial,exports.PointMaterialImpl=Me.PointMaterialImpl,exports.shaderMaterial=Pe.shaderMaterial,exports.SoftShadows=be.SoftShadows,exports.softShadows=be.softShadows,exports.Box=Te.Box,exports.Capsule=Te.Capsule,exports.Circle=Te.Circle,exports.Cone=Te.Cone,exports.Cylinder=Te.Cylinder,exports.Dodecahedron=Te.Dodecahedron,exports.Extrude=Te.Extrude,exports.Icosahedron=Te.Icosahedron,exports.Lathe=Te.Lathe,exports.Octahedron=Te.Octahedron,exports.Plane=Te.Plane,exports.Polyhedron=Te.Polyhedron,exports.Ring=Te.Ring,exports.Sphere=Te.Sphere,exports.Tetrahedron=Te.Tetrahedron,exports.Torus=Te.Torus,exports.TorusKnot=Te.TorusKnot,exports.Tube=Te.Tube,exports.RoundedBox=fe.RoundedBox,exports.ScreenQuad=ge.ScreenQuad,exports.Center=Be.Center,exports.Bounds=ve.Bounds,exports.useBounds=ve.useBounds,exports.CameraShake=Ae.CameraShake,exports.Float=Le.Float,exports.Stage=we.Stage,exports.Backdrop=Re.Backdrop,exports.Shadow=ke.Shadow,exports.ContactShadows=Ge.ContactShadows,exports.AccumulativeShadows=De.AccumulativeShadows,exports.RandomizedLight=De.RandomizedLight,exports.accumulativeContext=De.accumulativeContext,exports.Reflector=Ee.Reflector,exports.SpotLight=ye.SpotLight,exports.SpotLightShadow=ye.SpotLightShadow,exports.Environment=ze.Environment,exports.EnvironmentCube=ze.EnvironmentCube,exports.EnvironmentMap=ze.EnvironmentMap,exports.EnvironmentPortal=ze.EnvironmentPortal,exports.useEnvironment=ze.useEnvironment,exports.Lightformer=Fe.Lightformer,exports.Sky=Oe.Sky,exports.calcPosFromAngles=Oe.calcPosFromAngles,exports.Stars=Ie.Stars,exports.Cloud=He.Cloud,exports.Sparkles=Ve.Sparkles,exports.useMatcapTexture=Ke.useMatcapTexture,exports.useNormalTexture=Qe.useNormalTexture,exports.Point=Xe.Point,exports.Points=Xe.Points,exports.PointsBuffer=Xe.PointsBuffer,exports.PositionPoint=Xe.PositionPoint,exports.Instance=We.Instance,exports.Instances=We.Instances,exports.Merged=We.Merged,exports.Segment=Ne.Segment,exports.SegmentObject=Ne.SegmentObject,exports.Segments=Ne.Segments,exports.Detailed=Ue.Detailed,exports.Preload=_e.Preload,exports.BakeShadows=Je.BakeShadows,exports.meshBounds=Ye.meshBounds,exports.AdaptiveDpr=Ze.AdaptiveDpr,exports.AdaptiveEvents=$e.AdaptiveEvents,exports.PerformanceMonitor=er.PerformanceMonitor,exports.usePerformanceMonitor=er.usePerformanceMonitor,exports.RenderTexture=rr.RenderTexture,exports.Mask=sr.Mask,exports.useMask=sr.useMask,exports.Hud=or.Hud;
|
package/web/index.js
CHANGED
|
@@ -74,7 +74,7 @@ export { MeshReflectorMaterial } from '../core/MeshReflectorMaterial.js';
|
|
|
74
74
|
export { MeshRefractionMaterial } from '../core/MeshRefractionMaterial.js';
|
|
75
75
|
export { PointMaterial, PointMaterialImpl } from '../core/PointMaterial.js';
|
|
76
76
|
export { shaderMaterial } from '../core/shaderMaterial.js';
|
|
77
|
-
export { softShadows } from '../core/softShadows.js';
|
|
77
|
+
export { SoftShadows, softShadows } from '../core/softShadows.js';
|
|
78
78
|
export { Box, Capsule, Circle, Cone, Cylinder, Dodecahedron, Extrude, Icosahedron, Lathe, Octahedron, Plane, Polyhedron, Ring, Sphere, Tetrahedron, Torus, TorusKnot, Tube } from '../core/shapes.js';
|
|
79
79
|
export { RoundedBox } from '../core/RoundedBox.js';
|
|
80
80
|
export { ScreenQuad } from '../core/ScreenQuad.js';
|