@react-three/drei 9.44.1 → 9.45.1

package/README.md

@@ -65,6 +65,7 @@ The `native` route of the library **does not** export `Html` or `Loader`. The de
           <li><a href="#text3d">Text3D</a></li>          
           <li><a href="#positionalaudio">PositionalAudio</a></li>
           <li><a href="#billboard">Billboard</a></li>
+          <li><a href="#screenspace">ScreenSpace</a></li>
           <li><a href="#effects">Effects</a></li>
           <li><a href="#gradienttexture">GradientTexture</a></li>
           <li><a href="#edges">Edges</a></li>
@@ -933,6 +934,20 @@ Adds a `<group />` that always faces the camera.
 </Billboard>
 ```
 
+#### ScreenSpace
+
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/abstractions-screenspace--screen-space-story)
+
+Adds a `<group />` that aligns objects to screen space.
+
+```jsx
+<ScreenSpace
+  depth={1} // Distance from camera
+>
+  <Box>I'm in screen space</Box>
+</ScreenSpace>
+```
+
 #### GradientTexture
 
 <p>

package/core/ScreenSpace.cjs.js

@@ -0,0 +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;

package/core/ScreenSpace.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Group } from 'three';
+export declare type ScreenSpaceProps = {
+    depth?: number;
+} & JSX.IntrinsicElements['group'];
+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>>;

package/core/ScreenSpace.js

@@ -0,0 +1,25 @@
+import _extends from '@babel/runtime/helpers/esm/extends';
+import * as React from 'react';
+import mergeRefs from 'react-merge-refs';
+import { useFrame } from '@react-three/fiber';
+
+const ScreenSpace = /*#__PURE__*/React.forwardRef(({
+  children,
+  depth = -1,
+  ...rest
+}, ref) => {
+  const localRef = React.useRef(null);
+  useFrame(({
+    camera
+  }) => {
+    localRef.current.quaternion.copy(camera.quaternion);
+    localRef.current.position.copy(camera.position);
+  });
+  return /*#__PURE__*/React.createElement("group", _extends({
+    ref: mergeRefs([ref, localRef])
+  }, rest), /*#__PURE__*/React.createElement("group", {
+    "position-z": -depth
+  }, children));
+});
+
+export { ScreenSpace };

package/core/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Billboard.cjs.js"),r=require("./QuadraticBezierLine.cjs.js"),s=require("./CubicBezierLine.cjs.js"),t=require("./CatmullRomLine.cjs.js"),o=require("./Line.cjs.js"),i=require("./PositionalAudio.cjs.js"),u=require("./Text.cjs.js"),a=require("./Text3D.cjs.js"),n=require("./Effects.cjs.js"),c=require("./GradientTexture.cjs.js"),j=require("./Image.cjs.js"),p=require("./Edges.cjs.js"),x=require("./Trail.cjs.js"),l=require("./Sampler.cjs.js"),d=require("./ComputedAttribute.cjs.js"),q=require("./Clone.cjs.js"),m=require("./MarchingCubes.cjs.js"),h=require("./Decal.cjs.js"),C=require("./Svg.cjs.js"),M=require("./OrthographicCamera.cjs.js"),S=require("./PerspectiveCamera.cjs.js"),T=require("./CubeCamera.cjs.js"),P=require("./DeviceOrientationControls.cjs.js"),b=require("./FlyControls.cjs.js"),B=require("./MapControls.cjs.js"),g=require("./OrbitControls.cjs.js"),f=require("./TrackballControls.cjs.js"),v=require("./ArcballControls.cjs.js"),L=require("./TransformControls.cjs.js"),A=require("./PointerLockControls.cjs.js"),k=require("./FirstPersonControls.cjs.js"),D=require("./GizmoHelper.cjs.js"),E=require("./GizmoViewcube.cjs.js"),R=require("./GizmoViewport.cjs.js"),w=require("./useCubeTexture.cjs.js"),G=require("./useFBX.cjs.js"),z=require("./useGLTF.cjs.js"),F=require("./useKTX2.cjs.js"),O=require("./useProgress.cjs.js"),I=require("./useTexture.cjs.js"),H=require("./useVideoTexture.cjs.js"),V=require("./Stats.cjs.js"),y=require("./useDepthBuffer.cjs.js"),Q=require("./useAspect.cjs.js"),X=require("./useCamera.cjs.js"),K=require("./useDetectGPU.cjs.js"),W=require("./useHelper.cjs.js"),N=require("./useBVH.cjs.js"),U=require("./useContextBridge.cjs.js"),_=require("./useAnimations.cjs.js"),J=require("./useFBO.cjs.js"),Y=require("./useIntersect.cjs.js"),Z=require("./useBoxProjectedEnv.cjs.js"),$=require("./BBAnchor.cjs.js"),ee=require("./useTrailTexture.cjs.js"),re=require("./CurveModifier.cjs.js"),se=require("./MeshDistortMaterial.cjs.js"),te=require("./MeshWobbleMaterial.cjs.js"),oe=require("./MeshReflectorMaterial.cjs.js"),ie=require("./MeshRefractionMaterial.cjs.js"),ue=require("./PointMaterial.cjs.js"),ae=require("./shaderMaterial.cjs.js"),ne=require("./softShadows.cjs.js"),ce=require("./shapes.cjs.js"),je=require("./RoundedBox.cjs.js"),pe=require("./ScreenQuad.cjs.js"),xe=require("./Center.cjs.js"),le=require("./Bounds.cjs.js"),de=require("./CameraShake.cjs.js"),qe=require("./Float.cjs.js"),me=require("./Stage.cjs.js"),he=require("./Backdrop.cjs.js"),Ce=require("./Shadow.cjs.js"),Me=require("./ContactShadows.cjs.js"),Se=require("./AccumulativeShadows.cjs.js"),Te=require("./Reflector.cjs.js"),Pe=require("./SpotLight.cjs.js"),be=require("./Environment.cjs.js"),Be=require("./Lightformer.cjs.js"),ge=require("./Sky.cjs.js"),fe=require("./Stars.cjs.js"),ve=require("./Cloud.cjs.js"),Le=require("./Sparkles.cjs.js"),Ae=require("./useMatcapTexture.cjs.js"),ke=require("./useNormalTexture.cjs.js"),De=require("./Points.cjs.js"),Ee=require("./Instances.cjs.js"),Re=require("./Segments.cjs.js"),we=require("./Detailed.cjs.js"),Ge=require("./Preload.cjs.js"),ze=require("./BakeShadows.cjs.js"),Fe=require("./meshBounds.cjs.js"),Oe=require("./AdaptiveDpr.cjs.js"),Ie=require("./AdaptiveEvents.cjs.js"),He=require("./PerformanceMonitor.cjs.js"),Ve=require("./RenderTexture.cjs.js"),ye=require("./Mask.cjs.js"),Qe=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.QuadraticBezierLine=r.QuadraticBezierLine,exports.CubicBezierLine=s.CubicBezierLine,exports.CatmullRomLine=t.CatmullRomLine,exports.Line=o.Line,exports.PositionalAudio=i.PositionalAudio,exports.Text=u.Text,exports.Text3D=a.Text3D,exports.Effects=n.Effects,exports.isWebGL2Available=n.isWebGL2Available,exports.GradientTexture=c.GradientTexture,exports.Image=j.Image,exports.Edges=p.Edges,exports.Trail=x.Trail,exports.useTrail=x.useTrail,exports.Sampler=l.Sampler,exports.useSurfaceSampler=l.useSurfaceSampler,exports.ComputedAttribute=d.ComputedAttribute,exports.Clone=q.Clone,exports.MarchingCube=m.MarchingCube,exports.MarchingCubes=m.MarchingCubes,exports.MarchingPlane=m.MarchingPlane,exports.Decal=h.Decal,exports.Svg=C.Svg,exports.OrthographicCamera=M.OrthographicCamera,exports.PerspectiveCamera=S.PerspectiveCamera,exports.CubeCamera=T.CubeCamera,exports.DeviceOrientationControls=P.DeviceOrientationControls,exports.FlyControls=b.FlyControls,exports.MapControls=B.MapControls,exports.OrbitControls=g.OrbitControls,exports.TrackballControls=f.TrackballControls,exports.ArcballControls=v.ArcballControls,exports.TransformControls=L.TransformControls,exports.PointerLockControls=A.PointerLockControls,exports.FirstPersonControls=k.FirstPersonControls,exports.GizmoHelper=D.GizmoHelper,exports.useGizmoContext=D.useGizmoContext,exports.GizmoViewcube=E.GizmoViewcube,exports.GizmoViewport=R.GizmoViewport,exports.useCubeTexture=w.useCubeTexture,exports.useFBX=G.useFBX,exports.useGLTF=z.useGLTF,exports.useKTX2=F.useKTX2,exports.useProgress=O.useProgress,exports.IsObject=I.IsObject,exports.useTexture=I.useTexture,exports.useVideoTexture=H.useVideoTexture,exports.Stats=V.Stats,exports.useDepthBuffer=y.useDepthBuffer,exports.useAspect=Q.useAspect,exports.useCamera=X.useCamera,exports.useDetectGPU=K.useDetectGPU,exports.useHelper=W.useHelper,exports.useBVH=N.useBVH,exports.useContextBridge=U.useContextBridge,exports.useAnimations=_.useAnimations,exports.useFBO=J.useFBO,exports.useIntersect=Y.useIntersect,exports.useBoxProjectedEnv=Z.useBoxProjectedEnv,exports.BBAnchor=$.BBAnchor,exports.useTrailTexture=ee.useTrailTexture,exports.CurveModifier=re.CurveModifier,exports.MeshDistortMaterial=se.MeshDistortMaterial,exports.MeshWobbleMaterial=te.MeshWobbleMaterial,exports.MeshReflectorMaterial=oe.MeshReflectorMaterial,exports.MeshRefractionMaterial=ie.MeshRefractionMaterial,exports.PointMaterial=ue.PointMaterial,exports.PointMaterialImpl=ue.PointMaterialImpl,exports.shaderMaterial=ae.shaderMaterial,exports.softShadows=ne.softShadows,exports.Box=ce.Box,exports.Capsule=ce.Capsule,exports.Circle=ce.Circle,exports.Cone=ce.Cone,exports.Cylinder=ce.Cylinder,exports.Dodecahedron=ce.Dodecahedron,exports.Extrude=ce.Extrude,exports.Icosahedron=ce.Icosahedron,exports.Lathe=ce.Lathe,exports.Octahedron=ce.Octahedron,exports.Plane=ce.Plane,exports.Polyhedron=ce.Polyhedron,exports.Ring=ce.Ring,exports.Sphere=ce.Sphere,exports.Tetrahedron=ce.Tetrahedron,exports.Torus=ce.Torus,exports.TorusKnot=ce.TorusKnot,exports.Tube=ce.Tube,exports.RoundedBox=je.RoundedBox,exports.ScreenQuad=pe.ScreenQuad,exports.Center=xe.Center,exports.Bounds=le.Bounds,exports.useBounds=le.useBounds,exports.CameraShake=de.CameraShake,exports.Float=qe.Float,exports.Stage=me.Stage,exports.Backdrop=he.Backdrop,exports.Shadow=Ce.Shadow,exports.ContactShadows=Me.ContactShadows,exports.AccumulativeShadows=Se.AccumulativeShadows,exports.RandomizedLight=Se.RandomizedLight,exports.accumulativeContext=Se.accumulativeContext,exports.Reflector=Te.Reflector,exports.SpotLight=Pe.SpotLight,exports.SpotLightShadow=Pe.SpotLightShadow,exports.Environment=be.Environment,exports.EnvironmentCube=be.EnvironmentCube,exports.EnvironmentMap=be.EnvironmentMap,exports.EnvironmentPortal=be.EnvironmentPortal,exports.useEnvironment=be.useEnvironment,exports.Lightformer=Be.Lightformer,exports.Sky=ge.Sky,exports.calcPosFromAngles=ge.calcPosFromAngles,exports.Stars=fe.Stars,exports.Cloud=ve.Cloud,exports.Sparkles=Le.Sparkles,exports.useMatcapTexture=Ae.useMatcapTexture,exports.useNormalTexture=ke.useNormalTexture,exports.Point=De.Point,exports.Points=De.Points,exports.PointsBuffer=De.PointsBuffer,exports.PositionPoint=De.PositionPoint,exports.Instance=Ee.Instance,exports.Instances=Ee.Instances,exports.Merged=Ee.Merged,exports.Segment=Re.Segment,exports.SegmentObject=Re.SegmentObject,exports.Segments=Re.Segments,exports.Detailed=we.Detailed,exports.Preload=Ge.Preload,exports.BakeShadows=ze.BakeShadows,exports.meshBounds=Fe.meshBounds,exports.AdaptiveDpr=Oe.AdaptiveDpr,exports.AdaptiveEvents=Ie.AdaptiveEvents,exports.PerformanceMonitor=He.PerformanceMonitor,exports.usePerformanceMonitor=He.usePerformanceMonitor,exports.RenderTexture=Ve.RenderTexture,exports.Mask=ye.Mask,exports.useMask=ye.useMask,exports.Hud=Qe.Hud;
+"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

@@ -1,4 +1,5 @@
 export * from './Billboard';
+export * from './ScreenSpace';
 export * from './QuadraticBezierLine';
 export * from './CubicBezierLine';
 export * from './CatmullRomLine';

package/core/index.js

@@ -1,4 +1,5 @@
 export { Billboard } from './Billboard.js';
+export { ScreenSpace } from './ScreenSpace.js';
 export { QuadraticBezierLine } from './QuadraticBezierLine.js';
 export { CubicBezierLine } from './CubicBezierLine.js';
 export { CatmullRomLine } from './CatmullRomLine.js';

package/core/useVideoTexture.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=require("react"),t=require("@react-three/fiber"),n=require("suspend-react");function u(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);exports.useVideoTexture=function(e,u){const{unsuspend:s,start:i,crossOrigin:c,muted:a,loop:d,...f}={unsuspend:"loadedmetadata",crossOrigin:"Anonymous",muted:!0,loop:!0,start:!0,...u},l=t.useThree((e=>e.gl)),p=n.suspend((()=>new Promise(((r,t)=>{const n=Object.assign(document.createElement("video"),{src:e,crossOrigin:c,loop:d,muted:a,...f}),u=new o.VideoTexture(n);u.encoding=l.outputEncoding,n.addEventListener(s,(()=>r(u)))}))),[e]);return r.useEffect((()=>{i&&p.image.play()}),[p]),p};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=require("react"),t=require("@react-three/fiber"),n=require("suspend-react");function u(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 s=u(e);exports.useVideoTexture=function(e,u){const{unsuspend:o,start:i,crossOrigin:c,muted:a,loop:d,...l}={unsuspend:"loadedmetadata",crossOrigin:"Anonymous",muted:!0,loop:!0,start:!0,playsInline:!0,...u},p=t.useThree((e=>e.gl)),f=n.suspend((()=>new Promise(((r,t)=>{const n=Object.assign(document.createElement("video"),{src:e,crossOrigin:c,loop:d,muted:a,...l}),u=new s.VideoTexture(n);u.encoding=p.outputEncoding,n.addEventListener(o,(()=>r(u)))}))),[e]);return r.useEffect((()=>{i&&f.image.play()}),[f]),f};

package/core/useVideoTexture.js

@@ -17,6 +17,7 @@ function useVideoTexture(src, props) {
     muted: true,
     loop: true,
     start: true,
+    playsInline: true,
     ...props
   };
   const gl = useThree(state => state.gl);