@ohos-ports/react-three-drei 10.7.7-beta.0

package/materials/WireframeMaterial.js

@@ -0,0 +1,217 @@
+import * as THREE from 'three';
+import * as React from 'react';
+import { shaderMaterial } from '../core/shaderMaterial.js';
+
+const WireframeMaterialShaders = {
+  uniforms: {
+    strokeOpacity: 1,
+    fillOpacity: 0.25,
+    fillMix: 0,
+    thickness: 0.05,
+    colorBackfaces: false,
+    dashInvert: true,
+    dash: false,
+    dashRepeats: 4,
+    dashLength: 0.5,
+    squeeze: false,
+    squeezeMin: 0.2,
+    squeezeMax: 1,
+    stroke: /* @__PURE__ */new THREE.Color('#ff0000'),
+    backfaceStroke: /* @__PURE__ */new THREE.Color('#0000ff'),
+    fill: /* @__PURE__ */new THREE.Color('#00ff00')
+  },
+  vertex: /* glsl */`
+	  attribute vec3 barycentric;
+	
+		varying vec3 v_edges_Barycentric;
+		varying vec3 v_edges_Position;
+
+		void initWireframe() {
+			v_edges_Barycentric = barycentric;
+			v_edges_Position = position.xyz;
+		}
+	  `,
+  fragment: /* glsl */`
+		#ifndef PI
+	  	#define PI 3.1415926535897932384626433832795
+		#endif
+  
+	  varying vec3 v_edges_Barycentric;
+	  varying vec3 v_edges_Position;
+  
+	  uniform float strokeOpacity;
+	  uniform float fillOpacity;
+	  uniform float fillMix;
+	  uniform float thickness;
+	  uniform bool colorBackfaces;
+  
+	  // Dash
+	  uniform bool dashInvert;
+	  uniform bool dash;
+	  uniform bool dashOnly;
+	  uniform float dashRepeats;
+	  uniform float dashLength;
+  
+	  // Squeeze
+	  uniform bool squeeze;
+	  uniform float squeezeMin;
+	  uniform float squeezeMax;
+  
+	  // Colors
+	  uniform vec3 stroke;
+	  uniform vec3 backfaceStroke;
+	  uniform vec3 fill;
+  
+	  // This is like
+	  float wireframe_aastep(float threshold, float dist) {
+		  float afwidth = fwidth(dist) * 0.5;
+		  return smoothstep(threshold - afwidth, threshold + afwidth, dist);
+	  }
+  
+	  float wireframe_map(float value, float min1, float max1, float min2, float max2) {
+		  return min2 + (value - min1) * (max2 - min2) / (max1 - min1);
+	  }
+  
+	  float getWireframe() {
+			vec3 barycentric = v_edges_Barycentric;
+		
+			// Distance from center of each triangle to its edges.
+			float d = min(min(barycentric.x, barycentric.y), barycentric.z);
+
+			// for dashed rendering, we can use this to get the 0 .. 1 value of the line length
+			float positionAlong = max(barycentric.x, barycentric.y);
+			if (barycentric.y < barycentric.x && barycentric.y < barycentric.z) {
+				positionAlong = 1.0 - positionAlong;
+			}
+
+			// the thickness of the stroke
+			float computedThickness = wireframe_map(thickness, 0.0, 1.0, 0.0, 0.34);
+
+			// if we want to shrink the thickness toward the center of the line segment
+			if (squeeze) {
+				computedThickness *= mix(squeezeMin, squeezeMax, (1.0 - sin(positionAlong * PI)));
+			}
+
+			// Create dash pattern
+			if (dash) {
+				// here we offset the stroke position depending on whether it
+				// should overlap or not
+				float offset = 1.0 / dashRepeats * dashLength / 2.0;
+				if (!dashInvert) {
+					offset += 1.0 / dashRepeats / 2.0;
+				}
+
+				// if we should animate the dash or not
+				// if (dashAnimate) {
+				// 	offset += time * 0.22;
+				// }
+
+				// create the repeating dash pattern
+				float pattern = fract((positionAlong + offset) * dashRepeats);
+				computedThickness *= 1.0 - wireframe_aastep(dashLength, pattern);
+			}
+
+			// compute the anti-aliased stroke edge  
+			float edge = 1.0 - wireframe_aastep(computedThickness, d);
+
+			return edge;
+	  }
+	  `
+};
+const WireframeMaterial = /* @__PURE__ */shaderMaterial(WireframeMaterialShaders.uniforms, WireframeMaterialShaders.vertex + /* glsl */`
+  	void main() {
+		initWireframe();
+		gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+	}
+  `, WireframeMaterialShaders.fragment + /* glsl */`
+  void main () {
+		// Compute color
+
+		float edge = getWireframe();
+		vec4 colorStroke = vec4(stroke, edge);
+
+		#ifdef FLIP_SIDED
+			colorStroke.rgb = backfaceStroke;
+		#endif
+    
+		vec4 colorFill = vec4(fill, fillOpacity);
+		vec4 outColor = mix(colorFill, colorStroke, edge * strokeOpacity);
+
+		gl_FragColor = outColor;
+	}
+  `);
+function setWireframeOverride(material, uniforms) {
+  material.onBeforeCompile = shader => {
+    shader.uniforms = {
+      ...shader.uniforms,
+      ...uniforms
+    };
+    shader.vertexShader = shader.vertexShader.replace('void main() {', `
+		  ${WireframeMaterialShaders.vertex}
+		  void main() {
+			initWireframe();
+		`);
+    shader.fragmentShader = shader.fragmentShader.replace('void main() {', `
+		  ${WireframeMaterialShaders.fragment}
+		  void main() {
+		`);
+    shader.fragmentShader = shader.fragmentShader.replace('#include <color_fragment>', /* glsl */`
+		  #include <color_fragment>
+			  float edge = getWireframe();
+		  vec4 colorStroke = vec4(stroke, edge);
+		  #ifdef FLIP_SIDED
+			colorStroke.rgb = backfaceStroke;
+		  #endif
+		  vec4 colorFill = vec4(mix(diffuseColor.rgb, fill, fillMix), mix(diffuseColor.a, fillOpacity, fillMix));
+		  vec4 outColor = mix(colorFill, colorStroke, edge * strokeOpacity);
+
+		  diffuseColor.rgb = outColor.rgb;
+		  diffuseColor.a *= outColor.a;
+		`);
+  };
+  material.side = THREE.DoubleSide;
+  material.transparent = true;
+}
+function useWireframeUniforms(uniforms, props) {
+  React.useEffect(() => {
+    var _props$fillOpacity;
+    return void (uniforms.fillOpacity.value = (_props$fillOpacity = props.fillOpacity) !== null && _props$fillOpacity !== void 0 ? _props$fillOpacity : uniforms.fillOpacity.value);
+  }, [props.fillOpacity]);
+  React.useEffect(() => {
+    var _props$fillMix;
+    return void (uniforms.fillMix.value = (_props$fillMix = props.fillMix) !== null && _props$fillMix !== void 0 ? _props$fillMix : uniforms.fillMix.value);
+  }, [props.fillMix]);
+  React.useEffect(() => {
+    var _props$strokeOpacity;
+    return void (uniforms.strokeOpacity.value = (_props$strokeOpacity = props.strokeOpacity) !== null && _props$strokeOpacity !== void 0 ? _props$strokeOpacity : uniforms.strokeOpacity.value);
+  }, [props.strokeOpacity]);
+  React.useEffect(() => {
+    var _props$thickness;
+    return void (uniforms.thickness.value = (_props$thickness = props.thickness) !== null && _props$thickness !== void 0 ? _props$thickness : uniforms.thickness.value);
+  }, [props.thickness]);
+  React.useEffect(() => void (uniforms.colorBackfaces.value = !!props.colorBackfaces), [props.colorBackfaces]);
+  React.useEffect(() => void (uniforms.dash.value = !!props.dash), [props.dash]);
+  React.useEffect(() => void (uniforms.dashInvert.value = !!props.dashInvert), [props.dashInvert]);
+  React.useEffect(() => {
+    var _props$dashRepeats;
+    return void (uniforms.dashRepeats.value = (_props$dashRepeats = props.dashRepeats) !== null && _props$dashRepeats !== void 0 ? _props$dashRepeats : uniforms.dashRepeats.value);
+  }, [props.dashRepeats]);
+  React.useEffect(() => {
+    var _props$dashLength;
+    return void (uniforms.dashLength.value = (_props$dashLength = props.dashLength) !== null && _props$dashLength !== void 0 ? _props$dashLength : uniforms.dashLength.value);
+  }, [props.dashLength]);
+  React.useEffect(() => void (uniforms.squeeze.value = !!props.squeeze), [props.squeeze]);
+  React.useEffect(() => {
+    var _props$squeezeMin;
+    return void (uniforms.squeezeMin.value = (_props$squeezeMin = props.squeezeMin) !== null && _props$squeezeMin !== void 0 ? _props$squeezeMin : uniforms.squeezeMin.value);
+  }, [props.squeezeMin]);
+  React.useEffect(() => {
+    var _props$squeezeMax;
+    return void (uniforms.squeezeMax.value = (_props$squeezeMax = props.squeezeMax) !== null && _props$squeezeMax !== void 0 ? _props$squeezeMax : uniforms.squeezeMax.value);
+  }, [props.squeezeMax]);
+  React.useEffect(() => void (uniforms.stroke.value = props.stroke ? new THREE.Color(props.stroke) : uniforms.stroke.value), [props.stroke]);
+  React.useEffect(() => void (uniforms.fill.value = props.fill ? new THREE.Color(props.fill) : uniforms.fill.value), [props.fill]);
+  React.useEffect(() => void (uniforms.backfaceStroke.value = props.backfaceStroke ? new THREE.Color(props.backfaceStroke) : uniforms.backfaceStroke.value), [props.backfaceStroke]);
+}
+
+export { WireframeMaterial, WireframeMaterialShaders, setWireframeOverride, useWireframeUniforms };

