@react-three/drei 8.3.0 → 8.6.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 +48 -1
- package/core/Edges.cjs.js +1 -0
- package/core/Edges.d.ts +8 -0
- package/core/Edges.js +35 -0
- package/core/GizmoViewcube.cjs.js +1 -1
- package/core/GizmoViewcube.js +1 -1
- package/core/Instances.cjs.js +1 -1
- package/core/Instances.d.ts +12 -24
- package/core/Instances.js +11 -23
- package/core/MeshReflectorMaterial.cjs.js +1 -1
- package/core/MeshReflectorMaterial.js +1 -1
- package/core/Select.cjs.js +1 -0
- package/core/Select.d.ts +9 -0
- package/core/Select.js +40 -0
- package/core/TransformControls.cjs.js +1 -1
- package/core/TransformControls.d.ts +2 -1
- package/core/TransformControls.js +2 -1
- package/core/index.cjs.js +1 -1
- package/core/index.d.ts +3 -0
- package/core/index.js +3 -0
- package/core/useKTX2.cjs.js +1 -0
- package/core/useKTX2.d.ts +8 -0
- package/core/useKTX2.js +39 -0
- package/helpers/Position.cjs.js +1 -1
- package/helpers/Position.d.ts +5 -0
- package/helpers/Position.js +51 -0
- package/index.cjs.js +1 -1
- package/index.js +3 -0
- package/native/index.cjs.js +1 -1
- package/native/index.js +3 -0
- package/package.json +1 -1
- package/web/PresentationControls.cjs.js +1 -1
- package/web/PresentationControls.d.ts +2 -1
- package/web/PresentationControls.js +5 -4
- package/web/index.cjs.js +1 -1
- package/web/index.js +3 -0
package/native/index.js
CHANGED
|
@@ -7,6 +7,7 @@ export { Text } from '../core/Text.js';
|
|
|
7
7
|
export { Effects, isWebGL2Available } from '../core/Effects.js';
|
|
8
8
|
export { GradientTexture } from '../core/GradientTexture.js';
|
|
9
9
|
export { Image } from '../core/Image.js';
|
|
10
|
+
export { Edges } from '../core/Edges.js';
|
|
10
11
|
export { OrthographicCamera } from '../core/OrthographicCamera.js';
|
|
11
12
|
export { PerspectiveCamera } from '../core/PerspectiveCamera.js';
|
|
12
13
|
export { CubeCamera } from '../core/CubeCamera.js';
|
|
@@ -27,7 +28,9 @@ export { useFBX } from '../core/useFBX.js';
|
|
|
27
28
|
export { useGLTF } from '../core/useGLTF.js';
|
|
28
29
|
export { useProgress } from '../core/useProgress.js';
|
|
29
30
|
export { IsObject, useTexture } from '../core/useTexture.js';
|
|
31
|
+
export { useKTX2 } from '../core/useKTX2.js';
|
|
30
32
|
export { Stats } from '../core/Stats.js';
|
|
33
|
+
export { Select, useSelect } from '../core/Select.js';
|
|
31
34
|
export { useDepthBuffer } from '../core/useDepthBuffer.js';
|
|
32
35
|
export { useAspect } from '../core/useAspect.js';
|
|
33
36
|
export { useCamera } from '../core/useCamera.js';
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("three"),o=require("@react-three/fiber"),n=require("@react-spring/three"),a=require("@use-gesture/react");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 o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=i(e),c=s(t);exports.PresentationControls=function({snap:e,global:t,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("three"),o=require("@react-three/fiber"),n=require("@react-spring/three"),a=require("@use-gesture/react");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 o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=i(e),c=s(t);exports.PresentationControls=function({snap:e,global:t,cursor:i=!0,children:s,speed:l=1,rotation:f=[0,0,0],zoom:m=1,polar:d=[0,Math.PI/2],azimuth:g=[-1/0,1/0],config:p={mass:1,tension:170,friction:26}}){const{size:b,gl:h}=o.useThree(),M=c.useMemo((()=>[f[0]+d[0],f[0]+d[1]]),[f[0],d[0],d[1]]),y=c.useMemo((()=>[f[1]+g[0],f[1]+g[1]]),[f[1],g[0],g[1]]),E=c.useMemo((()=>[r.MathUtils.clamp(f[0],...M),r.MathUtils.clamp(f[1],...y),f[2]]),[f[0],f[1],f[2],M,y]),[v,j]=n.useSpring((()=>({scale:1,rotation:E,config:p})));c.useEffect((()=>{j.start({scale:1,rotation:E,config:p})}),[E]),c.useEffect((()=>{t&&i&&(h.domElement.style.cursor="grab")}),[t,i,h.domElement]);const O=a.useGesture({onHover:({last:e})=>{i&&!t&&(h.domElement.style.cursor=e?"auto":"grab")},onDrag:({down:t,delta:[o,n],memo:[a,s]=v.rotation.animation.to||E})=>{i&&(h.domElement.style.cursor=t?"grabbing":"grab"),o=r.MathUtils.clamp(s+o/b.width*Math.PI*l,...y),n=r.MathUtils.clamp(a+n/b.height*Math.PI*l,...M);const u=e&&!t&&"boolean"!=typeof e?e:p;return j.start({scale:t&&n>M[1]/2?m:1,rotation:e&&!t?E:[n,o,0],config:e=>"scale"===e?{...u,friction:3*u.friction}:u}),[n,o]}},{target:t?h.domElement:void 0});return c.createElement(n.a.group,u.default({},null==O?void 0:O(),v),s)};
|
|
@@ -2,6 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
declare type Props = {
|
|
3
3
|
snap?: boolean;
|
|
4
4
|
global?: boolean;
|
|
5
|
+
cursor?: boolean;
|
|
5
6
|
speed?: number;
|
|
6
7
|
zoom?: number;
|
|
7
8
|
rotation?: [number, number, number];
|
|
@@ -10,5 +11,5 @@ declare type Props = {
|
|
|
10
11
|
config?: any;
|
|
11
12
|
children?: React.ReactNode;
|
|
12
13
|
};
|
|
13
|
-
export declare function PresentationControls({ snap, global, children, speed, rotation, zoom, polar, azimuth, config, }: Props): JSX.Element;
|
|
14
|
+
export declare function PresentationControls({ snap, global, cursor, children, speed, rotation, zoom, polar, azimuth, config, }: Props): JSX.Element;
|
|
14
15
|
export {};
|
|
@@ -8,6 +8,7 @@ import { useGesture } from '@use-gesture/react';
|
|
|
8
8
|
function PresentationControls({
|
|
9
9
|
snap,
|
|
10
10
|
global,
|
|
11
|
+
cursor = true,
|
|
11
12
|
children,
|
|
12
13
|
speed = 1,
|
|
13
14
|
rotation = [0, 0, 0],
|
|
@@ -38,20 +39,20 @@ function PresentationControls({
|
|
|
38
39
|
config
|
|
39
40
|
}), [rInitial]);
|
|
40
41
|
React.useEffect(() => {
|
|
41
|
-
if (global)
|
|
42
|
-
}, [global]);
|
|
42
|
+
if (global && cursor) gl.domElement.style.cursor = 'grab';
|
|
43
|
+
}, [global, cursor, gl.domElement]);
|
|
43
44
|
const bind = useGesture({
|
|
44
45
|
onHover: ({
|
|
45
46
|
last
|
|
46
47
|
}) => {
|
|
47
|
-
if (!global)
|
|
48
|
+
if (cursor && !global) gl.domElement.style.cursor = last ? 'auto' : 'grab';
|
|
48
49
|
},
|
|
49
50
|
onDrag: ({
|
|
50
51
|
down,
|
|
51
52
|
delta: [x, y],
|
|
52
53
|
memo: [oldY, oldX] = spring.rotation.animation.to || rInitial
|
|
53
54
|
}) => {
|
|
54
|
-
|
|
55
|
+
if (cursor) gl.domElement.style.cursor = down ? 'grabbing' : 'grab';
|
|
55
56
|
x = MathUtils.clamp(oldX + x / size.width * Math.PI * speed, ...rAzimuth);
|
|
56
57
|
y = MathUtils.clamp(oldY + y / size.height * Math.PI * speed, ...rPolar);
|
|
57
58
|
const sConfig = snap && !down && typeof snap !== 'boolean' ? snap : config;
|
package/web/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Html.cjs.js"),r=require("./CycleRaycast.cjs.js"),s=require("./useCursor.cjs.js"),o=require("./Loader.cjs.js"),t=require("./ScrollControls.cjs.js"),i=require("./PresentationControls.cjs.js"),c=require("../core/Billboard.cjs.js"),u=require("../core/QuadraticBezierLine.cjs.js"),a=require("../core/CubicBezierLine.cjs.js"),j=require("../core/Line.cjs.js"),n=require("../core/PositionalAudio.cjs.js"),p=require("../core/Text.cjs.js"),l=require("../core/Effects.cjs.js"),x=require("../core/GradientTexture.cjs.js"),q=require("../core/Image.cjs.js"),d=require("../core/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Html.cjs.js"),r=require("./CycleRaycast.cjs.js"),s=require("./useCursor.cjs.js"),o=require("./Loader.cjs.js"),t=require("./ScrollControls.cjs.js"),i=require("./PresentationControls.cjs.js"),c=require("../core/Billboard.cjs.js"),u=require("../core/QuadraticBezierLine.cjs.js"),a=require("../core/CubicBezierLine.cjs.js"),j=require("../core/Line.cjs.js"),n=require("../core/PositionalAudio.cjs.js"),p=require("../core/Text.cjs.js"),l=require("../core/Effects.cjs.js"),x=require("../core/GradientTexture.cjs.js"),q=require("../core/Image.cjs.js"),d=require("../core/Edges.cjs.js"),C=require("../core/OrthographicCamera.cjs.js"),h=require("../core/PerspectiveCamera.cjs.js"),m=require("../core/CubeCamera.cjs.js"),S=require("../core/DeviceOrientationControls.cjs.js"),B=require("../core/FlyControls.cjs.js"),b=require("../core/MapControls.cjs.js"),P=require("../core/OrbitControls.cjs.js"),M=require("../core/TrackballControls.cjs.js"),f=require("../core/ArcballControls.cjs.js"),T=require("../core/TransformControls.cjs.js"),g=require("../core/PointerLockControls.cjs.js"),v=require("../core/FirstPersonControls.cjs.js"),L=require("../core/GizmoHelper.cjs.js"),A=require("../core/GizmoViewcube.cjs.js"),G=require("../core/GizmoViewport.cjs.js"),k=require("../core/useCubeTexture.cjs.js"),D=require("../core/useFBX.cjs.js"),F=require("../core/useGLTF.cjs.js"),w=require("../core/useProgress.cjs.js"),z=require("../core/useTexture.cjs.js"),y=require("../core/useKTX2.cjs.js"),I=require("../core/Stats.cjs.js"),O=require("../core/Select.cjs.js"),E=require("../core/useDepthBuffer.cjs.js"),R=require("../core/useAspect.cjs.js"),H=require("../core/useCamera.cjs.js"),V=require("../core/useDetectGPU.cjs.js"),Q=require("../core/useHelper.cjs.js"),X=require("../core/useBVH.cjs.js"),K=require("../core/useContextBridge.cjs.js"),W=require("../core/useAnimations.cjs.js"),N=require("../core/useFBO.cjs.js"),U=require("../core/useIntersect.cjs.js"),_=require("../core/CurveModifier.cjs.js"),J=require("../core/MeshDistortMaterial.cjs.js"),Y=require("../core/MeshWobbleMaterial.cjs.js"),Z=require("../core/MeshReflectorMaterial.cjs.js"),$=require("../core/PointMaterial.cjs.js"),ee=require("../core/shaderMaterial.cjs.js"),re=require("../core/softShadows.cjs.js"),se=require("../core/shapes.cjs.js"),oe=require("../core/RoundedBox.cjs.js"),te=require("../core/ScreenQuad.cjs.js"),ie=require("../core/Center.cjs.js"),ce=require("../core/Bounds.cjs.js"),ue=require("../core/CameraShake.cjs.js"),ae=require("../core/Float.cjs.js"),je=require("../core/Stage.cjs.js"),ne=require("../core/Backdrop.cjs.js"),pe=require("../core/Shadow.cjs.js"),le=require("../core/ContactShadows.cjs.js"),xe=require("../core/Reflector.cjs.js"),qe=require("../core/SpotLight.cjs.js"),de=require("../core/Environment.cjs.js"),Ce=require("../core/Sky.cjs.js"),he=require("../core/Stars.cjs.js"),me=require("../core/Cloud.cjs.js"),Se=require("../core/useMatcapTexture.cjs.js"),Be=require("../core/useNormalTexture.cjs.js"),be=require("../core/Points.cjs.js"),Pe=require("../core/Instances.cjs.js"),Me=require("../core/Segments.cjs.js"),fe=require("../core/Detailed.cjs.js"),Te=require("../core/Preload.cjs.js"),ge=require("../core/BakeShadows.cjs.js"),ve=require("../core/meshBounds.cjs.js"),Le=require("../core/AdaptiveDpr.cjs.js"),Ae=require("../core/AdaptiveEvents.cjs.js");require("@babel/runtime/helpers/extends"),require("react"),require("react-dom"),require("three"),require("@react-three/fiber"),require("zustand"),require("react-merge-refs"),require("@react-spring/three"),require("@use-gesture/react"),require("three-stdlib"),require("troika-three-text"),require("lodash.omit"),require("lodash.pick"),require("three/examples/js/libs/stats.min"),require("../helpers/useEffectfulState.cjs.js"),require("detect-gpu"),require("use-asset"),require("three-mesh-bvh"),require("../materials/BlurPass.cjs.js"),require("../materials/ConvolutionMaterial.cjs.js"),require("../materials/MeshReflectorMaterial.cjs.js"),require("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.cjs.js"),require("../helpers/Position.cjs.js"),require("react-composer"),exports.Html=e.Html,exports.CycleRaycast=r.CycleRaycast,exports.useCursor=s.useCursor,exports.Loader=o.Loader,exports.Scroll=t.Scroll,exports.ScrollControls=t.ScrollControls,exports.useScroll=t.useScroll,exports.PresentationControls=i.PresentationControls,exports.Billboard=c.Billboard,exports.QuadraticBezierLine=u.QuadraticBezierLine,exports.CubicBezierLine=a.CubicBezierLine,exports.Line=j.Line,exports.PositionalAudio=n.PositionalAudio,exports.Text=p.Text,exports.Effects=l.Effects,exports.isWebGL2Available=l.isWebGL2Available,exports.GradientTexture=x.GradientTexture,exports.Image=q.Image,exports.Edges=d.Edges,exports.OrthographicCamera=C.OrthographicCamera,exports.PerspectiveCamera=h.PerspectiveCamera,exports.CubeCamera=m.CubeCamera,exports.DeviceOrientationControls=S.DeviceOrientationControls,exports.FlyControls=B.FlyControls,exports.MapControls=b.MapControls,exports.OrbitControls=P.OrbitControls,exports.TrackballControls=M.TrackballControls,exports.ArcballControls=f.ArcballControls,exports.TransformControls=T.TransformControls,exports.PointerLockControls=g.PointerLockControls,exports.FirstPersonControls=v.FirstPersonControls,exports.GizmoHelper=L.GizmoHelper,exports.useGizmoContext=L.useGizmoContext,exports.GizmoViewcube=A.GizmoViewcube,exports.GizmoViewport=G.GizmoViewport,exports.useCubeTexture=k.useCubeTexture,exports.useFBX=D.useFBX,exports.useGLTF=F.useGLTF,exports.useProgress=w.useProgress,exports.IsObject=z.IsObject,exports.useTexture=z.useTexture,exports.useKTX2=y.useKTX2,exports.Stats=I.Stats,exports.Select=O.Select,exports.useSelect=O.useSelect,exports.useDepthBuffer=E.useDepthBuffer,exports.useAspect=R.useAspect,exports.useCamera=H.useCamera,exports.useDetectGPU=V.useDetectGPU,exports.useHelper=Q.useHelper,exports.useBVH=X.useBVH,exports.useContextBridge=K.useContextBridge,exports.useAnimations=W.useAnimations,exports.useFBO=N.useFBO,exports.useIntersect=U.useIntersect,exports.CurveModifier=_.CurveModifier,exports.MeshDistortMaterial=J.MeshDistortMaterial,exports.MeshWobbleMaterial=Y.MeshWobbleMaterial,exports.MeshReflectorMaterial=Z.MeshReflectorMaterial,exports.PointMaterial=$.PointMaterial,exports.PointMaterialImpl=$.PointMaterialImpl,exports.shaderMaterial=ee.shaderMaterial,exports.softShadows=re.softShadows,exports.Box=se.Box,exports.Circle=se.Circle,exports.Cone=se.Cone,exports.Cylinder=se.Cylinder,exports.Dodecahedron=se.Dodecahedron,exports.Extrude=se.Extrude,exports.Icosahedron=se.Icosahedron,exports.Lathe=se.Lathe,exports.Octahedron=se.Octahedron,exports.Plane=se.Plane,exports.Polyhedron=se.Polyhedron,exports.Ring=se.Ring,exports.Sphere=se.Sphere,exports.Tetrahedron=se.Tetrahedron,exports.Torus=se.Torus,exports.TorusKnot=se.TorusKnot,exports.Tube=se.Tube,exports.RoundedBox=oe.RoundedBox,exports.ScreenQuad=te.ScreenQuad,exports.Center=ie.Center,exports.Bounds=ce.Bounds,exports.useBounds=ce.useBounds,exports.CameraShake=ue.CameraShake,exports.Float=ae.Float,exports.Stage=je.Stage,exports.Backdrop=ne.Backdrop,exports.Shadow=pe.Shadow,exports.ContactShadows=le.ContactShadows,exports.Reflector=xe.Reflector,exports.SpotLight=qe.SpotLight,exports.Environment=de.Environment,exports.Sky=Ce.Sky,exports.calcPosFromAngles=Ce.calcPosFromAngles,exports.Stars=he.Stars,exports.Cloud=me.Cloud,exports.useMatcapTexture=Se.useMatcapTexture,exports.useNormalTexture=Be.useNormalTexture,exports.Point=be.Point,exports.Points=be.Points,exports.PointsBuffer=be.PointsBuffer,exports.Instance=Pe.Instance,exports.Instances=Pe.Instances,exports.Merged=Pe.Merged,exports.Segment=Me.Segment,exports.Segments=Me.Segments,exports.Detailed=fe.Detailed,exports.Preload=Te.Preload,exports.BakeShadows=ge.BakeShadows,exports.meshBounds=ve.meshBounds,exports.AdaptiveDpr=Le.AdaptiveDpr,exports.AdaptiveEvents=Ae.AdaptiveEvents;
|
package/web/index.js
CHANGED
|
@@ -13,6 +13,7 @@ export { Text } from '../core/Text.js';
|
|
|
13
13
|
export { Effects, isWebGL2Available } from '../core/Effects.js';
|
|
14
14
|
export { GradientTexture } from '../core/GradientTexture.js';
|
|
15
15
|
export { Image } from '../core/Image.js';
|
|
16
|
+
export { Edges } from '../core/Edges.js';
|
|
16
17
|
export { OrthographicCamera } from '../core/OrthographicCamera.js';
|
|
17
18
|
export { PerspectiveCamera } from '../core/PerspectiveCamera.js';
|
|
18
19
|
export { CubeCamera } from '../core/CubeCamera.js';
|
|
@@ -33,7 +34,9 @@ export { useFBX } from '../core/useFBX.js';
|
|
|
33
34
|
export { useGLTF } from '../core/useGLTF.js';
|
|
34
35
|
export { useProgress } from '../core/useProgress.js';
|
|
35
36
|
export { IsObject, useTexture } from '../core/useTexture.js';
|
|
37
|
+
export { useKTX2 } from '../core/useKTX2.js';
|
|
36
38
|
export { Stats } from '../core/Stats.js';
|
|
39
|
+
export { Select, useSelect } from '../core/Select.js';
|
|
37
40
|
export { useDepthBuffer } from '../core/useDepthBuffer.js';
|
|
38
41
|
export { useAspect } from '../core/useAspect.js';
|
|
39
42
|
export { useCamera } from '../core/useCamera.js';
|