@react-three/drei 9.115.0 → 9.116.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 +2 -2
- package/core/AccumulativeShadows.cjs.js +1 -1
- package/core/AdaptiveDpr.cjs.js +1 -1
- package/core/AdaptiveEvents.cjs.js +1 -1
- package/core/ArcballControls.cjs.js +1 -1
- package/core/AsciiRenderer.cjs.js +1 -1
- package/core/BBAnchor.cjs.js +1 -1
- package/core/Backdrop.cjs.js +1 -1
- package/core/BakeShadows.cjs.js +1 -1
- package/core/Billboard.cjs.js +1 -1
- package/core/Bounds.cjs.js +1 -1
- package/core/Bounds.js +0 -1
- package/core/Bvh.cjs.js +1 -1
- package/core/CameraControls.cjs.js +1 -1
- package/core/CameraShake.cjs.js +1 -1
- package/core/CatmullRomLine.cjs.js +1 -1
- package/core/Caustics.cjs.js +1 -1
- package/core/Center.cjs.js +1 -1
- package/core/Clone.cjs.js +1 -1
- package/core/Clone.js +1 -1
- package/core/Cloud.cjs.js +1 -1
- package/core/ComputedAttribute.cjs.js +1 -1
- package/core/ContactShadows.cjs.js +1 -1
- package/core/CubeCamera.cjs.js +1 -1
- package/core/CubeTexture.cjs.js +1 -1
- package/core/CubicBezierLine.cjs.js +1 -1
- package/core/CurveModifier.cjs.js +1 -1
- package/core/Decal.cjs.js +1 -1
- package/core/Detailed.cjs.js +1 -1
- package/core/DetectGPU.cjs.js +1 -1
- package/core/DeviceOrientationControls.cjs.js +1 -1
- package/core/Edges.cjs.js +1 -1
- package/core/Effects.cjs.js +1 -1
- package/core/Effects.js +3 -3
- package/core/Environment.cjs.js +1 -1
- package/core/Environment.js +1 -1
- package/core/Example.cjs.js +1 -1
- package/core/Fbo.cjs.js +1 -1
- package/core/Fbo.js +1 -1
- package/core/Fbx.cjs.js +1 -1
- package/core/FirstPersonControls.cjs.js +1 -1
- package/core/Fisheye.cjs.js +1 -1
- package/core/Float.cjs.js +1 -1
- package/core/FlyControls.cjs.js +1 -1
- package/core/GizmoHelper.cjs.js +1 -1
- package/core/GizmoViewcube.cjs.js +1 -1
- package/core/GizmoViewport.cjs.js +1 -1
- package/core/Gltf.cjs.js +1 -1
- package/core/GradientTexture.cjs.js +1 -1
- package/core/Grid.cjs.js +1 -1
- package/core/Helper.cjs.js +1 -1
- package/core/Hud.cjs.js +1 -1
- package/core/Hud.js +1 -1
- package/core/Image.cjs.js +1 -1
- package/core/Instances.cjs.js +1 -1
- package/core/Instances.d.ts +17 -17
- package/core/Ktx2.cjs.js +1 -1
- package/core/Ktx2.d.ts +1 -1
- package/core/Lightformer.cjs.js +1 -1
- package/core/Line.cjs.js +1 -1
- package/core/MapControls.cjs.js +1 -1
- package/core/MarchingCubes.cjs.js +1 -1
- package/core/Mask.cjs.js +1 -1
- package/core/MatcapTexture.cjs.js +1 -1
- package/core/MeshDiscardMaterial.cjs.js +1 -1
- package/core/MeshDistortMaterial.cjs.js +1 -1
- package/core/MeshPortalMaterial.cjs.js +1 -1
- package/core/MeshReflectorMaterial.cjs.js +1 -1
- package/core/MeshRefractionMaterial.cjs.js +1 -1
- package/core/MeshTransmissionMaterial.cjs.js +1 -1
- package/core/MeshWobbleMaterial.cjs.js +1 -1
- package/core/MotionPathControls.cjs.js +1 -1
- package/core/MultiMaterial.cjs.js +1 -1
- package/core/NormalTexture.cjs.js +1 -1
- package/core/OrbitControls.cjs.js +1 -1
- package/core/OrthographicCamera.cjs.js +1 -1
- package/core/Outlines.cjs.js +1 -1
- package/core/PerformanceMonitor.cjs.js +1 -1
- package/core/PerformanceMonitor.js +0 -1
- package/core/PerspectiveCamera.cjs.js +1 -1
- package/core/PointMaterial.cjs.js +1 -1
- package/core/PointerLockControls.cjs.js +1 -1
- package/core/Points.cjs.js +1 -1
- package/core/PositionalAudio.cjs.js +1 -1
- package/core/Preload.cjs.js +1 -1
- package/core/Progress.cjs.js +1 -1
- package/core/QuadraticBezierLine.cjs.js +1 -1
- package/core/Reflector.cjs.js +1 -1
- package/core/RenderCubeTexture.cjs.js +1 -1
- package/core/RenderCubeTexture.js +1 -1
- package/core/RenderTexture.cjs.js +1 -1
- package/core/RenderTexture.js +1 -1
- package/core/Resize.cjs.js +1 -1
- package/core/RoundedBox.cjs.js +1 -1
- package/core/Sampler.cjs.js +1 -1
- package/core/ScreenQuad.cjs.js +1 -1
- package/core/ScreenSizer.cjs.js +1 -1
- package/core/ScreenSpace.cjs.js +1 -1
- package/core/Segments.cjs.js +1 -1
- package/core/Shadow.cjs.js +1 -1
- package/core/ShadowAlpha.cjs.js +1 -1
- package/core/ShadowAlpha.js +1 -0
- package/core/Sky.cjs.js +1 -1
- package/core/Sparkles.cjs.js +1 -1
- package/core/Splat.cjs.js +1 -1
- package/core/SpotLight.cjs.js +1 -1
- package/core/SpriteAnimator.cjs.js +1 -1
- package/core/SpriteAnimator.d.ts +9 -0
- package/core/SpriteAnimator.js +35 -25
- package/core/Stage.cjs.js +1 -1
- package/core/Stars.cjs.js +1 -1
- package/core/Stats.cjs.js +1 -1
- package/core/StatsGl.cjs.js +1 -1
- package/core/Svg.cjs.js +1 -1
- package/core/Text.cjs.js +1 -1
- package/core/Text.js +0 -1
- package/core/Text3D.cjs.js +1 -1
- package/core/Texture.cjs.js +1 -1
- package/core/TrackballControls.cjs.js +1 -1
- package/core/Trail.cjs.js +1 -1
- package/core/Trail.js +1 -1
- package/core/TrailTexture.cjs.js +1 -1
- package/core/TransformControls.cjs.js +1 -1
- package/core/VideoTexture.cjs.js +1 -1
- package/core/Wireframe.cjs.js +1 -1
- package/core/calculateScaleFactor.cjs.js +1 -1
- package/core/index.cjs.js +1 -1
- package/core/index.js +4 -4
- package/core/meshBounds.cjs.js +1 -1
- package/core/shaderMaterial.cjs.js +1 -1
- package/core/shapes.cjs.js +1 -1
- package/core/softShadows.cjs.js +1 -1
- package/core/softShadows.js +1 -0
- package/core/useAnimations.cjs.js +1 -1
- package/core/useAnimations.js +0 -1
- package/core/useAspect.cjs.js +1 -1
- package/core/useBoxProjectedEnv.cjs.js +1 -1
- package/core/useCamera.cjs.js +1 -1
- package/core/useContextBridge.cjs.js +1 -1
- package/core/useDepthBuffer.cjs.js +1 -1
- package/core/useEnvironment.cjs.js +1 -1
- package/core/useEnvironment.d.ts +2 -2
- package/core/useFont.cjs.js +1 -1
- package/core/useIntersect.cjs.js +1 -1
- package/core/useSpriteLoader.cjs.js +1 -1
- package/helpers/constants.cjs.js +1 -1
- package/helpers/deprecated.cjs.js +1 -1
- package/helpers/environment-assets.cjs.js +1 -1
- package/helpers/useEffectfulState.cjs.js +1 -1
- package/helpers/useEffectfulState.js +1 -3
- package/index.cjs.js +1 -1
- package/materials/BlurPass.cjs.js +1 -1
- package/materials/ConvolutionMaterial.cjs.js +1 -1
- package/materials/DiscardMaterial.cjs.js +1 -1
- package/materials/MeshReflectorMaterial.cjs.js +1 -1
- package/materials/MeshRefractionMaterial.cjs.js +1 -1
- package/materials/MeshRefractionMaterial.js +2 -0
- package/materials/SpotLightMaterial.cjs.js +1 -1
- package/materials/WireframeMaterial.cjs.js +1 -1
- package/native/index.cjs.js +1 -1
- package/native/index.js +4 -4
- package/package.json +14 -14
- package/web/CycleRaycast.cjs.js +1 -1
- package/web/DragControls.cjs.js +1 -1
- package/web/FaceControls.cjs.js +1 -1
- package/web/FaceControls.d.ts +2 -1
- package/web/FaceControls.js +6 -2
- package/web/FaceLandmarker.cjs.js +1 -1
- package/web/FaceLandmarker.js +1 -1
- package/web/Facemesh.cjs.js +1 -1
- package/web/Facemesh.d.ts +14 -47
- package/web/Facemesh.js +1 -2
- package/web/Html.cjs.js +1 -1
- package/web/Html.js +2 -2
- package/web/KeyboardControls.cjs.js +1 -1
- package/web/Loader.cjs.js +1 -1
- package/web/PresentationControls.cjs.js +1 -1
- package/web/ScrollControls.cjs.js +1 -1
- package/web/ScrollControls.js +1 -1
- package/web/Select.cjs.js +1 -1
- package/web/View.cjs.js +1 -1
- package/web/View.js +1 -1
- package/web/index.cjs.js +1 -1
- package/web/index.js +6 -6
- package/web/pivotControls/AxisArrow.cjs.js +1 -1
- package/web/pivotControls/AxisRotator.cjs.js +1 -1
- package/web/pivotControls/PlaneSlider.cjs.js +1 -1
- package/web/pivotControls/ScalingSphere.cjs.js +1 -1
- package/web/pivotControls/context.cjs.js +1 -1
- package/web/pivotControls/index.cjs.js +1 -1
- package/web/useCursor.cjs.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("react-dom/client"),n=require("@react-three/fiber"),o=require("maath");function s(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 l=s(t),i=s(r);const c=l.createContext(null);function a(){return l.useContext(c)}const f=l.forwardRef((({children:e},t)=>{const r=l.useRef(null);l.useImperativeHandle(t,(()=>r.current),[]);const o=a(),{width:s,height:i}=n.useThree((e=>e.viewport));return n.useFrame((()=>{r.current.position.x=o.horizontal?-s*(o.pages-1)*o.offset:0,r.current.position.y=o.horizontal?0:i*(o.pages-1)*o.offset})),l.createElement("group",{ref:r},e)})),u=l.forwardRef((({children:t,style:r,...o},s)=>{const f=a(),u=l.useRef(null);l.useImperativeHandle(s,(()=>u.current),[]);const{width:d,height:p}=n.useThree((e=>e.size)),h=l.useContext(n.context),m=l.useMemo((()=>i.createRoot(f.fixed)),[f.fixed]);return n.useFrame((()=>{f.delta>f.eps&&(u.current.style.transform=`translate3d(${f.horizontal?-d*(f.pages-1)*f.offset:0}px,${f.horizontal?0:p*(f.pages-1)*-f.offset}px,0)`)})),m.render(l.createElement("div",e({ref:u,style:{...r,position:"absolute",top:0,left:0,willChange:"transform"}},o),l.createElement(c.Provider,{value:f},l.createElement(n.context.Provider,{value:h},t)))),null})),d=l.forwardRef((({html:t,...r},n)=>{const o=t?u:f;return l.createElement(o,e({ref:n},r))}));exports.Scroll=d,exports.ScrollControls=function({eps:e=1e-5,enabled:t=!0,infinite:r,horizontal:s,pages:i=1,distance:a=1,damping:f=.25,maxSpeed:u=1/0,prepend:d=!1,style:p={},children:h}){const{get:m,setEvents:v,gl:g,size:y,invalidate:w,events:x}=n.useThree(),[E]=l.useState((()=>document.createElement("div"))),[b]=l.useState((()=>document.createElement("div"))),[z]=l.useState((()=>document.createElement("div"))),C=g.domElement.parentNode,L=l.useRef(0),R=l.useMemo((()=>{const t={el:E,eps:e,fill:b,fixed:z,horizontal:s,damping:f,offset:0,delta:0,scroll:L,pages:i,range(e,t,r=0){const n=e-r,o=n+t+2*r;return this.offset<n?0:this.offset>o?1:(this.offset-n)/(o-n)},curve(e,t,r=0){return Math.sin(this.range(e,t,r)*Math.PI)},visible(e,t,r=0){const n=e-r,o=n+t+2*r;return this.offset>=n&&this.offset<=o}};return t}),[e,f,s,i]);l.useEffect((()=>{E.style.position="absolute",E.style.width="100%",E.style.height="100%",E.style[s?"overflowX":"overflowY"]="auto",E.style[s?"overflowY":"overflowX"]="hidden",E.style.top="0px",E.style.left="0px";for(const e in p)E.style[e]=p[e];z.style.position="sticky",z.style.top="0px",z.style.left="0px",z.style.width="100%",z.style.height="100%",z.style.overflow="hidden",E.appendChild(z),b.style.height=s?"100%":i*a*100+"%",b.style.width=s?i*a*100+"%":"100%",b.style.pointerEvents="none",E.appendChild(b),d?C.prepend(E):C.appendChild(E),E[s?"scrollLeft":"scrollTop"]=1;const e=x.connected||g.domElement;requestAnimationFrame((()=>null==x.connect?void 0:x.connect(E)));const t=m().events.compute;return v({compute(e,t){const{left:r,top:n}=C.getBoundingClientRect(),o=e.clientX-r,s=e.clientY-n;t.pointer.set(o/t.size.width*2-1,-s/t.size.height*2+1),t.raycaster.setFromCamera(t.pointer,t.camera)}}),()=>{C.removeChild(E),v({compute:t}),null==x.connect||x.connect(e)}}),[i,a,s,E,b,z,C]),l.useEffect((()=>{if(x.connected===E){const e=y[s?"width":"height"],n=E[s?"scrollWidth":"scrollHeight"],o=n-e;let l=0,i=!0,c=!0;const a=()=>{if(t&&!c&&(w(),l=E[s?"scrollLeft":"scrollTop"],L.current=l/o,r)){if(!i)if(l>=o){const e=1-R.offset;E[s?"scrollLeft":"scrollTop"]=1,L.current=R.offset=-e,i=!0}else if(l<=0){const e=1+R.offset;E[s?"scrollLeft":"scrollTop"]=n,L.current=R.offset=e,i=!0}i&&setTimeout((()=>i=!1),40)}};E.addEventListener("scroll",a,{passive:!0}),requestAnimationFrame((()=>c=!1));const f=e=>E.scrollLeft+=e.deltaY/2;return s&&E.addEventListener("wheel",f,{passive:!0}),()=>{E.removeEventListener("scroll",a),s&&E.removeEventListener("wheel",f)}}}),[E,x,y,r,R,w,s,t]);let T=0;return n.useFrame(((t,r)=>{T=R.offset,o.easing.damp(R,"offset",L.current,f,r,u,void 0,e),o.easing.damp(R,"delta",Math.abs(T-R.offset),f,r,u,void 0,e),R.delta>e&&w()})),l.createElement(c.Provider,{value:R},h)},exports.useScroll=a;
|
package/web/ScrollControls.js
CHANGED
|
@@ -208,7 +208,7 @@ const ScrollHtml = /*#__PURE__*/React.forwardRef(({
|
|
|
208
208
|
group.current.style.transform = `translate3d(${state.horizontal ? -width * (state.pages - 1) * state.offset : 0}px,${state.horizontal ? 0 : height * (state.pages - 1) * -state.offset}px,0)`;
|
|
209
209
|
}
|
|
210
210
|
});
|
|
211
|
-
root.render(
|
|
211
|
+
root.render(/*#__PURE__*/React.createElement("div", _extends({
|
|
212
212
|
ref: group,
|
|
213
213
|
style: {
|
|
214
214
|
...style,
|
package/web/Select.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("@babel/runtime/helpers/extends"),t=require("react"),n=require("three"),r=require("three-stdlib"),o=require("@react-three/fiber"),i=require("zustand/shallow");function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=l(t),c=l(n);const u=s.createContext([]);exports.Select=function({box:t,multiple:n,children:l,onChange:a,onChangePointerUp:d,border:f="1px solid #55aaff",backgroundColor:p="rgba(75, 160, 255, 0.1)",filter:h=e=>e,...v}){const[b,m]=s.useState(!1),{setEvents:y,camera:x,raycaster:E,gl:g,controls:w,size:C,get:P}=o.useThree(),[j,O]=s.useState(!1),[k,q]=s.useReducer(((e,{object:t,shift:n})=>void 0===t?[]:Array.isArray(t)?t:n?e.includes(t)?e.filter((e=>e!==t)):[t,...e]:e[0]===t?[]:[t]),[]);s.useEffect((()=>{b?null==a||a(k):null==d||d(k)}),[k,b]);const L=s.useCallback((e=>{e.stopPropagation(),q({object:h([e.object])[0],shift:n&&e.shiftKey})}),[]),M=s.useCallback((e=>!j&&q({})),[j]),S=s.useRef(null);return s.useEffect((()=>{if(!t||!n)return;const e=new r.SelectionBox(x,S.current),o=document.createElement("div");o.style.pointerEvents="none",o.style.border=f,o.style.backgroundColor=p,o.style.position="fixed";const l=new c.Vector2,s=new c.Vector2,u=new c.Vector2,a=P().events.enabled,d=null==w?void 0:w.enabled;let v=!1;function b(e,t){const{offsetX:n,offsetY:r}=e,{width:o,height:i}=C;t.set(n/o*2-1,-r/i*2+1)}function E(t){t.shiftKey&&(!function(e){var t;w&&(w.enabled=!1),y({enabled:!1}),m(v=!0),null==(t=g.domElement.parentElement)||t.appendChild(o),o.style.left=`${e.clientX}px`,o.style.top=`${e.clientY}px`,o.style.width="0px",o.style.height="0px",l.x=e.clientX,l.y=e.clientY}(t),b(t,e.startPoint))}let j=[];function O(t){if(v){!function(e){u.x=Math.max(l.x,e.clientX),u.y=Math.max(l.y,e.clientY),s.x=Math.min(l.x,e.clientX),s.y=Math.min(l.y,e.clientY),o.style.left=`${s.x}px`,o.style.top=`${s.y}px`,o.style.width=u.x-s.x+"px",o.style.height=u.y-s.y+"px"}(t),b(t,e.endPoint);const n=e.select().sort((e=>e.uuid)).filter((e=>e.isMesh));i(n,j)||(j=n,q({object:h(n)}))}}function k(e){var t;v&&v&&(w&&(w.enabled=d),y({enabled:a}),m(v=!1),null==(t=o.parentElement)||t.removeChild(o))}return document.addEventListener("pointerdown",E,{passive:!0}),document.addEventListener("pointermove",O,{passive:!0,capture:!0}),document.addEventListener("pointerup",k,{passive:!0}),()=>{document.removeEventListener("pointerdown",E),document.removeEventListener("pointermove",O,!0),document.removeEventListener("pointerup",k)}}),[C.width,C.height,E,x,w,g]),s.createElement("group",e({ref:S,onClick:L,onPointerOver:()=>O(!0),onPointerOut:()=>O(!1),onPointerMissed:M},v),s.createElement(u.Provider,{value:k},l))},exports.useSelect=function(){return s.useContext(u)};
|
package/web/View.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("three"),n=require("@react-three/fiber"),c=require("tunnel-rat");function i(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(t),o=i(r);const s=new o.Color,l=c();function u(e){return"top"in e}function f(e,t){const{right:r,top:n,left:c,bottom:i,width:a,height:o}=t,s=t.bottom<0||n>e.height||r<0||t.left>e.width;if(u(e)){const t=e.top+e.height-i;return{position:{width:a,height:o,left:c-e.left,top:n,bottom:t,right:r},isOffscreen:s}}return{position:{width:a,height:o,top:n,left:c,bottom:e.height-i,right:r},isOffscreen:s}}function m(e,{left:t,bottom:r,width:n,height:c}){let i;const a=n/c;var o;return(o=e.camera)&&o.isOrthographicCamera?e.camera.left===n/-2&&e.camera.right===n/2&&e.camera.top===c/2&&e.camera.bottom===c/-2||(Object.assign(e.camera,{left:n/-2,right:n/2,top:c/2,bottom:c/-2}),e.camera.updateProjectionMatrix()):e.camera.aspect!==a&&(e.camera.aspect=a,e.camera.updateProjectionMatrix()),i=e.gl.autoClear,e.gl.autoClear=!1,e.gl.setViewport(t,r,n,c),e.gl.setScissor(t,r,n,c),e.gl.setScissorTest(!0),i}function d(e,t){e.gl.setScissorTest(!1),e.gl.autoClear=t}function h(e){e.gl.getClearColor(s),e.gl.setClearColor(s,e.gl.getClearAlpha()),e.gl.clear(!0,!0)}function g({visible:e=!0,canvasSize:t,scene:r,index:c,children:i,frames:o,rect:s,track:l}){const g=n.useThree(),[p,v]=a.useState(!1);let b=0;return n.useFrame((n=>{var c;(o===1/0||b<=o)&&(l&&(s.current=null==(c=l.current)?void 0:c.getBoundingClientRect()),b++);if(s.current){const{position:c,isOffscreen:a}=f(t,s.current);if(p!==a&&v(a),e&&!p&&s.current){const e=m(n,c);n.gl.render(i?n.scene:r,n.camera),d(n,e)}}}),c),a.useLayoutEffect((()=>{const r=s.current;if(r&&(!e||!p)){const{position:e}=f(t,r),n=m(g,e);h(g),d(g,n)}}),[e,p]),a.useEffect((()=>{if(!l)return;const e=s.current,r=g.get().events.connected;return g.setEvents({connected:l.current}),()=>{if(e){const{position:r}=f(t,e),n=m(g,r);h(g),d(g,n)}g.setEvents({connected:r})}}),[l]),a.useEffect((()=>{u(t)||console.warn("Detected @react-three/fiber canvas size does not include position information. <View /> may not work as expected. Upgrade to @react-three/fiber ^8.1.0 for support.\n See https://github.com/pmndrs/drei/issues/944")}),[]),a.createElement(a.Fragment,null,i,a.createElement("group",{onPointerOver:()=>null}))}const p=a.forwardRef((({track:t,visible:r=!0,index:c=1,id:i,style:s,className:l,frames:u=1/0,children:f,...m},d)=>{var h,p,v,b;const w=a.useRef(null),{size:E,scene:C}=n.useThree(),[O]=a.useState((()=>new o.Scene)),[x,y]=a.useReducer((()=>!0),!1),k=a.useCallback(((e,r)=>{if(w.current&&t&&t.current&&e.target===t.current){const{width:t,height:n,left:c,top:i}=w.current,a=e.clientX-c,o=e.clientY-i;r.pointer.set(a/t*2-1,-o/n*2+1),r.raycaster.setFromCamera(r.pointer,r.camera)}}),[w,t]);return a.useEffect((()=>{var e;t&&(w.current=null==(e=t.current)?void 0:e.getBoundingClientRect()),y()}),[t]),a.createElement("group",e({ref:d},m),x&&n.createPortal(a.createElement(g,{visible:r,canvasSize:E,frames:u,scene:C,track:t,rect:w,index:c},f),O,{events:{compute:k,priority:c},size:{width:null==(h=w.current)?void 0:h.width,height:null==(p=w.current)?void 0:p.height,top:null==(v=w.current)?void 0:v.top,left:null==(b=w.current)?void 0:b.left}}))})),v=a.forwardRef((({as:t="div",id:r,visible:n,className:c,style:i,index:o=1,track:s,frames:u=1/0,children:f,...m},d)=>{const h=a.useId(),g=a.useRef(null);return a.useImperativeHandle(d,(()=>g.current)),a.createElement(a.Fragment,null,a.createElement(t,e({ref:g,id:r,className:c,style:i},m)),a.createElement(l.In,null,a.createElement(p,{visible:n,key:h,track:g,frames:u,index:o},f)))})),b=a.forwardRef(((t,r)=>a.useContext(n.context)?a.createElement(p,e({ref:r},t)):a.createElement(v,e({ref:r},t))));b.Port=()=>a.createElement(l.Out,null),exports.View=b;
|
package/web/View.js
CHANGED
|
@@ -214,7 +214,7 @@ const CanvasView = /*#__PURE__*/React.forwardRef(({
|
|
|
214
214
|
}, [track]);
|
|
215
215
|
return /*#__PURE__*/React.createElement("group", _extends({
|
|
216
216
|
ref: fref
|
|
217
|
-
}, props), ready && createPortal(
|
|
217
|
+
}, props), ready && createPortal(/*#__PURE__*/React.createElement(Container, {
|
|
218
218
|
visible: visible,
|
|
219
219
|
canvasSize: size,
|
|
220
220
|
frames: frames,
|
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"),a=require("./KeyboardControls.cjs.js"),c=require("./Select.cjs.js"),u=require("./View.cjs.js"),n=require("./pivotControls/index.cjs.js"),p=require("./FaceControls.cjs.js"),j=require("./DragControls.cjs.js"),l=require("./FaceLandmarker.cjs.js"),x=require("./Facemesh.cjs.js"),q=require("../core/Billboard.cjs.js"),d=require("../core/ScreenSpace.cjs.js"),m=require("../core/ScreenSizer.cjs.js"),C=require("../core/QuadraticBezierLine.cjs.js"),h=require("../core/CubicBezierLine.cjs.js"),S=require("../core/CatmullRomLine.cjs.js"),M=require("../core/Line.cjs.js"),T=require("../core/PositionalAudio.cjs.js"),b=require("../core/Text.cjs.js"),P=require("../core/Text3D.cjs.js"),g=require("../core/Effects.cjs.js"),f=require("../core/GradientTexture.cjs.js"),v=require("../core/Image.cjs.js"),F=require("../core/Edges.cjs.js"),B=require("../core/Outlines.cjs.js"),A=require("../core/Trail.cjs.js"),L=require("../core/Sampler.cjs.js"),D=require("../core/ComputedAttribute.cjs.js"),R=require("../core/Clone.cjs.js"),k=require("../core/MarchingCubes.cjs.js"),E=require("../core/Decal.cjs.js"),G=require("../core/Svg.cjs.js"),y=require("../core/Gltf.cjs.js"),w=require("../core/AsciiRenderer.cjs.js"),I=require("../core/Splat.cjs.js"),z=require("../core/OrthographicCamera.cjs.js"),O=require("../core/PerspectiveCamera.cjs.js"),H=require("../core/CubeCamera.cjs.js"),V=require("../core/DeviceOrientationControls.cjs.js"),K=require("../core/FlyControls.cjs.js"),W=require("../core/MapControls.cjs.js"),Q=require("../core/OrbitControls.cjs.js"),N=require("../core/TrackballControls.cjs.js"),U=require("../core/ArcballControls.cjs.js"),X=require("../core/TransformControls.cjs.js"),_=require("../core/PointerLockControls.cjs.js"),J=require("../core/FirstPersonControls.cjs.js"),Y=require("../core/CameraControls.cjs.js"),Z=require("../core/MotionPathControls.cjs.js"),$=require("../core/GizmoHelper.cjs.js"),ee=require("../core/GizmoViewcube.cjs.js"),re=require("../core/GizmoViewport.cjs.js"),se=require("../core/Grid.cjs.js"),oe=require("../core/CubeTexture.cjs.js"),te=require("../core/Fbx.cjs.js"),ie=require("../core/Ktx2.cjs.js"),ae=require("../core/Progress.cjs.js"),ce=require("../core/Texture.cjs.js"),ue=require("../core/VideoTexture.cjs.js"),ne=require("../core/useFont.cjs.js"),pe=require("../core/useSpriteLoader.cjs.js"),je=require("../core/Helper.cjs.js"),le=require("../core/Stats.cjs.js"),xe=require("../core/StatsGl.cjs.js"),qe=require("../core/useDepthBuffer.cjs.js"),de=require("../core/useAspect.cjs.js"),me=require("../core/useCamera.cjs.js"),Ce=require("../core/DetectGPU.cjs.js"),he=require("../core/Bvh.cjs.js"),Se=require("../core/useContextBridge.cjs.js"),Me=require("../core/useAnimations.cjs.js"),Te=require("../core/Fbo.cjs.js"),be=require("../core/useIntersect.cjs.js"),Pe=require("../core/useBoxProjectedEnv.cjs.js"),ge=require("../core/BBAnchor.cjs.js"),fe=require("../core/TrailTexture.cjs.js"),ve=require("../core/Example.cjs.js"),Fe=require("../core/SpriteAnimator.cjs.js"),Be=require("../core/CurveModifier.cjs.js"),Ae=require("../core/MeshDistortMaterial.cjs.js"),Le=require("../core/MeshWobbleMaterial.cjs.js"),De=require("../core/MeshReflectorMaterial.cjs.js"),Re=require("../core/MeshRefractionMaterial.cjs.js"),ke=require("../core/MeshTransmissionMaterial.cjs.js"),Ee=require("../core/MeshDiscardMaterial.cjs.js"),Ge=require("../core/MultiMaterial.cjs.js"),ye=require("../core/PointMaterial.cjs.js"),we=require("../core/shaderMaterial.cjs.js"),Ie=require("../core/softShadows.cjs.js"),ze=require("../core/shapes.cjs.js"),Oe=require("../core/RoundedBox.cjs.js"),He=require("../core/ScreenQuad.cjs.js"),Ve=require("../core/Center.cjs.js"),Ke=require("../core/Resize.cjs.js"),We=require("../core/Bounds.cjs.js"),Qe=require("../core/CameraShake.cjs.js"),Ne=require("../core/Float.cjs.js"),Ue=require("../core/Stage.cjs.js"),Xe=require("../core/Backdrop.cjs.js"),_e=require("../core/Shadow.cjs.js"),Je=require("../core/Caustics.cjs.js"),Ye=require("../core/ContactShadows.cjs.js"),Ze=require("../core/AccumulativeShadows.cjs.js"),$e=require("../core/Reflector.cjs.js"),er=require("../core/SpotLight.cjs.js"),rr=require("../core/Environment.cjs.js"),sr=require("../core/Lightformer.cjs.js"),or=require("../core/Sky.cjs.js"),tr=require("../core/Stars.cjs.js"),ir=require("../core/Cloud.cjs.js"),ar=require("../core/Sparkles.cjs.js"),cr=require("../core/useEnvironment.cjs.js"),ur=require("../core/MatcapTexture.cjs.js"),nr=require("../core/NormalTexture.cjs.js"),pr=require("../core/Wireframe.cjs.js"),jr=require("../core/ShadowAlpha.cjs.js"),lr=require("../core/Points.cjs.js"),xr=require("../core/Instances.cjs.js"),qr=require("../core/Segments.cjs.js"),dr=require("../core/Detailed.cjs.js"),mr=require("../core/Preload.cjs.js"),Cr=require("../core/BakeShadows.cjs.js"),hr=require("../core/meshBounds.cjs.js"),Sr=require("../core/AdaptiveDpr.cjs.js"),Mr=require("../core/AdaptiveEvents.cjs.js"),Tr=require("../core/PerformanceMonitor.cjs.js"),br=require("../core/RenderTexture.cjs.js"),Pr=require("../core/RenderCubeTexture.cjs.js"),gr=require("../core/Mask.cjs.js"),fr=require("../core/Hud.cjs.js"),vr=require("../core/Fisheye.cjs.js"),Fr=require("../core/MeshPortalMaterial.cjs.js"),Br=require("../core/calculateScaleFactor.cjs.js");require("@babel/runtime/helpers/extends"),require("react"),require("react-dom/client"),require("three"),require("@react-three/fiber"),require("zustand"),require("maath"),require("@react-spring/three"),require("@use-gesture/react"),require("zustand/middleware"),require("three-stdlib"),require("zustand/shallow"),require("tunnel-rat"),require("./pivotControls/AxisArrow.cjs.js"),require("./pivotControls/context.cjs.js"),require("./pivotControls/AxisRotator.cjs.js"),require("./pivotControls/PlaneSlider.cjs.js"),require("./pivotControls/ScalingSphere.cjs.js"),require("suspend-react"),require("hls.js"),require("troika-three-text"),require("../helpers/constants.cjs.js"),require("meshline"),require("camera-controls"),require("stats.js"),require("../helpers/useEffectfulState.cjs.js"),require("stats-gl"),require("detect-gpu"),require("three-mesh-bvh"),require("react-composer"),require("../helpers/deprecated.cjs.js"),require("../materials/BlurPass.cjs.js"),require("../materials/ConvolutionMaterial.cjs.js"),require("../materials/MeshReflectorMaterial.cjs.js"),require("../materials/MeshRefractionMaterial.cjs.js"),require("../materials/DiscardMaterial.cjs.js"),require("@monogrid/gainmap-js"),require("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.cjs.js"),require("uuid"),require("../materials/WireframeMaterial.cjs.js"),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=a.KeyboardControls,exports.useKeyboardControls=a.useKeyboardControls,exports.Select=c.Select,exports.useSelect=c.useSelect,exports.View=u.View,exports.PivotControls=n.PivotControls,exports.FaceControls=p.FaceControls,exports.useFaceControls=p.useFaceControls,exports.DragControls=j.DragControls,exports.FaceLandmarker=l.FaceLandmarker,exports.FaceLandmarkerDefaults=l.FaceLandmarkerDefaults,exports.useFaceLandmarker=l.useFaceLandmarker,exports.Facemesh=x.Facemesh,exports.FacemeshDatas=x.FacemeshDatas,exports.FacemeshEye=x.FacemeshEye,exports.FacemeshEyeDefaults=x.FacemeshEyeDefaults,exports.Billboard=q.Billboard,exports.ScreenSpace=d.ScreenSpace,exports.ScreenSizer=m.ScreenSizer,exports.QuadraticBezierLine=C.QuadraticBezierLine,exports.CubicBezierLine=h.CubicBezierLine,exports.CatmullRomLine=S.CatmullRomLine,exports.Line=M.Line,exports.PositionalAudio=T.PositionalAudio,exports.Text=b.Text,exports.Text3D=P.Text3D,exports.Effects=g.Effects,exports.isWebGL2Available=g.isWebGL2Available,exports.GradientTexture=f.GradientTexture,exports.GradientType=f.GradientType,exports.Image=v.Image,exports.Edges=F.Edges,exports.Outlines=B.Outlines,exports.Trail=A.Trail,exports.useTrail=A.useTrail,exports.Sampler=L.Sampler,exports.useSurfaceSampler=L.useSurfaceSampler,exports.ComputedAttribute=D.ComputedAttribute,exports.Clone=R.Clone,exports.MarchingCube=k.MarchingCube,exports.MarchingCubes=k.MarchingCubes,exports.MarchingPlane=k.MarchingPlane,exports.Decal=E.Decal,exports.Svg=G.Svg,exports.Gltf=y.Gltf,exports.useGLTF=y.useGLTF,exports.AsciiRenderer=w.AsciiRenderer,exports.Splat=I.Splat,exports.OrthographicCamera=z.OrthographicCamera,exports.PerspectiveCamera=O.PerspectiveCamera,exports.CubeCamera=H.CubeCamera,exports.useCubeCamera=H.useCubeCamera,exports.DeviceOrientationControls=V.DeviceOrientationControls,exports.FlyControls=K.FlyControls,exports.MapControls=W.MapControls,exports.OrbitControls=Q.OrbitControls,exports.TrackballControls=N.TrackballControls,exports.ArcballControls=U.ArcballControls,exports.TransformControls=X.TransformControls,exports.PointerLockControls=_.PointerLockControls,exports.FirstPersonControls=J.FirstPersonControls,exports.CameraControls=Y.CameraControls,exports.MotionPathControls=Z.MotionPathControls,exports.useMotion=Z.useMotion,exports.GizmoHelper=$.GizmoHelper,exports.useGizmoContext=$.useGizmoContext,exports.GizmoViewcube=ee.GizmoViewcube,exports.GizmoViewport=re.GizmoViewport,exports.Grid=se.Grid,exports.CubeTexture=oe.CubeTexture,exports.useCubeTexture=oe.useCubeTexture,exports.Fbx=te.Fbx,exports.useFBX=te.useFBX,exports.Ktx2=ie.Ktx2,exports.useKTX2=ie.useKTX2,exports.Progress=ae.Progress,exports.useProgress=ae.useProgress,exports.IsObject=ce.IsObject,exports.Texture=ce.Texture,exports.useTexture=ce.useTexture,exports.VideoTexture=ue.VideoTexture,exports.useVideoTexture=ue.useVideoTexture,exports.useFont=ne.useFont,exports.calculateAspectRatio=pe.calculateAspectRatio,exports.checkIfFrameIsEmpty=pe.checkIfFrameIsEmpty,exports.getFirstItem=pe.getFirstItem,exports.useSpriteLoader=pe.useSpriteLoader,exports.Helper=je.Helper,exports.useHelper=je.useHelper,exports.Stats=le.Stats,exports.StatsGl=xe.StatsGl,exports.useDepthBuffer=qe.useDepthBuffer,exports.useAspect=de.useAspect,exports.useCamera=me.useCamera,exports.DetectGPU=Ce.DetectGPU,exports.useDetectGPU=Ce.useDetectGPU,exports.Bvh=he.Bvh,exports.useBVH=he.useBVH,exports.useContextBridge=Se.useContextBridge,exports.useAnimations=Me.useAnimations,exports.Fbo=Te.Fbo,exports.useFBO=Te.useFBO,exports.useIntersect=be.useIntersect,exports.useBoxProjectedEnv=Pe.useBoxProjectedEnv,exports.BBAnchor=ge.BBAnchor,exports.TrailTexture=fe.TrailTexture,exports.useTrailTexture=fe.useTrailTexture,exports.Example=ve.Example,exports.SpriteAnimator=Fe.SpriteAnimator,exports.useSpriteAnimator=Fe.useSpriteAnimator,exports.CurveModifier=Be.CurveModifier,exports.MeshDistortMaterial=Ae.MeshDistortMaterial,exports.MeshWobbleMaterial=Le.MeshWobbleMaterial,exports.MeshReflectorMaterial=De.MeshReflectorMaterial,exports.MeshRefractionMaterial=Re.MeshRefractionMaterial,exports.MeshTransmissionMaterial=ke.MeshTransmissionMaterial,exports.MeshDiscardMaterial=Ee.MeshDiscardMaterial,exports.MultiMaterial=Ge.MultiMaterial,exports.PointMaterial=ye.PointMaterial,exports.PointMaterialImpl=ye.PointMaterialImpl,exports.shaderMaterial=we.shaderMaterial,exports.SoftShadows=Ie.SoftShadows,exports.Box=ze.Box,exports.Capsule=ze.Capsule,exports.Circle=ze.Circle,exports.Cone=ze.Cone,exports.Cylinder=ze.Cylinder,exports.Dodecahedron=ze.Dodecahedron,exports.Extrude=ze.Extrude,exports.Icosahedron=ze.Icosahedron,exports.Lathe=ze.Lathe,exports.Octahedron=ze.Octahedron,exports.Plane=ze.Plane,exports.Polyhedron=ze.Polyhedron,exports.Ring=ze.Ring,exports.Shape=ze.Shape,exports.Sphere=ze.Sphere,exports.Tetrahedron=ze.Tetrahedron,exports.Torus=ze.Torus,exports.TorusKnot=ze.TorusKnot,exports.Tube=ze.Tube,exports.RoundedBox=Oe.RoundedBox,exports.ScreenQuad=He.ScreenQuad,exports.Center=Ve.Center,exports.Resize=Ke.Resize,exports.Bounds=We.Bounds,exports.useBounds=We.useBounds,exports.CameraShake=Qe.CameraShake,exports.Float=Ne.Float,exports.Stage=Ue.Stage,exports.Backdrop=Xe.Backdrop,exports.Shadow=_e.Shadow,exports.Caustics=Je.Caustics,exports.ContactShadows=Ye.ContactShadows,exports.AccumulativeShadows=Ze.AccumulativeShadows,exports.RandomizedLight=Ze.RandomizedLight,exports.accumulativeContext=Ze.accumulativeContext,exports.Reflector=$e.Reflector,exports.SpotLight=er.SpotLight,exports.SpotLightShadow=er.SpotLightShadow,exports.Environment=rr.Environment,exports.EnvironmentCube=rr.EnvironmentCube,exports.EnvironmentMap=rr.EnvironmentMap,exports.EnvironmentPortal=rr.EnvironmentPortal,exports.Lightformer=sr.Lightformer,exports.Sky=or.Sky,exports.calcPosFromAngles=or.calcPosFromAngles,exports.Stars=tr.Stars,exports.Cloud=ir.Cloud,exports.CloudInstance=ir.CloudInstance,exports.Clouds=ir.Clouds,exports.Sparkles=ar.Sparkles,exports.useEnvironment=cr.useEnvironment,exports.MatcapTexture=ur.MatcapTexture,exports.useMatcapTexture=ur.useMatcapTexture,exports.NormalTexture=nr.NormalTexture,exports.useNormalTexture=nr.useNormalTexture,exports.Wireframe=pr.Wireframe,exports.ShadowAlpha=jr.ShadowAlpha,exports.Point=lr.Point,exports.Points=lr.Points,exports.PointsBuffer=lr.PointsBuffer,exports.PositionPoint=lr.PositionPoint,exports.Instance=xr.Instance,exports.InstancedAttribute=xr.InstancedAttribute,exports.Instances=xr.Instances,exports.Merged=xr.Merged,exports.PositionMesh=xr.PositionMesh,exports.createInstances=xr.createInstances,exports.Segment=qr.Segment,exports.SegmentObject=qr.SegmentObject,exports.Segments=qr.Segments,exports.Detailed=dr.Detailed,exports.Preload=mr.Preload,exports.BakeShadows=Cr.BakeShadows,exports.meshBounds=hr.meshBounds,exports.AdaptiveDpr=Sr.AdaptiveDpr,exports.AdaptiveEvents=Mr.AdaptiveEvents,exports.PerformanceMonitor=Tr.PerformanceMonitor,exports.usePerformanceMonitor=Tr.usePerformanceMonitor,exports.RenderTexture=br.RenderTexture,exports.RenderCubeTexture=Pr.RenderCubeTexture,exports.Mask=gr.Mask,exports.useMask=gr.useMask,exports.Hud=fr.Hud,exports.Fisheye=vr.Fisheye,exports.MeshPortalMaterial=Fr.MeshPortalMaterial,exports.calculateScaleFactor=Br.calculateScaleFactor;
|
|
1
|
+
"use strict";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"),a=require("./KeyboardControls.cjs.js"),c=require("./Select.cjs.js"),u=require("./View.cjs.js"),n=require("./pivotControls/index.cjs.js"),p=require("./FaceControls.cjs.js"),j=require("./DragControls.cjs.js"),l=require("./FaceLandmarker.cjs.js"),x=require("./Facemesh.cjs.js"),q=require("../core/Billboard.cjs.js"),d=require("../core/ScreenSpace.cjs.js"),m=require("../core/ScreenSizer.cjs.js"),C=require("../core/QuadraticBezierLine.cjs.js"),h=require("../core/CubicBezierLine.cjs.js"),S=require("../core/CatmullRomLine.cjs.js"),M=require("../core/Line.cjs.js"),T=require("../core/PositionalAudio.cjs.js"),b=require("../core/Text.cjs.js"),P=require("../core/Text3D.cjs.js"),g=require("../core/Effects.cjs.js"),f=require("../core/GradientTexture.cjs.js"),v=require("../core/Image.cjs.js"),F=require("../core/Edges.cjs.js"),B=require("../core/Outlines.cjs.js"),A=require("../core/Trail.cjs.js"),L=require("../core/Sampler.cjs.js"),D=require("../core/ComputedAttribute.cjs.js"),R=require("../core/Clone.cjs.js"),k=require("../core/MarchingCubes.cjs.js"),E=require("../core/Decal.cjs.js"),G=require("../core/Svg.cjs.js"),w=require("../core/Gltf.cjs.js"),y=require("../core/AsciiRenderer.cjs.js"),I=require("../core/Splat.cjs.js"),z=require("../core/OrthographicCamera.cjs.js"),O=require("../core/PerspectiveCamera.cjs.js"),H=require("../core/CubeCamera.cjs.js"),V=require("../core/DeviceOrientationControls.cjs.js"),K=require("../core/FlyControls.cjs.js"),W=require("../core/MapControls.cjs.js"),Q=require("../core/OrbitControls.cjs.js"),N=require("../core/TrackballControls.cjs.js"),U=require("../core/ArcballControls.cjs.js"),X=require("../core/TransformControls.cjs.js"),J=require("../core/PointerLockControls.cjs.js"),Y=require("../core/FirstPersonControls.cjs.js"),Z=require("../core/CameraControls.cjs.js"),$=require("../core/MotionPathControls.cjs.js"),_=require("../core/GizmoHelper.cjs.js"),ee=require("../core/GizmoViewcube.cjs.js"),re=require("../core/GizmoViewport.cjs.js"),se=require("../core/Grid.cjs.js"),oe=require("../core/CubeTexture.cjs.js"),te=require("../core/Fbx.cjs.js"),ie=require("../core/Ktx2.cjs.js"),ae=require("../core/Progress.cjs.js"),ce=require("../core/Texture.cjs.js"),ue=require("../core/VideoTexture.cjs.js"),ne=require("../core/useFont.cjs.js"),pe=require("../core/useSpriteLoader.cjs.js"),je=require("../core/Helper.cjs.js"),le=require("../core/Stats.cjs.js"),xe=require("../core/StatsGl.cjs.js"),qe=require("../core/useDepthBuffer.cjs.js"),de=require("../core/useAspect.cjs.js"),me=require("../core/useCamera.cjs.js"),Ce=require("../core/DetectGPU.cjs.js"),he=require("../core/Bvh.cjs.js"),Se=require("../core/useContextBridge.cjs.js"),Me=require("../core/useAnimations.cjs.js"),Te=require("../core/Fbo.cjs.js"),be=require("../core/useIntersect.cjs.js"),Pe=require("../core/useBoxProjectedEnv.cjs.js"),ge=require("../core/BBAnchor.cjs.js"),fe=require("../core/TrailTexture.cjs.js"),ve=require("../core/Example.cjs.js"),Fe=require("../core/SpriteAnimator.cjs.js"),Be=require("../core/CurveModifier.cjs.js"),Ae=require("../core/MeshDistortMaterial.cjs.js"),Le=require("../core/MeshWobbleMaterial.cjs.js"),De=require("../core/MeshReflectorMaterial.cjs.js"),Re=require("../core/MeshRefractionMaterial.cjs.js"),ke=require("../core/MeshTransmissionMaterial.cjs.js"),Ee=require("../core/MeshDiscardMaterial.cjs.js"),Ge=require("../core/MultiMaterial.cjs.js"),we=require("../core/PointMaterial.cjs.js"),ye=require("../core/shaderMaterial.cjs.js"),Ie=require("../core/softShadows.cjs.js"),ze=require("../core/shapes.cjs.js"),Oe=require("../core/RoundedBox.cjs.js"),He=require("../core/ScreenQuad.cjs.js"),Ve=require("../core/Center.cjs.js"),Ke=require("../core/Resize.cjs.js"),We=require("../core/Bounds.cjs.js"),Qe=require("../core/CameraShake.cjs.js"),Ne=require("../core/Float.cjs.js"),Ue=require("../core/Stage.cjs.js"),Xe=require("../core/Backdrop.cjs.js"),Je=require("../core/Shadow.cjs.js"),Ye=require("../core/Caustics.cjs.js"),Ze=require("../core/ContactShadows.cjs.js"),$e=require("../core/AccumulativeShadows.cjs.js"),_e=require("../core/Reflector.cjs.js"),er=require("../core/SpotLight.cjs.js"),rr=require("../core/Environment.cjs.js"),sr=require("../core/Lightformer.cjs.js"),or=require("../core/Sky.cjs.js"),tr=require("../core/Stars.cjs.js"),ir=require("../core/Cloud.cjs.js"),ar=require("../core/Sparkles.cjs.js"),cr=require("../core/useEnvironment.cjs.js"),ur=require("../core/MatcapTexture.cjs.js"),nr=require("../core/NormalTexture.cjs.js"),pr=require("../core/Wireframe.cjs.js"),jr=require("../core/ShadowAlpha.cjs.js"),lr=require("../core/Points.cjs.js"),xr=require("../core/Instances.cjs.js"),qr=require("../core/Segments.cjs.js"),dr=require("../core/Detailed.cjs.js"),mr=require("../core/Preload.cjs.js"),Cr=require("../core/BakeShadows.cjs.js"),hr=require("../core/meshBounds.cjs.js"),Sr=require("../core/AdaptiveDpr.cjs.js"),Mr=require("../core/AdaptiveEvents.cjs.js"),Tr=require("../core/PerformanceMonitor.cjs.js"),br=require("../core/RenderTexture.cjs.js"),Pr=require("../core/RenderCubeTexture.cjs.js"),gr=require("../core/Mask.cjs.js"),fr=require("../core/Hud.cjs.js"),vr=require("../core/Fisheye.cjs.js"),Fr=require("../core/MeshPortalMaterial.cjs.js"),Br=require("../core/calculateScaleFactor.cjs.js");require("@babel/runtime/helpers/extends"),require("react"),require("react-dom/client"),require("three"),require("@react-three/fiber"),require("maath"),require("@react-spring/three"),require("@use-gesture/react"),require("zustand"),require("zustand/middleware"),require("three-stdlib"),require("zustand/shallow"),require("tunnel-rat"),require("./pivotControls/AxisArrow.cjs.js"),require("./pivotControls/context.cjs.js"),require("./pivotControls/AxisRotator.cjs.js"),require("./pivotControls/PlaneSlider.cjs.js"),require("./pivotControls/ScalingSphere.cjs.js"),require("suspend-react"),require("troika-three-text"),require("../helpers/constants.cjs.js"),require("meshline"),require("camera-controls"),require("hls.js"),require("stats.js"),require("../helpers/useEffectfulState.cjs.js"),require("stats-gl"),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("../materials/DiscardMaterial.cjs.js"),require("../materials/SpotLightMaterial.cjs.js"),require("uuid"),require("../helpers/deprecated.cjs.js"),require("@monogrid/gainmap-js"),require("../helpers/environment-assets.cjs.js"),require("../materials/WireframeMaterial.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=a.KeyboardControls,exports.useKeyboardControls=a.useKeyboardControls,exports.Select=c.Select,exports.useSelect=c.useSelect,exports.View=u.View,exports.PivotControls=n.PivotControls,exports.FaceControls=p.FaceControls,exports.useFaceControls=p.useFaceControls,exports.DragControls=j.DragControls,exports.FaceLandmarker=l.FaceLandmarker,exports.FaceLandmarkerDefaults=l.FaceLandmarkerDefaults,exports.useFaceLandmarker=l.useFaceLandmarker,exports.Facemesh=x.Facemesh,exports.FacemeshDatas=x.FacemeshDatas,exports.FacemeshEye=x.FacemeshEye,exports.FacemeshEyeDefaults=x.FacemeshEyeDefaults,exports.Billboard=q.Billboard,exports.ScreenSpace=d.ScreenSpace,exports.ScreenSizer=m.ScreenSizer,exports.QuadraticBezierLine=C.QuadraticBezierLine,exports.CubicBezierLine=h.CubicBezierLine,exports.CatmullRomLine=S.CatmullRomLine,exports.Line=M.Line,exports.PositionalAudio=T.PositionalAudio,exports.Text=b.Text,exports.Text3D=P.Text3D,exports.Effects=g.Effects,exports.isWebGL2Available=g.isWebGL2Available,exports.GradientTexture=f.GradientTexture,exports.GradientType=f.GradientType,exports.Image=v.Image,exports.Edges=F.Edges,exports.Outlines=B.Outlines,exports.Trail=A.Trail,exports.useTrail=A.useTrail,exports.Sampler=L.Sampler,exports.useSurfaceSampler=L.useSurfaceSampler,exports.ComputedAttribute=D.ComputedAttribute,exports.Clone=R.Clone,exports.MarchingCube=k.MarchingCube,exports.MarchingCubes=k.MarchingCubes,exports.MarchingPlane=k.MarchingPlane,exports.Decal=E.Decal,exports.Svg=G.Svg,exports.Gltf=w.Gltf,exports.useGLTF=w.useGLTF,exports.AsciiRenderer=y.AsciiRenderer,exports.Splat=I.Splat,exports.OrthographicCamera=z.OrthographicCamera,exports.PerspectiveCamera=O.PerspectiveCamera,exports.CubeCamera=H.CubeCamera,exports.useCubeCamera=H.useCubeCamera,exports.DeviceOrientationControls=V.DeviceOrientationControls,exports.FlyControls=K.FlyControls,exports.MapControls=W.MapControls,exports.OrbitControls=Q.OrbitControls,exports.TrackballControls=N.TrackballControls,exports.ArcballControls=U.ArcballControls,exports.TransformControls=X.TransformControls,exports.PointerLockControls=J.PointerLockControls,exports.FirstPersonControls=Y.FirstPersonControls,exports.CameraControls=Z.CameraControls,exports.MotionPathControls=$.MotionPathControls,exports.useMotion=$.useMotion,exports.GizmoHelper=_.GizmoHelper,exports.useGizmoContext=_.useGizmoContext,exports.GizmoViewcube=ee.GizmoViewcube,exports.GizmoViewport=re.GizmoViewport,exports.Grid=se.Grid,exports.CubeTexture=oe.CubeTexture,exports.useCubeTexture=oe.useCubeTexture,exports.Fbx=te.Fbx,exports.useFBX=te.useFBX,exports.Ktx2=ie.Ktx2,exports.useKTX2=ie.useKTX2,exports.Progress=ae.Progress,exports.useProgress=ae.useProgress,exports.IsObject=ce.IsObject,exports.Texture=ce.Texture,exports.useTexture=ce.useTexture,exports.VideoTexture=ue.VideoTexture,exports.useVideoTexture=ue.useVideoTexture,exports.useFont=ne.useFont,exports.calculateAspectRatio=pe.calculateAspectRatio,exports.checkIfFrameIsEmpty=pe.checkIfFrameIsEmpty,exports.getFirstItem=pe.getFirstItem,exports.useSpriteLoader=pe.useSpriteLoader,exports.Helper=je.Helper,exports.useHelper=je.useHelper,exports.Stats=le.Stats,exports.StatsGl=xe.StatsGl,exports.useDepthBuffer=qe.useDepthBuffer,exports.useAspect=de.useAspect,exports.useCamera=me.useCamera,exports.DetectGPU=Ce.DetectGPU,exports.useDetectGPU=Ce.useDetectGPU,exports.Bvh=he.Bvh,exports.useBVH=he.useBVH,exports.useContextBridge=Se.useContextBridge,exports.useAnimations=Me.useAnimations,exports.Fbo=Te.Fbo,exports.useFBO=Te.useFBO,exports.useIntersect=be.useIntersect,exports.useBoxProjectedEnv=Pe.useBoxProjectedEnv,exports.BBAnchor=ge.BBAnchor,exports.TrailTexture=fe.TrailTexture,exports.useTrailTexture=fe.useTrailTexture,exports.Example=ve.Example,exports.SpriteAnimator=Fe.SpriteAnimator,exports.useSpriteAnimator=Fe.useSpriteAnimator,exports.CurveModifier=Be.CurveModifier,exports.MeshDistortMaterial=Ae.MeshDistortMaterial,exports.MeshWobbleMaterial=Le.MeshWobbleMaterial,exports.MeshReflectorMaterial=De.MeshReflectorMaterial,exports.MeshRefractionMaterial=Re.MeshRefractionMaterial,exports.MeshTransmissionMaterial=ke.MeshTransmissionMaterial,exports.MeshDiscardMaterial=Ee.MeshDiscardMaterial,exports.MultiMaterial=Ge.MultiMaterial,exports.PointMaterial=we.PointMaterial,exports.PointMaterialImpl=we.PointMaterialImpl,exports.shaderMaterial=ye.shaderMaterial,exports.SoftShadows=Ie.SoftShadows,exports.Box=ze.Box,exports.Capsule=ze.Capsule,exports.Circle=ze.Circle,exports.Cone=ze.Cone,exports.Cylinder=ze.Cylinder,exports.Dodecahedron=ze.Dodecahedron,exports.Extrude=ze.Extrude,exports.Icosahedron=ze.Icosahedron,exports.Lathe=ze.Lathe,exports.Octahedron=ze.Octahedron,exports.Plane=ze.Plane,exports.Polyhedron=ze.Polyhedron,exports.Ring=ze.Ring,exports.Shape=ze.Shape,exports.Sphere=ze.Sphere,exports.Tetrahedron=ze.Tetrahedron,exports.Torus=ze.Torus,exports.TorusKnot=ze.TorusKnot,exports.Tube=ze.Tube,exports.RoundedBox=Oe.RoundedBox,exports.ScreenQuad=He.ScreenQuad,exports.Center=Ve.Center,exports.Resize=Ke.Resize,exports.Bounds=We.Bounds,exports.useBounds=We.useBounds,exports.CameraShake=Qe.CameraShake,exports.Float=Ne.Float,exports.Stage=Ue.Stage,exports.Backdrop=Xe.Backdrop,exports.Shadow=Je.Shadow,exports.Caustics=Ye.Caustics,exports.ContactShadows=Ze.ContactShadows,exports.AccumulativeShadows=$e.AccumulativeShadows,exports.RandomizedLight=$e.RandomizedLight,exports.accumulativeContext=$e.accumulativeContext,exports.Reflector=_e.Reflector,exports.SpotLight=er.SpotLight,exports.SpotLightShadow=er.SpotLightShadow,exports.Environment=rr.Environment,exports.EnvironmentCube=rr.EnvironmentCube,exports.EnvironmentMap=rr.EnvironmentMap,exports.EnvironmentPortal=rr.EnvironmentPortal,exports.Lightformer=sr.Lightformer,exports.Sky=or.Sky,exports.calcPosFromAngles=or.calcPosFromAngles,exports.Stars=tr.Stars,exports.Cloud=ir.Cloud,exports.CloudInstance=ir.CloudInstance,exports.Clouds=ir.Clouds,exports.Sparkles=ar.Sparkles,exports.useEnvironment=cr.useEnvironment,exports.MatcapTexture=ur.MatcapTexture,exports.useMatcapTexture=ur.useMatcapTexture,exports.NormalTexture=nr.NormalTexture,exports.useNormalTexture=nr.useNormalTexture,exports.Wireframe=pr.Wireframe,exports.ShadowAlpha=jr.ShadowAlpha,exports.Point=lr.Point,exports.Points=lr.Points,exports.PointsBuffer=lr.PointsBuffer,exports.PositionPoint=lr.PositionPoint,exports.Instance=xr.Instance,exports.InstancedAttribute=xr.InstancedAttribute,exports.Instances=xr.Instances,exports.Merged=xr.Merged,exports.PositionMesh=xr.PositionMesh,exports.createInstances=xr.createInstances,exports.Segment=qr.Segment,exports.SegmentObject=qr.SegmentObject,exports.Segments=qr.Segments,exports.Detailed=dr.Detailed,exports.Preload=mr.Preload,exports.BakeShadows=Cr.BakeShadows,exports.meshBounds=hr.meshBounds,exports.AdaptiveDpr=Sr.AdaptiveDpr,exports.AdaptiveEvents=Mr.AdaptiveEvents,exports.PerformanceMonitor=Tr.PerformanceMonitor,exports.usePerformanceMonitor=Tr.usePerformanceMonitor,exports.RenderTexture=br.RenderTexture,exports.RenderCubeTexture=Pr.RenderCubeTexture,exports.Mask=gr.Mask,exports.useMask=gr.useMask,exports.Hud=fr.Hud,exports.Fisheye=vr.Fisheye,exports.MeshPortalMaterial=Fr.MeshPortalMaterial,exports.calculateScaleFactor=Br.calculateScaleFactor;
|
package/web/index.js
CHANGED
|
@@ -140,10 +140,10 @@ import 'react';
|
|
|
140
140
|
import 'react-dom/client';
|
|
141
141
|
import 'three';
|
|
142
142
|
import '@react-three/fiber';
|
|
143
|
-
import 'zustand';
|
|
144
143
|
import 'maath';
|
|
145
144
|
import '@react-spring/three';
|
|
146
145
|
import '@use-gesture/react';
|
|
146
|
+
import 'zustand';
|
|
147
147
|
import 'zustand/middleware';
|
|
148
148
|
import 'three-stdlib';
|
|
149
149
|
import 'zustand/shallow';
|
|
@@ -154,25 +154,25 @@ import './pivotControls/AxisRotator.js';
|
|
|
154
154
|
import './pivotControls/PlaneSlider.js';
|
|
155
155
|
import './pivotControls/ScalingSphere.js';
|
|
156
156
|
import 'suspend-react';
|
|
157
|
-
import 'hls.js';
|
|
158
157
|
import 'troika-three-text';
|
|
159
158
|
import '../helpers/constants.js';
|
|
160
159
|
import 'meshline';
|
|
161
160
|
import 'camera-controls';
|
|
161
|
+
import 'hls.js';
|
|
162
162
|
import 'stats.js';
|
|
163
163
|
import '../helpers/useEffectfulState.js';
|
|
164
164
|
import 'stats-gl';
|
|
165
165
|
import 'detect-gpu';
|
|
166
166
|
import 'three-mesh-bvh';
|
|
167
|
-
import 'react-composer';
|
|
168
|
-
import '../helpers/deprecated.js';
|
|
169
167
|
import '../materials/BlurPass.js';
|
|
170
168
|
import '../materials/ConvolutionMaterial.js';
|
|
171
169
|
import '../materials/MeshReflectorMaterial.js';
|
|
172
170
|
import '../materials/MeshRefractionMaterial.js';
|
|
173
171
|
import '../materials/DiscardMaterial.js';
|
|
174
|
-
import '@monogrid/gainmap-js';
|
|
175
|
-
import '../helpers/environment-assets.js';
|
|
176
172
|
import '../materials/SpotLightMaterial.js';
|
|
177
173
|
import 'uuid';
|
|
174
|
+
import '../helpers/deprecated.js';
|
|
175
|
+
import '@monogrid/gainmap-js';
|
|
176
|
+
import '../helpers/environment-assets.js';
|
|
178
177
|
import '../materials/WireframeMaterial.js';
|
|
178
|
+
import 'react-composer';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("react"),t=require("three"),r=require("@react-three/fiber"),n=require("../../core/Line.cjs.js"),o=require("../Html.cjs.js"),a=require("./context.cjs.js");function i(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)}require("@babel/runtime/helpers/extends"),require("three-stdlib"),require("react-dom/client");var c=i(e),l=i(t);const s=new l.Vector3,u=new l.Vector3,d=(e,t,r,n)=>{const o=t.dot(t),a=t.dot(e)-t.dot(r),i=t.dot(n);if(0===i)return-a/o;s.copy(n).multiplyScalar(o/i).sub(t),u.copy(n).multiplyScalar(a/i).add(r).sub(e);return-s.dot(u)/s.dot(s)},p=new l.Vector3(0,1,0),m=new l.Matrix4;exports.AxisArrow=({direction:e,axis:t})=>{const{translation:i,translationLimits:s,annotations:u,annotationsClass:f,depthTest:x,scale:y,lineWidth:g,fixed:h,axisColors:b,hoveredColor:w,opacity:P,onDragStart:O,onDrag:v,onDragEnd:E,userData:j}=c.useContext(a.context),k=r.useThree((e=>e.controls)),C=c.useRef(null),M=c.useRef(null),q=c.useRef(null),L=c.useRef(0),[D,F]=c.useState(!1),R=c.useCallback((r=>{u&&(C.current.innerText=`${i.current[t].toFixed(2)}`,C.current.style.display="block"),r.stopPropagation();const n=(new l.Matrix4).extractRotation(M.current.matrixWorld),o=r.point.clone(),a=(new l.Vector3).setFromMatrixPosition(M.current.matrixWorld),c=e.clone().applyMatrix4(n).normalize();q.current={clickPoint:o,dir:c},L.current=i.current[t],O({component:"Arrow",axis:t,origin:a,directions:[c]}),k&&(k.enabled=!1),r.target.setPointerCapture(r.pointerId)}),[u,e,k,O,i,t]),T=c.useCallback((e=>{if(e.stopPropagation(),D||F(!0),q.current){const{clickPoint:r,dir:n}=q.current,[o,a]=(null==s?void 0:s[t])||[void 0,void 0];let c=d(r,n,e.ray.origin,e.ray.direction);void 0!==o&&(c=Math.max(c,o-L.current)),void 0!==a&&(c=Math.min(c,a-L.current)),i.current[t]=L.current+c,u&&(C.current.innerText=`${i.current[t].toFixed(2)}`),m.makeTranslation(n.x*c,n.y*c,n.z*c),v(m)}}),[u,v,D,i,s,t]),S=c.useCallback((e=>{u&&(C.current.style.display="none"),e.stopPropagation(),q.current=null,E(),k&&(k.enabled=!0),e.target.releasePointerCapture(e.pointerId)}),[u,k,E]),W=c.useCallback((e=>{e.stopPropagation(),F(!1)}),[]),{cylinderLength:V,coneWidth:z,coneLength:A,matrixL:U}=c.useMemo((()=>{const t=h?g/y*1.6:y/20,r=h?.2:y/5,n=h?1-r:y-r,o=(new l.Quaternion).setFromUnitVectors(p,e.clone().normalize());return{cylinderLength:n,coneWidth:t,coneLength:r,matrixL:(new l.Matrix4).makeRotationFromQuaternion(o)}}),[e,y,g,h]),G=D?w:b[t];return c.createElement("group",{ref:M},c.createElement("group",{matrix:U,matrixAutoUpdate:!1,onPointerDown:R,onPointerMove:T,onPointerUp:S,onPointerOut:W},u&&c.createElement(o.Html,{position:[0,-A,0]},c.createElement("div",{style:{display:"none",background:"#151520",color:"white",padding:"6px 8px",borderRadius:7,whiteSpace:"nowrap"},className:f,ref:C})),c.createElement("mesh",{visible:!1,position:[0,(V+A)/2,0],userData:j},c.createElement("cylinderGeometry",{args:[1.4*z,1.4*z,V+A,8,1]})),c.createElement(n.Line,{transparent:!0,raycast:()=>null,depthTest:x,points:[0,0,0,0,V,0],lineWidth:g,side:l.DoubleSide,color:G,opacity:P,polygonOffset:!0,renderOrder:1,polygonOffsetFactor:-10,fog:!1}),c.createElement("mesh",{raycast:()=>null,position:[0,V+A/2,0],renderOrder:500},c.createElement("coneGeometry",{args:[z,A,24,1]}),c.createElement("meshBasicMaterial",{transparent:!0,depthTest:x,color:G,opacity:P,polygonOffset:!0,polygonOffsetFactor:-10,fog:!1}))))},exports.calculateOffset=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("react"),t=require("three"),r=require("@react-three/fiber"),n=require("../../core/Line.cjs.js"),o=require("../Html.cjs.js"),a=require("./context.cjs.js");function i(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)}require("@babel/runtime/helpers/extends"),require("three-stdlib"),require("react-dom/client");var c=i(e),s=i(t);const l=new s.Vector3,u=new s.Vector3,d=e=>180*e/Math.PI,p=e=>{let t=((e,t)=>{let r=Math.floor(e/t);return r=r<0?r+1:r,e-r*t})(e,2*Math.PI);return Math.abs(t)<1e-6?0:(t<0&&(t+=2*Math.PI),t)},m=new s.Matrix4,h=new s.Vector3,x=new s.Ray,P=new s.Vector3;exports.AxisRotator=({dir1:e,dir2:t,axis:i})=>{const{rotationLimits:M,annotations:f,annotationsClass:b,depthTest:g,scale:y,lineWidth:w,fixed:C,axisColors:v,hoveredColor:I,opacity:j,onDragStart:k,onDrag:R,onDragEnd:q,userData:O}=c.useContext(a.context),V=r.useThree((e=>e.controls)),D=c.useRef(null),F=c.useRef(null),E=c.useRef(0),W=c.useRef(0),z=c.useRef(null),[T,A]=c.useState(!1),L=c.useCallback((e=>{f&&(D.current.innerText=`${d(W.current).toFixed(0)}º`,D.current.style.display="block"),e.stopPropagation();const t=e.point.clone(),r=(new s.Vector3).setFromMatrixPosition(F.current.matrixWorld),n=(new s.Vector3).setFromMatrixColumn(F.current.matrixWorld,0).normalize(),o=(new s.Vector3).setFromMatrixColumn(F.current.matrixWorld,1).normalize(),a=(new s.Vector3).setFromMatrixColumn(F.current.matrixWorld,2).normalize(),c=(new s.Plane).setFromNormalAndCoplanarPoint(a,r);z.current={clickPoint:t,origin:r,e1:n,e2:o,normal:a,plane:c},k({component:"Rotator",axis:i,origin:r,directions:[n,o,a]}),V&&(V.enabled=!1),e.target.setPointerCapture(e.pointerId)}),[f,V,k,i]),S=c.useCallback((e=>{if(e.stopPropagation(),T||A(!0),z.current){const{clickPoint:t,origin:r,e1:n,e2:o,normal:a,plane:c}=z.current,[b,g]=(null==M?void 0:M[i])||[void 0,void 0];x.copy(e.ray),x.intersectPlane(c,P),x.direction.negate(),x.intersectPlane(c,P);let y=((e,t,r,n,o)=>{l.copy(e).sub(r),u.copy(t).sub(r);const a=n.dot(n),i=o.dot(o),c=l.dot(n)/a,s=l.dot(o)/i,d=u.dot(n)/a,p=u.dot(o)/i,m=Math.atan2(s,c);return Math.atan2(p,d)-m})(t,P,r,n,o),w=d(y);e.shiftKey&&(w=10*Math.round(w/10),y=(e=>e*Math.PI/180)(w)),void 0!==b&&void 0!==g&&g-b<2*Math.PI?(y=p(y),y=y>Math.PI?y-2*Math.PI:y,y=s.MathUtils.clamp(y,b-E.current,g-E.current),W.current=E.current+y):(W.current=p(E.current+y),W.current=W.current>Math.PI?W.current-2*Math.PI:W.current),f&&(w=d(W.current),D.current.innerText=`${w.toFixed(0)}º`),m.makeRotationAxis(a,y),h.copy(r).applyMatrix4(m).sub(r).negate(),m.setPosition(h),R(m)}}),[f,R,T,M,i]),U=c.useCallback((e=>{f&&(D.current.style.display="none"),e.stopPropagation(),E.current=W.current,z.current=null,q(),V&&(V.enabled=!0),e.target.releasePointerCapture(e.pointerId)}),[f,V,q]),H=c.useCallback((e=>{e.stopPropagation(),A(!1)}),[]),N=c.useMemo((()=>{const r=e.clone().normalize(),n=t.clone().normalize();return(new s.Matrix4).makeBasis(r,n,r.clone().cross(n))}),[e,t]),$=C?.65:.65*y,B=c.useMemo((()=>{const e=[];for(let t=0;t<=32;t++){const r=t*(Math.PI/2)/32;e.push(new s.Vector3(Math.cos(r)*$,Math.sin(r)*$,0))}return e}),[$]);return c.createElement("group",{ref:F,onPointerDown:L,onPointerMove:S,onPointerUp:U,onPointerOut:H,matrix:N,matrixAutoUpdate:!1},f&&c.createElement(o.Html,{position:[$,$,0]},c.createElement("div",{style:{display:"none",background:"#151520",color:"white",padding:"6px 8px",borderRadius:7,whiteSpace:"nowrap"},className:b,ref:D})),c.createElement(n.Line,{points:B,lineWidth:4*w,visible:!1,userData:O}),c.createElement(n.Line,{transparent:!0,raycast:()=>null,depthTest:g,points:B,lineWidth:w,side:s.DoubleSide,color:T?I:v[i],opacity:j,polygonOffset:!0,polygonOffsetFactor:-10,fog:!1}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("react"),t=require("three"),r=require("@react-three/fiber"),n=require("../../core/Line.cjs.js"),o=require("../Html.cjs.js"),a=require("./context.cjs.js");function i(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)}require("@babel/runtime/helpers/extends"),require("three-stdlib"),require("react-dom/client");var s=i(e),c=i(t);const l=new c.Ray,u=new c.Vector3,p=new c.Matrix4;exports.PlaneSlider=({dir1:e,dir2:t,axis:i})=>{const{translation:d,translationLimits:m,annotations:x,annotationsClass:b,depthTest:g,scale:h,lineWidth:f,fixed:y,axisColors:M,hoveredColor:C,opacity:P,onDragStart:w,onDrag:v,onDragEnd:j,userData:k}=s.useContext(a.context),F=r.useThree((e=>e.controls)),O=s.useRef(null),z=s.useRef(null),E=s.useRef(null),V=s.useRef(0),q=s.useRef(0),[D,R]=s.useState(!1),T=s.useCallback((e=>{x&&(O.current.innerText=`${d.current[(i+1)%3].toFixed(2)}, ${d.current[(i+2)%3].toFixed(2)}`,O.current.style.display="block"),e.stopPropagation();const t=e.point.clone(),r=(new c.Vector3).setFromMatrixPosition(z.current.matrixWorld),n=(new c.Vector3).setFromMatrixColumn(z.current.matrixWorld,0).normalize(),o=(new c.Vector3).setFromMatrixColumn(z.current.matrixWorld,1).normalize(),a=(new c.Vector3).setFromMatrixColumn(z.current.matrixWorld,2).normalize(),s=(new c.Plane).setFromNormalAndCoplanarPoint(a,r);E.current={clickPoint:t,e1:n,e2:o,plane:s},V.current=d.current[(i+1)%3],q.current=d.current[(i+2)%3],w({component:"Slider",axis:i,origin:r,directions:[n,o,a]}),F&&(F.enabled=!1),e.target.setPointerCapture(e.pointerId)}),[x,F,w,i]),S=s.useCallback((e=>{if(e.stopPropagation(),D||R(!0),E.current){const{clickPoint:t,e1:r,e2:n,plane:o}=E.current,[a,s]=(null==m?void 0:m[(i+1)%3])||[void 0,void 0],[c,b]=(null==m?void 0:m[(i+2)%3])||[void 0,void 0];l.copy(e.ray),l.intersectPlane(o,u),l.direction.negate(),l.intersectPlane(o,u),u.sub(t);let[g,h]=((e,t,r)=>{const n=Math.abs(e.x)>=Math.abs(e.y)&&Math.abs(e.x)>=Math.abs(e.z)?0:Math.abs(e.y)>=Math.abs(e.x)&&Math.abs(e.y)>=Math.abs(e.z)?1:2,o=[0,1,2].sort(((e,r)=>Math.abs(t.getComponent(r))-Math.abs(t.getComponent(e)))),a=n===o[0]?o[1]:o[0],i=e.getComponent(n),s=e.getComponent(a),c=t.getComponent(n),l=t.getComponent(a),u=r.getComponent(n),p=(r.getComponent(a)-u*(s/i))/(l-c*(s/i));return[(u-p*c)/i,p]})(r,n,u);void 0!==a&&(g=Math.max(g,a-V.current)),void 0!==s&&(g=Math.min(g,s-V.current)),void 0!==c&&(h=Math.max(h,c-q.current)),void 0!==b&&(h=Math.min(h,b-q.current)),d.current[(i+1)%3]=V.current+g,d.current[(i+2)%3]=q.current+h,x&&(O.current.innerText=`${d.current[(i+1)%3].toFixed(2)}, ${d.current[(i+2)%3].toFixed(2)}`),p.makeTranslation(g*r.x+h*n.x,g*r.y+h*n.y,g*r.z+h*n.z),v(p)}}),[x,v,D,d,m,i]),W=s.useCallback((e=>{x&&(O.current.style.display="none"),e.stopPropagation(),E.current=null,j(),F&&(F.enabled=!0),e.target.releasePointerCapture(e.pointerId)}),[x,F,j]),$=s.useCallback((e=>{e.stopPropagation(),R(!1)}),[]),L=s.useMemo((()=>{const r=e.clone().normalize(),n=t.clone().normalize();return(new c.Matrix4).makeBasis(r,n,r.clone().cross(n))}),[e,t]),A=y?1/7:h/7,B=y?.225:.225*h,H=D?C:M[i],I=s.useMemo((()=>[new c.Vector3(0,0,0),new c.Vector3(0,B,0),new c.Vector3(B,B,0),new c.Vector3(B,0,0),new c.Vector3(0,0,0)]),[B]);return s.createElement("group",{ref:z,matrix:L,matrixAutoUpdate:!1},x&&s.createElement(o.Html,{position:[0,0,0]},s.createElement("div",{style:{display:"none",background:"#151520",color:"white",padding:"6px 8px",borderRadius:7,whiteSpace:"nowrap"},className:b,ref:O})),s.createElement("group",{position:[1.7*A,1.7*A,0]},s.createElement("mesh",{visible:!0,onPointerDown:T,onPointerMove:S,onPointerUp:W,onPointerOut:$,scale:B,userData:k},s.createElement("planeGeometry",null),s.createElement("meshBasicMaterial",{transparent:!0,depthTest:g,color:H,polygonOffset:!0,polygonOffsetFactor:-10,side:c.DoubleSide,fog:!1})),s.createElement(n.Line,{position:[-B/2,-B/2,0],transparent:!0,depthTest:g,points:I,lineWidth:f,color:H,opacity:P,polygonOffset:!0,polygonOffsetFactor:-10,userData:k,fog:!1})))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("react"),t=require("three"),r=require("@react-three/fiber"),n=require("../Html.cjs.js"),o=require("./context.cjs.js"),a=require("../../core/calculateScaleFactor.cjs.js");function i(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)}require("@babel/runtime/helpers/extends"),require("react-dom/client");var c=i(e),l=i(t);const s=new l.Vector3,u=new l.Vector3,p=(e,t,r,n)=>{const o=t.dot(t),a=t.dot(e)-t.dot(r),i=t.dot(n);if(0===i)return-a/o;s.copy(n).multiplyScalar(o/i).sub(t),u.copy(n).multiplyScalar(a/i).add(r).sub(e);return-s.dot(u)/s.dot(s)},d=new l.Vector3(0,1,0),m=new l.Vector3,f=new l.Matrix4;exports.ScalingSphere=({direction:e,axis:t})=>{const{scaleLimits:i,annotations:u,annotationsClass:x,depthTest:y,scale:g,lineWidth:h,fixed:b,axisColors:P,hoveredColor:w,opacity:M,onDragStart:v,onDrag:j,onDragEnd:k,userData:C}=c.useContext(o.context),O=r.useThree((e=>e.size)),S=r.useThree((e=>e.controls)),E=c.useRef(null),R=c.useRef(null),q=c.useRef(null),F=c.useRef(1),D=c.useRef(1),L=c.useRef(null),[T,V]=c.useState(!1),z=b?1.2:1.2*g,G=c.useCallback((r=>{u&&(E.current.innerText=`${D.current.toFixed(2)}`,E.current.style.display="block"),r.stopPropagation();const n=(new l.Matrix4).extractRotation(R.current.matrixWorld),o=r.point.clone(),i=(new l.Vector3).setFromMatrixPosition(R.current.matrixWorld),c=e.clone().applyMatrix4(n).normalize(),p=R.current.matrixWorld.clone(),d=p.clone().invert(),m=b?1/a.calculateScaleFactor(R.current.getWorldPosition(s),g,r.camera,O):1;L.current={clickPoint:o,dir:c,mPLG:p,mPLGInv:d,offsetMultiplier:m},v({component:"Sphere",axis:t,origin:i,directions:[c]}),S&&(S.enabled=!1),r.target.setPointerCapture(r.pointerId)}),[u,S,e,v,t,b,g,O]),W=c.useCallback((e=>{if(e.stopPropagation(),T||V(!0),L.current){const{clickPoint:r,dir:n,mPLG:o,mPLGInv:a,offsetMultiplier:c}=L.current,[l,s]=(null==i?void 0:i[t])||[1e-5,void 0],d=p(r,n,e.ray.origin,e.ray.direction)*c,x=b?d:d/g;let y=Math.pow(2,.2*x);e.shiftKey&&(y=Math.round(10*y)/10),y=Math.max(y,l/F.current),void 0!==s&&(y=Math.min(y,s/F.current)),D.current=F.current*y,q.current.position.set(0,z+d,0),u&&(E.current.innerText=`${D.current.toFixed(2)}`),m.set(1,1,1),m.setComponent(t,y),f.makeScale(m.x,m.y,m.z).premultiply(o).multiply(a),j(f)}}),[u,z,j,T,i,t]),I=c.useCallback((e=>{u&&(E.current.style.display="none"),e.stopPropagation(),F.current=D.current,L.current=null,q.current.position.set(0,z,0),k(),S&&(S.enabled=!0),e.target.releasePointerCapture(e.pointerId)}),[u,S,k,z]),U=c.useCallback((e=>{e.stopPropagation(),V(!1)}),[]),{radius:H,matrixL:Q}=c.useMemo((()=>{const t=b?h/g*1.8:g/22.5,r=(new l.Quaternion).setFromUnitVectors(d,e.clone().normalize());return{radius:t,matrixL:(new l.Matrix4).makeRotationFromQuaternion(r)}}),[e,g,h,b]),$=T?w:P[t];return c.createElement("group",{ref:R},c.createElement("group",{matrix:Q,matrixAutoUpdate:!1,onPointerDown:G,onPointerMove:W,onPointerUp:I,onPointerOut:U},u&&c.createElement(n.Html,{position:[0,z/2,0]},c.createElement("div",{style:{display:"none",background:"#151520",color:"white",padding:"6px 8px",borderRadius:7,whiteSpace:"nowrap"},className:x,ref:E})),c.createElement("mesh",{ref:q,position:[0,z,0],renderOrder:500,userData:C},c.createElement("sphereGeometry",{args:[H,12,12]}),c.createElement("meshBasicMaterial",{transparent:!0,depthTest:y,color:$,opacity:M,polygonOffset:!0,polygonOffsetFactor:-10}))))},exports.calculateOffset=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function e(e){
|
|
1
|
+
"use strict";function e(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}const t=e(require("react")).createContext(null);exports.context=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("@babel/runtime/helpers/extends"),r=require("@react-three/fiber"),t=require("react"),i=require("three"),a=require("./AxisArrow.cjs.js"),n=require("./AxisRotator.cjs.js"),o=require("./PlaneSlider.cjs.js"),c=require("./ScalingSphere.cjs.js"),s=require("./context.cjs.js"),l=require("../../core/calculateScaleFactor.cjs.js");function u(e){var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}require("../../core/Line.cjs.js"),require("three-stdlib"),require("../Html.cjs.js"),require("react-dom/client");var d=u(t),m=u(i);const x=new m.Matrix4,p=new m.Matrix4,f=new m.Matrix4,y=new m.Matrix4,w=new m.Matrix4,g=new m.Matrix4,E=new m.Matrix4,b=new m.Matrix4,S=new m.Matrix4,h=new m.Box3,j=new m.Box3,v=new m.Vector3,M=new m.Vector3,A=new m.Vector3,q=new m.Vector3,R=new m.Vector3,V=new m.Vector3(1,0,0),P=new m.Vector3(0,1,0),W=new m.Vector3(0,0,1),D=d.forwardRef((({enabled:t=!0,matrix:i,onDragStart:u,onDrag:D,onDragEnd:C,autoTransform:L=!0,anchor:B,disableAxes:F=!1,disableSliders:O=!1,disableRotations:z=!1,disableScaling:T=!1,activeAxes:k=[!0,!0,!0],offset:H=[0,0,0],rotation:I=[0,0,0],scale:U=1,lineWidth:G=4,fixed:J=!1,translationLimits:K,rotationLimits:N,scaleLimits:Q,depthTest:X=!0,axisColors:Y=["#ff2060","#20df80","#2080ff"],hoveredColor:Z="#ffff40",annotations:$=!1,annotationsClass:_,opacity:ee=1,visible:re=!0,userData:te,children:ie,...ae},ne)=>{const oe=r.useThree((e=>e.invalidate)),ce=d.useRef(null),se=d.useRef(null),le=d.useRef(null),ue=d.useRef(null),de=d.useRef([0,0,0]),me=d.useRef(new m.Vector3(1,1,1)),xe=d.useRef(new m.Vector3(1,1,1));d.useLayoutEffect((()=>{B&&(ue.current.updateWorldMatrix(!0,!0),y.copy(ue.current.matrixWorld).invert(),h.makeEmpty(),ue.current.traverse((e=>{e.geometry&&(e.geometry.boundingBox||e.geometry.computeBoundingBox(),g.copy(e.matrixWorld).premultiply(y),j.copy(e.geometry.boundingBox),j.applyMatrix4(g),h.union(j))})),v.copy(h.max).add(h.min).multiplyScalar(.5),M.copy(h.max).sub(h.min).multiplyScalar(.5),A.copy(M).multiply(new m.Vector3(...B)).add(v),q.set(...H).add(A),le.current.position.copy(q),oe())}));const pe=d.useMemo((()=>({onDragStart:e=>{x.copy(se.current.matrix),p.copy(se.current.matrixWorld),u&&u(e),oe()},onDrag:e=>{f.copy(ce.current.matrixWorld),y.copy(f).invert(),w.copy(p).premultiply(e),g.copy(w).premultiply(y),E.copy(x).invert(),b.copy(g).multiply(E),L&&se.current.matrix.copy(g),D&&D(g,b,w,e),oe()},onDragEnd:()=>{C&&C(),oe()},translation:de,translationLimits:K,rotationLimits:N,axisColors:Y,hoveredColor:Z,opacity:ee,scale:U,lineWidth:G,fixed:J,depthTest:X,userData:te,annotations:$,annotationsClass:_})),[u,D,C,de,K,N,Q,X,U,G,J,...Y,Z,ee,te,L,$,_]),fe=new m.Vector3;return r.useFrame((e=>{if(J){const r=l.calculateScaleFactor(le.current.getWorldPosition(fe),U,e.camera,e.size);me.current.setScalar(r)}i&&i instanceof m.Matrix4&&(se.current.matrix=i),se.current.updateWorldMatrix(!0,!0),S.makeRotationFromEuler(le.current.rotation).setPosition(le.current.position).premultiply(se.current.matrixWorld),xe.current.setFromMatrixScale(S),R.copy(me.current).divide(xe.current),(Math.abs(le.current.scale.x-R.x)>1e-4||Math.abs(le.current.scale.y-R.y)>1e-4||Math.abs(le.current.scale.z-R.z)>1e-4)&&(le.current.scale.copy(R),e.invalidate())})),d.useImperativeHandle(ne,(()=>se.current),[]),d.createElement(s.context.Provider,{value:pe},d.createElement("group",{ref:ce},d.createElement("group",e({ref:se,matrix:i,matrixAutoUpdate:!1},ae),d.createElement("group",{visible:re,ref:le,position:H,rotation:I},t&&d.createElement(d.Fragment,null,!F&&k[0]&&d.createElement(a.AxisArrow,{axis:0,direction:V}),!F&&k[1]&&d.createElement(a.AxisArrow,{axis:1,direction:P}),!F&&k[2]&&d.createElement(a.AxisArrow,{axis:2,direction:W}),!O&&k[0]&&k[1]&&d.createElement(o.PlaneSlider,{axis:2,dir1:V,dir2:P}),!O&&k[0]&&k[2]&&d.createElement(o.PlaneSlider,{axis:1,dir1:W,dir2:V}),!O&&k[2]&&k[1]&&d.createElement(o.PlaneSlider,{axis:0,dir1:P,dir2:W}),!z&&k[0]&&k[1]&&d.createElement(n.AxisRotator,{axis:2,dir1:V,dir2:P}),!z&&k[0]&&k[2]&&d.createElement(n.AxisRotator,{axis:1,dir1:W,dir2:V}),!z&&k[2]&&k[1]&&d.createElement(n.AxisRotator,{axis:0,dir1:P,dir2:W}),!T&&k[0]&&d.createElement(c.ScalingSphere,{axis:0,direction:V}),!T&&k[1]&&d.createElement(c.ScalingSphere,{axis:1,direction:P}),!T&&k[2]&&d.createElement(c.ScalingSphere,{axis:2,direction:W}))),d.createElement("group",{ref:ue},ie))))}));exports.PivotControls=D;
|
package/web/useCursor.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function e(e){
|
|
1
|
+
"use strict";function e(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 r=e(require("react"));exports.useCursor=function(e,t="pointer",u="auto",c=document.body){r.useEffect((()=>{if(e)return c.style.cursor=t,()=>{c.style.cursor=u}}),[e])};
|