package/native/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../core/Billboard.cjs.js"),r=require("../core/ScreenSpace.cjs.js"),s=require("../core/ScreenSizer.cjs.js"),o=require("../core/QuadraticBezierLine.cjs.js"),t=require("../core/CubicBezierLine.cjs.js"),i=require("../core/CatmullRomLine.cjs.js"),a=require("../core/Line.cjs.js"),c=require("../core/PositionalAudio.cjs.js"),u=require("../core/Text.cjs.js"),n=require("../core/Text3D.cjs.js"),p=require("../core/Effects.cjs.js"),j=require("../core/GradientTexture.cjs.js"),x=require("../core/Image.cjs.js"),l=require("../core/Edges.cjs.js"),d=require("../core/Outlines.cjs.js"),q=require("../core/Trail.cjs.js"),m=require("../core/Sampler.cjs.js"),h=require("../core/ComputedAttribute.cjs.js"),C=require("../core/Clone.cjs.js"),M=require("../core/MarchingCubes.cjs.js"),S=require("../core/Decal.cjs.js"),T=require("../core/Svg.cjs.js"),b=require("../core/Gltf.cjs.js"),P=require("../core/AsciiRenderer.cjs.js"),f=require("../core/Splat.cjs.js"),g=require("../core/OrthographicCamera.cjs.js"),B=require("../core/PerspectiveCamera.cjs.js"),v=require("../core/CubeCamera.cjs.js"),A=require("../core/DeviceOrientationControls.cjs.js"),F=require("../core/FlyControls.cjs.js"),G=require("../core/MapControls.cjs.js"),L=require("../core/OrbitControls.cjs.js"),D=require("../core/TrackballControls.cjs.js"),E=require("../core/ArcballControls.cjs.js"),R=require("../core/TransformControls.cjs.js"),k=require("../core/PointerLockControls.cjs.js"),I=require("../core/FirstPersonControls.cjs.js"),w=require("../core/CameraControls.cjs.js"),z=require("camera-controls"),y=require("../core/MotionPathControls.cjs.js"),O=require("../core/GizmoHelper.cjs.js"),H=require("../core/GizmoViewcube.cjs.js"),V=require("../core/GizmoViewport.cjs.js"),W=require("../core/Grid.cjs.js"),K=require("../core/CubeTexture.cjs.js"),Q=require("../core/Fbx.cjs.js"),N=require("../core/Ktx2.cjs.js"),U=require("../core/Progress.cjs.js"),X=require("../core/Texture.cjs.js"),_=require("../core/VideoTexture.cjs.js"),J=require("../core/useFont.cjs.js"),Y=require("../core/useSpriteLoader.cjs.js"),Z=require("../core/Helper.cjs.js"),$=require("../core/Stats.cjs.js"),ee=require("../core/StatsGl.cjs.js"),re=require("../core/useDepthBuffer.cjs.js"),se=require("../core/useAspect.cjs.js"),oe=require("../core/useCamera.cjs.js"),te=require("../core/DetectGPU.cjs.js"),ie=require("../core/Bvh.cjs.js"),ae=require("../core/useContextBridge.cjs.js"),ce=require("../core/useAnimations.cjs.js"),ue=require("../core/Fbo.cjs.js"),ne=require("../core/useIntersect.cjs.js"),pe=require("../core/useBoxProjectedEnv.cjs.js"),je=require("../core/BBAnchor.cjs.js"),xe=require("../core/TrailTexture.cjs.js"),le=require("../core/Example.cjs.js"),de=require("../core/SpriteAnimator.cjs.js"),qe=require("../core/CurveModifier.cjs.js"),me=require("../core/MeshDistortMaterial.cjs.js"),he=require("../core/MeshWobbleMaterial.cjs.js"),Ce=require("../core/MeshReflectorMaterial.cjs.js"),Me=require("../core/MeshRefractionMaterial.cjs.js"),Se=require("../core/MeshTransmissionMaterial.cjs.js"),Te=require("../core/MeshDiscardMaterial.cjs.js"),be=require("../core/MultiMaterial.cjs.js"),Pe=require("../core/PointMaterial.cjs.js"),fe=require("../core/shaderMaterial.cjs.js"),ge=require("../core/softShadows.cjs.js"),Be=require("../core/shapes.cjs.js"),ve=require("../core/RoundedBox.cjs.js"),Ae=require("../core/ScreenQuad.cjs.js"),Fe=require("../core/Center.cjs.js"),Ge=require("../core/Resize.cjs.js"),Le=require("../core/Bounds.cjs.js"),De=require("../core/CameraShake.cjs.js"),Ee=require("../core/Float.cjs.js"),Re=require("../core/Stage.cjs.js"),ke=require("../core/Backdrop.cjs.js"),Ie=require("../core/Shadow.cjs.js"),we=require("../core/Caustics.cjs.js"),ze=require("../core/ContactShadows.cjs.js"),ye=require("../core/AccumulativeShadows.cjs.js"),Oe=require("../core/SpotLight.cjs.js"),He=require("../core/Environment.cjs.js"),Ve=require("../core/Lightformer.cjs.js"),We=require("../core/Sky.cjs.js"),Ke=require("../core/Stars.cjs.js"),Qe=require("../core/Cloud.cjs.js"),Ne=require("../core/Sparkles.cjs.js"),Ue=require("../core/useEnvironment.cjs.js"),Xe=require("../core/MatcapTexture.cjs.js"),_e=require("../core/NormalTexture.cjs.js"),Je=require("../core/Wireframe.cjs.js"),Ye=require("../core/ShadowAlpha.cjs.js"),Ze=require("../core/Points.cjs.js"),$e=require("../core/Instances.cjs.js"),er=require("../core/Segments.cjs.js"),rr=require("../core/Detailed.cjs.js"),sr=require("../core/Preload.cjs.js"),or=require("../core/BakeShadows.cjs.js"),tr=require("../core/meshBounds.cjs.js"),ir=require("../core/AdaptiveDpr.cjs.js"),ar=require("../core/AdaptiveEvents.cjs.js"),cr=require("../core/PerformanceMonitor.cjs.js"),ur=require("../core/RenderTexture.cjs.js"),nr=require("../core/RenderCubeTexture.cjs.js"),pr=require("../core/Mask.cjs.js"),jr=require("../core/Hud.cjs.js"),xr=require("../core/Fisheye.cjs.js"),lr=require("../core/MeshPortalMaterial.cjs.js"),dr=require("../core/calculateScaleFactor.cjs.js");function qr(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@babel/runtime/helpers/extends"),require("react"),require("three"),require("@react-three/fiber"),require("three-stdlib"),require("troika-three-text"),require("suspend-react"),require("../helpers/constants.cjs.js"),require("meshline"),require("maath"),require("zustand"),require("hls.js"),require("stats.js"),require("../helpers/useEffectfulState.cjs.js"),require("stats-gl"),require("detect-gpu"),require("three-mesh-bvh"),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("../materials/WireframeMaterial.cjs.js");var mr=qr(z);exports.Billboard=e.Billboard,exports.ScreenSpace=r.ScreenSpace,exports.ScreenSizer=s.ScreenSizer,exports.QuadraticBezierLine=o.QuadraticBezierLine,exports.CubicBezierLine=t.CubicBezierLine,exports.CatmullRomLine=i.CatmullRomLine,exports.Line=a.Line,exports.PositionalAudio=c.PositionalAudio,exports.Text=u.Text,exports.Text3D=n.Text3D,exports.Effects=p.Effects,exports.isWebGL2Available=p.isWebGL2Available,exports.GradientTexture=j.GradientTexture,exports.GradientType=j.GradientType,exports.Image=x.Image,exports.Edges=l.Edges,exports.Outlines=d.Outlines,exports.Trail=q.Trail,exports.useTrail=q.useTrail,exports.Sampler=m.Sampler,exports.useSurfaceSampler=m.useSurfaceSampler,exports.ComputedAttribute=h.ComputedAttribute,exports.Clone=C.Clone,exports.MarchingCube=M.MarchingCube,exports.MarchingCubes=M.MarchingCubes,exports.MarchingPlane=M.MarchingPlane,exports.Decal=S.Decal,exports.Svg=T.Svg,exports.Gltf=b.Gltf,exports.useGLTF=b.useGLTF,exports.AsciiRenderer=P.AsciiRenderer,exports.Splat=f.Splat,exports.OrthographicCamera=g.OrthographicCamera,exports.PerspectiveCamera=B.PerspectiveCamera,exports.CubeCamera=v.CubeCamera,exports.useCubeCamera=v.useCubeCamera,exports.DeviceOrientationControls=A.DeviceOrientationControls,exports.FlyControls=F.FlyControls,exports.MapControls=G.MapControls,exports.OrbitControls=L.OrbitControls,exports.TrackballControls=D.TrackballControls,exports.ArcballControls=E.ArcballControls,exports.TransformControls=R.TransformControls,exports.PointerLockControls=k.PointerLockControls,exports.FirstPersonControls=I.FirstPersonControls,exports.CameraControls=w.CameraControls,Object.defineProperty(exports,"CameraControlsImpl",{enumerable:!0,get:function(){return mr.default}}),exports.MotionPathControls=y.MotionPathControls,exports.useMotion=y.useMotion,exports.GizmoHelper=O.GizmoHelper,exports.useGizmoContext=O.useGizmoContext,exports.GizmoViewcube=H.GizmoViewcube,exports.GizmoViewport=V.GizmoViewport,exports.Grid=W.Grid,exports.CubeTexture=K.CubeTexture,exports.useCubeTexture=K.useCubeTexture,exports.Fbx=Q.Fbx,exports.useFBX=Q.useFBX,exports.Ktx2=N.Ktx2,exports.useKTX2=N.useKTX2,exports.Progress=U.Progress,exports.useProgress=U.useProgress,exports.IsObject=X.IsObject,exports.Texture=X.Texture,exports.useTexture=X.useTexture,exports.VideoTexture=_.VideoTexture,exports.useVideoTexture=_.useVideoTexture,exports.useFont=J.useFont,exports.checkIfFrameIsEmpty=Y.checkIfFrameIsEmpty,exports.getFirstFrame=Y.getFirstFrame,exports.useSpriteLoader=Y.useSpriteLoader,exports.Helper=Z.Helper,exports.useHelper=Z.useHelper,exports.Stats=$.Stats,exports.StatsGl=ee.StatsGl,exports.useDepthBuffer=re.useDepthBuffer,exports.useAspect=se.useAspect,exports.useCamera=oe.useCamera,exports.DetectGPU=te.DetectGPU,exports.useDetectGPU=te.useDetectGPU,exports.Bvh=ie.Bvh,exports.useBVH=ie.useBVH,exports.useContextBridge=ae.useContextBridge,exports.useAnimations=ce.useAnimations,exports.Fbo=ue.Fbo,exports.useFBO=ue.useFBO,exports.useIntersect=ne.useIntersect,exports.useBoxProjectedEnv=pe.useBoxProjectedEnv,exports.BBAnchor=je.BBAnchor,exports.TrailTexture=xe.TrailTexture,exports.useTrailTexture=xe.useTrailTexture,exports.Example=le.Example,exports.SpriteAnimator=de.SpriteAnimator,exports.useSpriteAnimator=de.useSpriteAnimator,exports.CurveModifier=qe.CurveModifier,exports.MeshDistortMaterial=me.MeshDistortMaterial,exports.MeshWobbleMaterial=he.MeshWobbleMaterial,exports.MeshReflectorMaterial=Ce.MeshReflectorMaterial,exports.MeshRefractionMaterial=Me.MeshRefractionMaterial,exports.MeshTransmissionMaterial=Se.MeshTransmissionMaterial,exports.MeshDiscardMaterial=Te.MeshDiscardMaterial,exports.MultiMaterial=be.MultiMaterial,exports.PointMaterial=Pe.PointMaterial,exports.PointMaterialImpl=Pe.PointMaterialImpl,exports.shaderMaterial=fe.shaderMaterial,exports.SoftShadows=ge.SoftShadows,exports.Box=Be.Box,exports.Capsule=Be.Capsule,exports.Circle=Be.Circle,exports.Cone=Be.Cone,exports.Cylinder=Be.Cylinder,exports.Dodecahedron=Be.Dodecahedron,exports.Extrude=Be.Extrude,exports.Icosahedron=Be.Icosahedron,exports.Lathe=Be.Lathe,exports.Octahedron=Be.Octahedron,exports.Plane=Be.Plane,exports.Polyhedron=Be.Polyhedron,exports.Ring=Be.Ring,exports.Shape=Be.Shape,exports.Sphere=Be.Sphere,exports.Tetrahedron=Be.Tetrahedron,exports.Torus=Be.Torus,exports.TorusKnot=Be.TorusKnot,exports.Tube=Be.Tube,exports.RoundedBox=ve.RoundedBox,exports.RoundedBoxGeometry=ve.RoundedBoxGeometry,exports.ScreenQuad=Ae.ScreenQuad,exports.Center=Fe.Center,exports.Resize=Ge.Resize,exports.Bounds=Le.Bounds,exports.useBounds=Le.useBounds,exports.CameraShake=De.CameraShake,exports.Float=Ee.Float,exports.Stage=Re.Stage,exports.Backdrop=ke.Backdrop,exports.Shadow=Ie.Shadow,exports.Caustics=we.Caustics,exports.ContactShadows=ze.ContactShadows,exports.AccumulativeShadows=ye.AccumulativeShadows,exports.RandomizedLight=ye.RandomizedLight,exports.accumulativeContext=ye.accumulativeContext,exports.SpotLight=Oe.SpotLight,exports.SpotLightShadow=Oe.SpotLightShadow,exports.Environment=He.Environment,exports.EnvironmentCube=He.EnvironmentCube,exports.EnvironmentMap=He.EnvironmentMap,exports.EnvironmentPortal=He.EnvironmentPortal,exports.Lightformer=Ve.Lightformer,exports.Sky=We.Sky,exports.calcPosFromAngles=We.calcPosFromAngles,exports.Stars=Ke.Stars,exports.Cloud=Qe.Cloud,exports.CloudInstance=Qe.CloudInstance,exports.Clouds=Qe.Clouds,exports.Sparkles=Ne.Sparkles,exports.useEnvironment=Ue.useEnvironment,exports.MatcapTexture=Xe.MatcapTexture,exports.useMatcapTexture=Xe.useMatcapTexture,exports.NormalTexture=_e.NormalTexture,exports.useNormalTexture=_e.useNormalTexture,exports.Wireframe=Je.Wireframe,exports.ShadowAlpha=Ye.ShadowAlpha,exports.Point=Ze.Point,exports.Points=Ze.Points,exports.PointsBuffer=Ze.PointsBuffer,exports.PositionPoint=Ze.PositionPoint,exports.Instance=$e.Instance,exports.InstancedAttribute=$e.InstancedAttribute,exports.Instances=$e.Instances,exports.Merged=$e.Merged,exports.PositionMesh=$e.PositionMesh,exports.createInstances=$e.createInstances,exports.Segment=er.Segment,exports.SegmentObject=er.SegmentObject,exports.Segments=er.Segments,exports.Detailed=rr.Detailed,exports.Preload=sr.Preload,exports.BakeShadows=or.BakeShadows,exports.meshBounds=tr.meshBounds,exports.AdaptiveDpr=ir.AdaptiveDpr,exports.AdaptiveEvents=ar.AdaptiveEvents,exports.PerformanceMonitor=cr.PerformanceMonitor,exports.usePerformanceMonitor=cr.usePerformanceMonitor,exports.RenderTexture=ur.RenderTexture,exports.RenderCubeTexture=nr.RenderCubeTexture,exports.Mask=pr.Mask,exports.useMask=pr.useMask,exports.Hud=jr.Hud,exports.Fisheye=xr.Fisheye,exports.MeshPortalMaterial=lr.MeshPortalMaterial,exports.calculateScaleFactor=dr.calculateScaleFactor;

