@react-three/drei 9.44.1 → 9.45.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 +15 -0
- package/core/ScreenSpace.cjs.js +1 -0
- package/core/ScreenSpace.d.ts +6 -0
- package/core/ScreenSpace.js +25 -0
- package/core/index.cjs.js +1 -1
- package/core/index.d.ts +1 -0
- package/core/index.js +1 -0
- package/index.cjs.js +1 -1
- package/index.js +1 -0
- package/native/index.cjs.js +1 -1
- package/native/index.js +1 -0
- package/package.json +1 -1
- package/web/index.cjs.js +1 -1
- package/web/index.js +1 -0
package/README.md
CHANGED
|
@@ -65,6 +65,7 @@ The `native` route of the library **does not** export `Html` or `Loader`. The de
|
|
|
65
65
|
<li><a href="#text3d">Text3D</a></li>
|
|
66
66
|
<li><a href="#positionalaudio">PositionalAudio</a></li>
|
|
67
67
|
<li><a href="#billboard">Billboard</a></li>
|
|
68
|
+
<li><a href="#screenspace">ScreenSpace</a></li>
|
|
68
69
|
<li><a href="#effects">Effects</a></li>
|
|
69
70
|
<li><a href="#gradienttexture">GradientTexture</a></li>
|
|
70
71
|
<li><a href="#edges">Edges</a></li>
|
|
@@ -933,6 +934,20 @@ Adds a `<group />` that always faces the camera.
|
|
|
933
934
|
</Billboard>
|
|
934
935
|
```
|
|
935
936
|
|
|
937
|
+
#### ScreenSpace
|
|
938
|
+
|
|
939
|
+
[](https://drei.pmnd.rs/?path=/story/abstractions-screenspace--screen-space-story)
|
|
940
|
+
|
|
941
|
+
Adds a `<group />` that aligns objects to screen space.
|
|
942
|
+
|
|
943
|
+
```jsx
|
|
944
|
+
<ScreenSpace
|
|
945
|
+
depth={1} // Distance from camera
|
|
946
|
+
>
|
|
947
|
+
<Box>I'm in screen space</Box>
|
|
948
|
+
</ScreenSpace>
|
|
949
|
+
```
|
|
950
|
+
|
|
936
951
|
#### GradientTexture
|
|
937
952
|
|
|
938
953
|
<p>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("react"),t=require("react-merge-refs"),n=require("@react-three/fiber");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var o=u(e),a=c(r),i=u(t);const f=a.forwardRef((({children:e,depth:r=-1,...t},u)=>{const c=a.useRef(null);return n.useFrame((({camera:e})=>{c.current.quaternion.copy(e.quaternion),c.current.position.copy(e.position)})),a.createElement("group",o.default({ref:i.default([u,c])},t),a.createElement("group",{"position-z":-r},e))}));exports.ScreenSpace=f;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Group } from 'three';
|
|
3
|
+
export declare type ScreenSpaceProps = {
|
|
4
|
+
depth?: number;
|
|
5
|
+
} & JSX.IntrinsicElements['group'];
|
|
6
|
+
export declare const ScreenSpace: React.ForwardRefExoticComponent<Pick<ScreenSpaceProps, "visible" | "attach" | "args" | "children" | "key" | "onUpdate" | "position" | "up" | "scale" | "rotation" | "matrix" | "quaternion" | "layers" | "dispose" | "type" | "isGroup" | "id" | "uuid" | "name" | "parent" | "modelViewMatrix" | "normalMatrix" | "matrixWorld" | "matrixAutoUpdate" | "matrixWorldNeedsUpdate" | "castShadow" | "receiveShadow" | "frustumCulled" | "renderOrder" | "animations" | "userData" | "customDepthMaterial" | "customDistanceMaterial" | "isObject3D" | "onBeforeRender" | "onAfterRender" | "applyMatrix4" | "applyQuaternion" | "setRotationFromAxisAngle" | "setRotationFromEuler" | "setRotationFromMatrix" | "setRotationFromQuaternion" | "rotateOnAxis" | "rotateOnWorldAxis" | "rotateX" | "rotateY" | "rotateZ" | "translateOnAxis" | "translateX" | "translateY" | "translateZ" | "localToWorld" | "worldToLocal" | "lookAt" | "add" | "remove" | "removeFromParent" | "clear" | "getObjectById" | "getObjectByName" | "getObjectByProperty" | "getWorldPosition" | "getWorldQuaternion" | "getWorldScale" | "getWorldDirection" | "raycast" | "traverse" | "traverseVisible" | "traverseAncestors" | "updateMatrix" | "updateMatrixWorld" | "updateWorldMatrix" | "toJSON" | "clone" | "copy" | "addEventListener" | "hasEventListener" | "removeEventListener" | "dispatchEvent" | keyof import("@react-three/fiber/dist/declarations/src/core/events").EventHandlers | "depth"> & React.RefAttributes<Group>>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import _extends from '@babel/runtime/helpers/esm/extends';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import mergeRefs from 'react-merge-refs';
|
|
4
|
+
import { useFrame } from '@react-three/fiber';
|
|
5
|
+
|
|
6
|
+
const ScreenSpace = /*#__PURE__*/React.forwardRef(({
|
|
7
|
+
children,
|
|
8
|
+
depth = -1,
|
|
9
|
+
...rest
|
|
10
|
+
}, ref) => {
|
|
11
|
+
const localRef = React.useRef(null);
|
|
12
|
+
useFrame(({
|
|
13
|
+
camera
|
|
14
|
+
}) => {
|
|
15
|
+
localRef.current.quaternion.copy(camera.quaternion);
|
|
16
|
+
localRef.current.position.copy(camera.position);
|
|
17
|
+
});
|
|
18
|
+
return /*#__PURE__*/React.createElement("group", _extends({
|
|
19
|
+
ref: mergeRefs([ref, localRef])
|
|
20
|
+
}, rest), /*#__PURE__*/React.createElement("group", {
|
|
21
|
+
"position-z": -depth
|
|
22
|
+
}, children));
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
export { ScreenSpace };
|
package/core/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Billboard.cjs.js"),r=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Billboard.cjs.js"),r=require("./ScreenSpace.cjs.js"),s=require("./QuadraticBezierLine.cjs.js"),t=require("./CubicBezierLine.cjs.js"),o=require("./CatmullRomLine.cjs.js"),i=require("./Line.cjs.js"),u=require("./PositionalAudio.cjs.js"),a=require("./Text.cjs.js"),c=require("./Text3D.cjs.js"),n=require("./Effects.cjs.js"),j=require("./GradientTexture.cjs.js"),p=require("./Image.cjs.js"),x=require("./Edges.cjs.js"),l=require("./Trail.cjs.js"),d=require("./Sampler.cjs.js"),q=require("./ComputedAttribute.cjs.js"),m=require("./Clone.cjs.js"),h=require("./MarchingCubes.cjs.js"),C=require("./Decal.cjs.js"),S=require("./Svg.cjs.js"),M=require("./OrthographicCamera.cjs.js"),T=require("./PerspectiveCamera.cjs.js"),P=require("./CubeCamera.cjs.js"),b=require("./DeviceOrientationControls.cjs.js"),B=require("./FlyControls.cjs.js"),g=require("./MapControls.cjs.js"),f=require("./OrbitControls.cjs.js"),v=require("./TrackballControls.cjs.js"),L=require("./ArcballControls.cjs.js"),A=require("./TransformControls.cjs.js"),k=require("./PointerLockControls.cjs.js"),D=require("./FirstPersonControls.cjs.js"),E=require("./GizmoHelper.cjs.js"),R=require("./GizmoViewcube.cjs.js"),w=require("./GizmoViewport.cjs.js"),G=require("./useCubeTexture.cjs.js"),z=require("./useFBX.cjs.js"),F=require("./useGLTF.cjs.js"),O=require("./useKTX2.cjs.js"),I=require("./useProgress.cjs.js"),H=require("./useTexture.cjs.js"),V=require("./useVideoTexture.cjs.js"),y=require("./Stats.cjs.js"),Q=require("./useDepthBuffer.cjs.js"),X=require("./useAspect.cjs.js"),K=require("./useCamera.cjs.js"),W=require("./useDetectGPU.cjs.js"),N=require("./useHelper.cjs.js"),U=require("./useBVH.cjs.js"),_=require("./useContextBridge.cjs.js"),J=require("./useAnimations.cjs.js"),Y=require("./useFBO.cjs.js"),Z=require("./useIntersect.cjs.js"),$=require("./useBoxProjectedEnv.cjs.js"),ee=require("./BBAnchor.cjs.js"),re=require("./useTrailTexture.cjs.js"),se=require("./CurveModifier.cjs.js"),te=require("./MeshDistortMaterial.cjs.js"),oe=require("./MeshWobbleMaterial.cjs.js"),ie=require("./MeshReflectorMaterial.cjs.js"),ue=require("./MeshRefractionMaterial.cjs.js"),ae=require("./PointMaterial.cjs.js"),ce=require("./shaderMaterial.cjs.js"),ne=require("./softShadows.cjs.js"),je=require("./shapes.cjs.js"),pe=require("./RoundedBox.cjs.js"),xe=require("./ScreenQuad.cjs.js"),le=require("./Center.cjs.js"),de=require("./Bounds.cjs.js"),qe=require("./CameraShake.cjs.js"),me=require("./Float.cjs.js"),he=require("./Stage.cjs.js"),Ce=require("./Backdrop.cjs.js"),Se=require("./Shadow.cjs.js"),Me=require("./ContactShadows.cjs.js"),Te=require("./AccumulativeShadows.cjs.js"),Pe=require("./Reflector.cjs.js"),be=require("./SpotLight.cjs.js"),Be=require("./Environment.cjs.js"),ge=require("./Lightformer.cjs.js"),fe=require("./Sky.cjs.js"),ve=require("./Stars.cjs.js"),Le=require("./Cloud.cjs.js"),Ae=require("./Sparkles.cjs.js"),ke=require("./useMatcapTexture.cjs.js"),De=require("./useNormalTexture.cjs.js"),Ee=require("./Points.cjs.js"),Re=require("./Instances.cjs.js"),we=require("./Segments.cjs.js"),Ge=require("./Detailed.cjs.js"),ze=require("./Preload.cjs.js"),Fe=require("./BakeShadows.cjs.js"),Oe=require("./meshBounds.cjs.js"),Ie=require("./AdaptiveDpr.cjs.js"),He=require("./AdaptiveEvents.cjs.js"),Ve=require("./PerformanceMonitor.cjs.js"),ye=require("./RenderTexture.cjs.js"),Qe=require("./Mask.cjs.js"),Xe=require("./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=t.CubicBezierLine,exports.CatmullRomLine=o.CatmullRomLine,exports.Line=i.Line,exports.PositionalAudio=u.PositionalAudio,exports.Text=a.Text,exports.Text3D=c.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.OrthographicCamera=M.OrthographicCamera,exports.PerspectiveCamera=T.PerspectiveCamera,exports.CubeCamera=P.CubeCamera,exports.DeviceOrientationControls=b.DeviceOrientationControls,exports.FlyControls=B.FlyControls,exports.MapControls=g.MapControls,exports.OrbitControls=f.OrbitControls,exports.TrackballControls=v.TrackballControls,exports.ArcballControls=L.ArcballControls,exports.TransformControls=A.TransformControls,exports.PointerLockControls=k.PointerLockControls,exports.FirstPersonControls=D.FirstPersonControls,exports.GizmoHelper=E.GizmoHelper,exports.useGizmoContext=E.useGizmoContext,exports.GizmoViewcube=R.GizmoViewcube,exports.GizmoViewport=w.GizmoViewport,exports.useCubeTexture=G.useCubeTexture,exports.useFBX=z.useFBX,exports.useGLTF=F.useGLTF,exports.useKTX2=O.useKTX2,exports.useProgress=I.useProgress,exports.IsObject=H.IsObject,exports.useTexture=H.useTexture,exports.useVideoTexture=V.useVideoTexture,exports.Stats=y.Stats,exports.useDepthBuffer=Q.useDepthBuffer,exports.useAspect=X.useAspect,exports.useCamera=K.useCamera,exports.useDetectGPU=W.useDetectGPU,exports.useHelper=N.useHelper,exports.useBVH=U.useBVH,exports.useContextBridge=_.useContextBridge,exports.useAnimations=J.useAnimations,exports.useFBO=Y.useFBO,exports.useIntersect=Z.useIntersect,exports.useBoxProjectedEnv=$.useBoxProjectedEnv,exports.BBAnchor=ee.BBAnchor,exports.useTrailTexture=re.useTrailTexture,exports.CurveModifier=se.CurveModifier,exports.MeshDistortMaterial=te.MeshDistortMaterial,exports.MeshWobbleMaterial=oe.MeshWobbleMaterial,exports.MeshReflectorMaterial=ie.MeshReflectorMaterial,exports.MeshRefractionMaterial=ue.MeshRefractionMaterial,exports.PointMaterial=ae.PointMaterial,exports.PointMaterialImpl=ae.PointMaterialImpl,exports.shaderMaterial=ce.shaderMaterial,exports.softShadows=ne.softShadows,exports.Box=je.Box,exports.Capsule=je.Capsule,exports.Circle=je.Circle,exports.Cone=je.Cone,exports.Cylinder=je.Cylinder,exports.Dodecahedron=je.Dodecahedron,exports.Extrude=je.Extrude,exports.Icosahedron=je.Icosahedron,exports.Lathe=je.Lathe,exports.Octahedron=je.Octahedron,exports.Plane=je.Plane,exports.Polyhedron=je.Polyhedron,exports.Ring=je.Ring,exports.Sphere=je.Sphere,exports.Tetrahedron=je.Tetrahedron,exports.Torus=je.Torus,exports.TorusKnot=je.TorusKnot,exports.Tube=je.Tube,exports.RoundedBox=pe.RoundedBox,exports.ScreenQuad=xe.ScreenQuad,exports.Center=le.Center,exports.Bounds=de.Bounds,exports.useBounds=de.useBounds,exports.CameraShake=qe.CameraShake,exports.Float=me.Float,exports.Stage=he.Stage,exports.Backdrop=Ce.Backdrop,exports.Shadow=Se.Shadow,exports.ContactShadows=Me.ContactShadows,exports.AccumulativeShadows=Te.AccumulativeShadows,exports.RandomizedLight=Te.RandomizedLight,exports.accumulativeContext=Te.accumulativeContext,exports.Reflector=Pe.Reflector,exports.SpotLight=be.SpotLight,exports.SpotLightShadow=be.SpotLightShadow,exports.Environment=Be.Environment,exports.EnvironmentCube=Be.EnvironmentCube,exports.EnvironmentMap=Be.EnvironmentMap,exports.EnvironmentPortal=Be.EnvironmentPortal,exports.useEnvironment=Be.useEnvironment,exports.Lightformer=ge.Lightformer,exports.Sky=fe.Sky,exports.calcPosFromAngles=fe.calcPosFromAngles,exports.Stars=ve.Stars,exports.Cloud=Le.Cloud,exports.Sparkles=Ae.Sparkles,exports.useMatcapTexture=ke.useMatcapTexture,exports.useNormalTexture=De.useNormalTexture,exports.Point=Ee.Point,exports.Points=Ee.Points,exports.PointsBuffer=Ee.PointsBuffer,exports.PositionPoint=Ee.PositionPoint,exports.Instance=Re.Instance,exports.Instances=Re.Instances,exports.Merged=Re.Merged,exports.Segment=we.Segment,exports.SegmentObject=we.SegmentObject,exports.Segments=we.Segments,exports.Detailed=Ge.Detailed,exports.Preload=ze.Preload,exports.BakeShadows=Fe.BakeShadows,exports.meshBounds=Oe.meshBounds,exports.AdaptiveDpr=Ie.AdaptiveDpr,exports.AdaptiveEvents=He.AdaptiveEvents,exports.PerformanceMonitor=Ve.PerformanceMonitor,exports.usePerformanceMonitor=Ve.usePerformanceMonitor,exports.RenderTexture=ye.RenderTexture,exports.Mask=Qe.Mask,exports.useMask=Qe.useMask,exports.Hud=Xe.Hud;
|
package/core/index.d.ts
CHANGED
package/core/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { Billboard } from './Billboard.js';
|
|
2
|
+
export { ScreenSpace } from './ScreenSpace.js';
|
|
2
3
|
export { QuadraticBezierLine } from './QuadraticBezierLine.js';
|
|
3
4
|
export { CubicBezierLine } from './CubicBezierLine.js';
|
|
4
5
|
export { CatmullRomLine } from './CatmullRomLine.js';
|