package/native/index.d.ts

@@ -0,0 +1 @@
+export * from '../core';

package/native/index.js

@@ -0,0 +1,150 @@
+export { Billboard } from '../core/Billboard.js';
+export { ScreenSpace } from '../core/ScreenSpace.js';
+export { ScreenSizer } from '../core/ScreenSizer.js';
+export { QuadraticBezierLine } from '../core/QuadraticBezierLine.js';
+export { CubicBezierLine } from '../core/CubicBezierLine.js';
+export { CatmullRomLine } from '../core/CatmullRomLine.js';
+export { Line } from '../core/Line.js';
+export { PositionalAudio } from '../core/PositionalAudio.js';
+export { Text } from '../core/Text.js';
+export { Text3D } from '../core/Text3D.js';
+export { Effects, isWebGL2Available } from '../core/Effects.js';
+export { GradientTexture, GradientType } from '../core/GradientTexture.js';
+export { Image } from '../core/Image.js';
+export { Edges } from '../core/Edges.js';
+export { Outlines } from '../core/Outlines.js';
+export { Trail, useTrail } from '../core/Trail.js';
+export { Sampler, useSurfaceSampler } from '../core/Sampler.js';
+export { ComputedAttribute } from '../core/ComputedAttribute.js';
+export { Clone } from '../core/Clone.js';
+export { MarchingCube, MarchingCubes, MarchingPlane } from '../core/MarchingCubes.js';
+export { Decal } from '../core/Decal.js';
+export { Svg } from '../core/Svg.js';
+export { Gltf, useGLTF } from '../core/Gltf.js';
+export { AsciiRenderer } from '../core/AsciiRenderer.js';
+export { Splat } from '../core/Splat.js';
+export { OrthographicCamera } from '../core/OrthographicCamera.js';
+export { PerspectiveCamera } from '../core/PerspectiveCamera.js';
+export { CubeCamera, useCubeCamera } from '../core/CubeCamera.js';
+export { DeviceOrientationControls } from '../core/DeviceOrientationControls.js';
+export { FlyControls } from '../core/FlyControls.js';
+export { MapControls } from '../core/MapControls.js';
+export { OrbitControls } from '../core/OrbitControls.js';
+export { TrackballControls } from '../core/TrackballControls.js';
+export { ArcballControls } from '../core/ArcballControls.js';
+export { TransformControls } from '../core/TransformControls.js';
+export { PointerLockControls } from '../core/PointerLockControls.js';
+export { FirstPersonControls } from '../core/FirstPersonControls.js';
+export { CameraControls } from '../core/CameraControls.js';
+export { default as CameraControlsImpl } from 'camera-controls';
+export { MotionPathControls, useMotion } from '../core/MotionPathControls.js';
+export { GizmoHelper, useGizmoContext } from '../core/GizmoHelper.js';
+export { GizmoViewcube } from '../core/GizmoViewcube.js';
+export { GizmoViewport } from '../core/GizmoViewport.js';
+export { Grid } from '../core/Grid.js';
+export { CubeTexture, useCubeTexture } from '../core/CubeTexture.js';
+export { Fbx, useFBX } from '../core/Fbx.js';
+export { Ktx2, useKTX2 } from '../core/Ktx2.js';
+export { Progress, useProgress } from '../core/Progress.js';
+export { IsObject, Texture, useTexture } from '../core/Texture.js';
+export { VideoTexture, useVideoTexture } from '../core/VideoTexture.js';
+export { useFont } from '../core/useFont.js';
+export { checkIfFrameIsEmpty, getFirstFrame, useSpriteLoader } from '../core/useSpriteLoader.js';
+export { Helper, useHelper } from '../core/Helper.js';
+export { Stats } from '../core/Stats.js';
+export { StatsGl } from '../core/StatsGl.js';
+export { useDepthBuffer } from '../core/useDepthBuffer.js';
+export { useAspect } from '../core/useAspect.js';
+export { useCamera } from '../core/useCamera.js';
+export { DetectGPU, useDetectGPU } from '../core/DetectGPU.js';
+export { Bvh, useBVH } from '../core/Bvh.js';
+export { useContextBridge } from '../core/useContextBridge.js';
+export { useAnimations } from '../core/useAnimations.js';
+export { Fbo, useFBO } from '../core/Fbo.js';
+export { useIntersect } from '../core/useIntersect.js';
+export { useBoxProjectedEnv } from '../core/useBoxProjectedEnv.js';
+export { BBAnchor } from '../core/BBAnchor.js';
+export { TrailTexture, useTrailTexture } from '../core/TrailTexture.js';
+export { Example } from '../core/Example.js';
+export { SpriteAnimator, useSpriteAnimator } from '../core/SpriteAnimator.js';
+export { CurveModifier } from '../core/CurveModifier.js';
+export { MeshDistortMaterial } from '../core/MeshDistortMaterial.js';
+export { MeshWobbleMaterial } from '../core/MeshWobbleMaterial.js';
+export { MeshReflectorMaterial } from '../core/MeshReflectorMaterial.js';
+export { MeshRefractionMaterial } from '../core/MeshRefractionMaterial.js';
+export { MeshTransmissionMaterial } from '../core/MeshTransmissionMaterial.js';
+export { MeshDiscardMaterial } from '../core/MeshDiscardMaterial.js';
+export { MultiMaterial } from '../core/MultiMaterial.js';
+export { PointMaterial, PointMaterialImpl } from '../core/PointMaterial.js';
+export { shaderMaterial } from '../core/shaderMaterial.js';
+export { SoftShadows } from '../core/softShadows.js';
+export { Box, Capsule, Circle, Cone, Cylinder, Dodecahedron, Extrude, Icosahedron, Lathe, Octahedron, Plane, Polyhedron, Ring, Shape, Sphere, Tetrahedron, Torus, TorusKnot, Tube } from '../core/shapes.js';
+export { RoundedBox, RoundedBoxGeometry } from '../core/RoundedBox.js';
+export { ScreenQuad } from '../core/ScreenQuad.js';
+export { Center } from '../core/Center.js';
+export { Resize } from '../core/Resize.js';
+export { Bounds, useBounds } from '../core/Bounds.js';
+export { CameraShake } from '../core/CameraShake.js';
+export { Float } from '../core/Float.js';
+export { Stage } from '../core/Stage.js';
+export { Backdrop } from '../core/Backdrop.js';
+export { Shadow } from '../core/Shadow.js';
+export { Caustics } from '../core/Caustics.js';
+export { ContactShadows } from '../core/ContactShadows.js';
+export { AccumulativeShadows, RandomizedLight, accumulativeContext } from '../core/AccumulativeShadows.js';
+export { SpotLight, SpotLightShadow } from '../core/SpotLight.js';
+export { Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal } from '../core/Environment.js';
+export { Lightformer } from '../core/Lightformer.js';
+export { Sky, calcPosFromAngles } from '../core/Sky.js';
+export { Stars } from '../core/Stars.js';
+export { Cloud, CloudInstance, Clouds } from '../core/Cloud.js';
+export { Sparkles } from '../core/Sparkles.js';
+export { useEnvironment } from '../core/useEnvironment.js';
+export { MatcapTexture, useMatcapTexture } from '../core/MatcapTexture.js';
+export { NormalTexture, useNormalTexture } from '../core/NormalTexture.js';
+export { Wireframe } from '../core/Wireframe.js';
+export { ShadowAlpha } from '../core/ShadowAlpha.js';
+export { Point, Points, PointsBuffer, PositionPoint } from '../core/Points.js';
+export { Instance, InstancedAttribute, Instances, Merged, PositionMesh, createInstances } from '../core/Instances.js';
+export { Segment, SegmentObject, Segments } from '../core/Segments.js';
+export { Detailed } from '../core/Detailed.js';
+export { Preload } from '../core/Preload.js';
+export { BakeShadows } from '../core/BakeShadows.js';
+export { meshBounds } from '../core/meshBounds.js';
+export { AdaptiveDpr } from '../core/AdaptiveDpr.js';
+export { AdaptiveEvents } from '../core/AdaptiveEvents.js';
+export { PerformanceMonitor, usePerformanceMonitor } from '../core/PerformanceMonitor.js';
+export { RenderTexture } from '../core/RenderTexture.js';
+export { RenderCubeTexture } from '../core/RenderCubeTexture.js';
+export { Mask, useMask } from '../core/Mask.js';
+export { Hud } from '../core/Hud.js';
+export { Fisheye } from '../core/Fisheye.js';
+export { MeshPortalMaterial } from '../core/MeshPortalMaterial.js';
+export { calculateScaleFactor } from '../core/calculateScaleFactor.js';
+import '@babel/runtime/helpers/esm/extends';
+import 'react';
+import 'three';
+import '@react-three/fiber';
+import 'three-stdlib';
+import 'troika-three-text';
+import 'suspend-react';
+import '../helpers/constants.js';
+import 'meshline';
+import 'maath';
+import 'zustand';
+import 'hls.js';
+import 'stats.js';
+import '../helpers/useEffectfulState.js';
+import 'stats-gl';
+import 'detect-gpu';
+import 'three-mesh-bvh';
+import '../helpers/deprecated.js';
+import '../materials/BlurPass.js';
+import '../materials/ConvolutionMaterial.js';
+import '../materials/MeshReflectorMaterial.js';
+import '../materials/MeshRefractionMaterial.js';
+import '../materials/DiscardMaterial.js';
+import '@monogrid/gainmap-js';
+import '../helpers/environment-assets.js';
+import '../materials/SpotLightMaterial.js';
+import '../materials/WireframeMaterial.js';

package/native/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "index.cjs.js",
+  "module": "index.js",
+  "types": "index.d.ts"
+}

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@ohos-ports/react-three-drei",
+  "version": "10.7.7-beta.0",
+  "private": false,
+  "description": "useful add-ons for react-three-fiber",
+  "keywords": [
+    "react",
+    "three",
+    "threejs",
+    "react-three-fiber"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ohos-ports/ohos-ports.git",
+    "directory": "ports/react-three-drei/10.7.7"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ohos-ports/ohos-ports/issues"
+  },
+  "homepage": "https://github.com/ohos-ports/ohos-ports/tree/main/ports/react-three-drei/10.7.7",
+  "maintainers": [
+    "Paul Henschel (https://github.com/drcmda)",
+    "Gianmarco Simone (https://github.com/gsimone)",
+    "Marco Perego (https://github.com/emmelleppi)",
+    "Josh Ellis (https://github.com/joshuaellis)"
+  ],
+  "main": "index.cjs.js",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "react-native": "native/index.cjs.js",
+  "sideEffects": false,
+  "dependencies": {
+    "@babel/runtime": "^7.26.0",
+    "@mediapipe/tasks-vision": "0.10.17",
+    "@monogrid/gainmap-js": "^3.0.6",
+    "@use-gesture/react": "^10.3.1",
+    "camera-controls": "^3.1.0",
+    "cross-env": "^7.0.3",
+    "detect-gpu": "^5.0.56",
+    "glsl-noise": "^0.0.0",
+    "hls.js": "^1.5.17",
+    "maath": "^0.10.8",
+    "meshline": "^3.3.1",
+    "stats-gl": "^2.2.8",
+    "stats.js": "^0.17.0",
+    "suspend-react": "^0.1.3",
+    "three-mesh-bvh": "^0.8.3",
+    "three-stdlib": "^2.35.6",
+    "troika-three-text": "^0.52.4",
+    "tunnel-rat": "^0.1.2",
+    "use-sync-external-store": "^1.4.0",
+    "utility-types": "^3.11.0",
+    "zustand": "^5.0.1"
+  },
+  "peerDependencies": {
+    "@react-three/fiber": "^9.0.0",
+    "react": "^19",
+    "react-dom": "^19",
+    "@ohos-ports/three": "^0.185.1-beta.0"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "packageManager": "yarn@4.3.1",
+  "files": [
+    "core",
+    "helpers",
+    "materials",
+    "native",
+    "web",
+    "index.js",
+    "index.cjs.js",
+    "index.d.ts",
+    "README.md",
+    "LICENSE"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/web/CycleRaycast.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-three/fiber");function n(e){if(e&&e.__esModule)return 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 r=n(e);exports.CycleRaycast=function({onChanged:e,portal:n,preventDefault:o=!0,scroll:l=!0,keyCode:u=9}){const c=r.useRef(0),d=t.useThree((e=>e.setEvents)),i=t.useThree((e=>e.get)),a=t.useThree((e=>e.gl));return r.useEffect((()=>{var t;let r,s=[];const v=i().events.filter,f=null!==(t=null==n?void 0:n.current)&&void 0!==t?t:a.domElement.parentNode,h=()=>f&&e&&e(s,Math.round(c.current)%s.length);d({filter:(e,t)=>{let n=[...e];n.length===s.length&&s.every((e=>n.map((e=>e.object.uuid)).includes(e.object.uuid)))||(c.current=0,s=n,h()),v&&(n=v(n,t));for(let e=0;e<Math.round(c.current)%n.length;e++){const e=n.shift();n=[...n,e]}return n}});const m=e=>{var t,n;c.current=e(c.current),null==(t=i().events.handlers)||t.onPointerCancel(void 0),null==(n=i().events.handlers)||n.onPointerMove(r),h()},p=e=>{(e.keyCode||e.which)===u&&(o&&e.preventDefault(),s.length>1&&m((e=>e+1)))},g=e=>{o&&e.preventDefault();let t=0;e||(e=window.event),e.wheelDelta?t=e.wheelDelta/120:e.detail&&(t=-e.detail/3),s.length>1&&m((e=>Math.abs(e-t)))},b=e=>r=e;return document.addEventListener("pointermove",b,{passive:!0}),l&&document.addEventListener("wheel",g),void 0!==u&&document.addEventListener("keydown",p),()=>{d({filter:v}),void 0!==u&&document.removeEventListener("keydown",p),l&&document.removeEventListener("wheel",g),document.removeEventListener("pointermove",b)}}),[a,i,d,o,l,u]),null};

package/web/CycleRaycast.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import * as THREE from 'three';
+export type CycleRaycastProps = {
+    onChanged?: (hits: THREE.Intersection[], cycle: number) => null;
+    preventDefault?: boolean;
+    scroll?: boolean;
+    keyCode?: number;
+    portal?: React.RefObject<HTMLElement>;
+};
+export declare function CycleRaycast({ onChanged, portal, preventDefault, scroll, keyCode, }: CycleRaycastProps): null;

package/web/CycleRaycast.js

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { useThree } from '@react-three/fiber';
+
+function CycleRaycast({
+  onChanged,
+  portal,
+  preventDefault = true,
+  scroll = true,
+  keyCode = 9
+}) {
+  const cycle = React.useRef(0);
+  const setEvents = useThree(state => state.setEvents);
+  const get = useThree(state => state.get);
+  const gl = useThree(state => state.gl);
+  React.useEffect(() => {
+    var _portal$current;
+    let hits = [];
+    let lastEvent = undefined;
+    const prev = get().events.filter;
+    const target = (_portal$current = portal == null ? void 0 : portal.current) !== null && _portal$current !== void 0 ? _portal$current : gl.domElement.parentNode;
+
+    // Render custom status
+    const renderStatus = () => target && onChanged && onChanged(hits, Math.round(cycle.current) % hits.length);
+
+    // Overwrite the raycasters custom filter (this only exists in r3f)
+    setEvents({
+      filter: (intersections, state) => {
+        // Reset cycle when the intersections change
+        let clone = [...intersections];
+        if (clone.length !== hits.length || !hits.every(hit => clone.map(e => e.object.uuid).includes(hit.object.uuid))) {
+          cycle.current = 0;
+          hits = clone;
+          renderStatus();
+        }
+        // Run custom filter if there is one
+        if (prev) clone = prev(clone, state);
+        // Cycle through the actual raycast intersects
+        for (let i = 0; i < Math.round(cycle.current) % clone.length; i++) {
+          const first = clone.shift();
+          clone = [...clone, first];
+        }
+        return clone;
+      }
+    });
+
+    // Cycle, refresh events and render status
+    const refresh = fn => {
+      var _get$events$handlers, _get$events$handlers2;
+      cycle.current = fn(cycle.current);
+      // Cancel hovered elements and fake a pointer-move
+      (_get$events$handlers = get().events.handlers) == null || _get$events$handlers.onPointerCancel(undefined);
+      (_get$events$handlers2 = get().events.handlers) == null || _get$events$handlers2.onPointerMove(lastEvent);
+      renderStatus();
+    };
+
+    // Key events
+    const tabEvent = event => {
+      if ((event.keyCode || event.which) === keyCode) {
+        if (preventDefault) event.preventDefault();
+        if (hits.length > 1) refresh(current => current + 1);
+      }
+    };
+
+    // Wheel events
+    const wheelEvent = event => {
+      if (preventDefault) event.preventDefault();
+      let delta = 0;
+      if (!event) event = window.event;
+      if (event.wheelDelta) delta = event.wheelDelta / 120;else if (event.detail) delta = -event.detail / 3;
+      if (hits.length > 1) refresh(current => Math.abs(current - delta));
+    };
+
+    // Catch last move event and position custom status
+    const moveEvent = event => lastEvent = event;
+    document.addEventListener('pointermove', moveEvent, {
+      passive: true
+    });
+    if (scroll) document.addEventListener('wheel', wheelEvent);
+    if (keyCode !== undefined) document.addEventListener('keydown', tabEvent);
+    return () => {
+      // Clean up
+      setEvents({
+        filter: prev
+      });
+      if (keyCode !== undefined) document.removeEventListener('keydown', tabEvent);
+      if (scroll) document.removeEventListener('wheel', wheelEvent);
+      document.removeEventListener('pointermove', moveEvent);
+    };
+  }, [gl, get, setEvents, preventDefault, scroll, keyCode]);
+  return null;
+}
+
+export { CycleRaycast };

package/web/DragControls.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("three"),n=require("@react-three/fiber"),a=require("@use-gesture/react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(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 c=o(e),u=i(r),s=i(t);const l=new s.Vector3,m=new s.Vector2,f=new s.Vector3,d=new s.Vector3,x=new s.Vector3,p=new s.Plane,y=u.forwardRef((({autoTransform:e=!0,matrix:r,axisLock:t,dragLimits:o,onHover:i,onDragStart:y,onDrag:g,onDragEnd:h,children:b,dragConfig:v,...w},D)=>{const M=n.useThree((e=>e.controls)),{camera:j,size:z,raycaster:P,invalidate:O}=n.useThree(),V=u.useRef(null),q=a.useGesture({onHover:({hovering:e})=>i&&i(null!=e&&e),onDragStart:({event:e})=>{M&&(M.enabled=!1);const{point:r}=e;V.current.matrix.decompose(l,new s.Quaternion,new s.Vector3),f.copy(r),d.copy(f).sub(l),y&&y(l),O()},onDrag:({xy:[r,n],intentional:a})=>{if(!a)return;const i=(r-z.left)/z.width*2-1,c=-(n-z.top)/z.height*2+1;if(m.set(i,c),P.setFromCamera(m,j),t)switch(t){case"x":x.set(1,0,0);break;case"y":x.set(0,1,0);break;case"z":x.set(0,0,1)}else j.getWorldDirection(x).negate();p.setFromNormalAndCoplanarPoint(x,f),P.ray.intersectPlane(p,f);const u=V.current.matrix.clone(),l=V.current.matrixWorld.clone(),y=new s.Vector3(f.x-d.x,f.y-d.y,f.z-d.z);if(o&&(y.x=o[0]?Math.max(Math.min(y.x,o[0][1]),o[0][0]):y.x,y.y=o[1]?Math.max(Math.min(y.y,o[1][1]),o[1][0]):y.y,y.z=o[2]?Math.max(Math.min(y.z,o[2][1]),o[2][0]):y.z),e){V.current.matrix.setPosition(y);const e=V.current.matrix.clone().multiply(u.invert()),r=V.current.matrix.clone().multiply(l.invert());g&&g(V.current.matrix,e,V.current.matrixWorld,r)}else{const e=(new s.Matrix4).copy(V.current.matrix);e.setPosition(y);const r=e.clone().multiply(u.invert()),t=e.clone().multiply(l.invert());g&&g(e,r,V.current.matrixWorld,t)}O()},onDragEnd:()=>{M&&(M.enabled=!0),h&&h(),O()}},{drag:{filterTaps:!0,threshold:1,..."object"==typeof v?v:{}}});return u.useImperativeHandle(D,(()=>V.current),[]),u.useLayoutEffect((()=>{r&&(V.current.matrix=r)}),[r]),u.createElement("group",c.default({ref:V},q(),{matrix:r,matrixAutoUpdate:!1},w),b)}));exports.DragControls=y;

package/web/DragControls.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import * as THREE from 'three';
+import { DragConfig } from '@use-gesture/react';
+import { ForwardRefComponent } from '../helpers/ts-utils';
+export type DragControlsProps = {
+    autoTransform?: boolean;
+    matrix?: THREE.Matrix4;
+    axisLock?: 'x' | 'y' | 'z';
+    dragLimits?: [[number, number] | undefined, [number, number] | undefined, [number, number] | undefined];
+    onHover?: (hovering: boolean) => void;
+    onDragStart?: (origin: THREE.Vector3) => void;
+    onDrag?: (localMatrix: THREE.Matrix4, deltaLocalMatrix: THREE.Matrix4, worldMatrix: THREE.Matrix4, deltaWorldMatrix: THREE.Matrix4) => void;
+    onDragEnd?: () => void;
+    children: React.ReactNode;
+    dragConfig?: DragConfig;
+};
+export declare const DragControls: ForwardRefComponent<DragControlsProps, THREE.Group>;