@react-three/drei 9.109.2 → 9.109.3
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 +7 -0
- package/core/Svg.cjs.js +1 -1
- package/core/Svg.js +7 -2
- package/index.cjs.js +1 -1
- package/package.json +3 -2
- package/core/AccumulativeShadows.d.ts +0 -61
- package/core/AdaptiveDpr.d.ts +0 -3
- package/core/AdaptiveEvents.d.ts +0 -1
- package/core/ArcballControls.d.ts +0 -15
- package/core/AsciiRenderer.d.ts +0 -12
- package/core/BBAnchor.d.ts +0 -7
- package/core/Backdrop.d.ts +0 -14
- package/core/BakeShadows.d.ts +0 -1
- package/core/Billboard.d.ts +0 -9
- package/core/Bounds.d.ts +0 -35
- package/core/Bvh.d.ts +0 -18
- package/core/CameraControls.d.ts +0 -22
- package/core/CameraShake.d.ts +0 -17
- package/core/CatmullRomLine.d.ts +0 -11
- package/core/Caustics.d.ts +0 -35
- package/core/Center.d.ts +0 -31
- package/core/Clone.d.ts +0 -15
- package/core/Cloud.d.ts +0 -59
- package/core/ComputedAttribute.d.ts +0 -9
- package/core/ContactShadows.d.ts +0 -17
- package/core/CubeCamera.d.ts +0 -21
- package/core/CubeTexture.d.ts +0 -15
- package/core/CubicBezierLine.d.ts +0 -13
- package/core/CurveModifier.d.ts +0 -10
- package/core/Decal.d.ts +0 -16
- package/core/Detailed.d.ts +0 -10
- package/core/DetectGPU.d.ts +0 -8
- package/core/DeviceOrientationControls.d.ts +0 -10
- package/core/Edges.d.ts +0 -13
- package/core/Effects.d.ts +0 -29
- package/core/Environment.d.ts +0 -39
- package/core/Example.d.ts +0 -13
- package/core/Fbo.d.ts +0 -28
- package/core/Fbx.d.ts +0 -11
- package/core/FirstPersonControls.d.ts +0 -8
- package/core/Fisheye.d.ts +0 -9
- package/core/Float.d.ts +0 -13
- package/core/FlyControls.d.ts +0 -10
- package/core/GizmoHelper.d.ts +0 -15
- package/core/GizmoViewcube.d.ts +0 -14
- package/core/GizmoViewport.d.ts +0 -16
- package/core/Gltf.d.ts +0 -20
- package/core/GradientTexture.d.ts +0 -18
- package/core/Grid.d.ts +0 -27
- package/core/Helper.d.ts +0 -16
- package/core/Hud.d.ts +0 -7
- package/core/Image.d.ts +0 -40
- package/core/Instances.d.ts +0 -43
- package/core/Ktx2.d.ts +0 -14
- package/core/Lightformer.d.ts +0 -14
- package/core/Line.d.ts +0 -13
- package/core/MapControls.d.ts +0 -14
- package/core/MarchingCubes.d.ts +0 -24
- package/core/Mask.d.ts +0 -17
- package/core/MatcapTexture.d.ts +0 -9
- package/core/MeshDiscardMaterial.d.ts +0 -11
- package/core/MeshDistortMaterial.d.ts +0 -41
- package/core/MeshPortalMaterial.d.ts +0 -28
- package/core/MeshReflectorMaterial.d.ts +0 -27
- package/core/MeshRefractionMaterial.d.ts +0 -22
- package/core/MeshTransmissionMaterial.d.ts +0 -35
- package/core/MeshWobbleMaterial.d.ts +0 -38
- package/core/MotionPathControls.d.ts +0 -27
- package/core/NormalTexture.d.ts +0 -14
- package/core/OrbitControls.d.ts +0 -22
- package/core/OrthographicCamera.d.ts +0 -14
- package/core/Outlines.d.ts +0 -16
- package/core/PerformanceMonitor.d.ts +0 -36
- package/core/PerspectiveCamera.d.ts +0 -14
- package/core/PointMaterial.d.ts +0 -16
- package/core/PointerLockControls.d.ts +0 -15
- package/core/Points.d.ts +0 -34
- package/core/PositionalAudio.d.ts +0 -9
- package/core/Preload.d.ts +0 -8
- package/core/Progress.d.ts +0 -14
- package/core/QuadraticBezierLine.d.ts +0 -16
- package/core/Reflector.d.ts +0 -30
- package/core/RenderCubeTexture.d.ts +0 -30
- package/core/RenderTexture.d.ts +0 -18
- package/core/Resize.d.ts +0 -10
- package/core/RoundedBox.d.ts +0 -12
- package/core/Sampler.d.ts +0 -28
- package/core/ScreenQuad.d.ts +0 -5
- package/core/ScreenSizer.d.ts +0 -7
- package/core/ScreenSpace.d.ts +0 -6
- package/core/Segments.d.ts +0 -31
- package/core/Shadow.d.ts +0 -12
- package/core/ShadowAlpha.d.ts +0 -8
- package/core/Sky.d.ts +0 -17
- package/core/Sparkles.d.ts +0 -21
- package/core/Splat.d.ts +0 -58
- package/core/SpotLight.d.ts +0 -26
- package/core/SpriteAnimator.d.ts +0 -38
- package/core/Stage.d.ts +0 -26
- package/core/Stars.d.ts +0 -24
- package/core/Stats.d.ts +0 -8
- package/core/StatsGl.d.ts +0 -9
- package/core/Svg.d.ts +0 -13
- package/core/Text.d.ts +0 -38
- package/core/Text3D.d.ts +0 -23
- package/core/Texture.d.ts +0 -20
- package/core/TrackballControls.d.ts +0 -15
- package/core/Trail.d.ts +0 -21
- package/core/TrailTexture.d.ts +0 -18
- package/core/TransformControls.d.ts +0 -28
- package/core/VideoTexture.d.ts +0 -14
- package/core/Wireframe.d.ts +0 -17
- package/core/calculateScaleFactor.d.ts +0 -3
- package/core/index.d.ts +0 -122
- package/core/meshBounds.d.ts +0 -2
- package/core/shaderMaterial.d.ts +0 -7
- package/core/shapes.d.ts +0 -25
- package/core/softShadows.d.ts +0 -7
- package/core/useAnimations.d.ts +0 -13
- package/core/useAspect.d.ts +0 -1
- package/core/useBoxProjectedEnv.d.ts +0 -19
- package/core/useCamera.d.ts +0 -3
- package/core/useContextBridge.d.ts +0 -4
- package/core/useDepthBuffer.d.ts +0 -6
- package/core/useEnvironment.d.ts +0 -11
- package/core/useFont.d.ts +0 -24
- package/core/useIntersect.d.ts +0 -3
- package/core/useSpriteLoader.d.ts +0 -10
- package/helpers/constants.d.ts +0 -1
- package/helpers/deprecated.d.ts +0 -8
- package/helpers/environment-assets.d.ts +0 -13
- package/helpers/ts-utils.d.ts +0 -3
- package/helpers/useEffectfulState.d.ts +0 -4
- package/index.d.ts +0 -1
- package/materials/BlurPass.d.ts +0 -23
- package/materials/ConvolutionMaterial.d.ts +0 -7
- package/materials/DiscardMaterial.d.ts +0 -3
- package/materials/MeshReflectorMaterial.d.ts +0 -66
- package/materials/MeshRefractionMaterial.d.ts +0 -7
- package/materials/SpotLightMaterial.d.ts +0 -4
- package/materials/WireframeMaterial.d.ts +0 -48
- package/native/index.d.ts +0 -1
- package/web/CycleRaycast.d.ts +0 -10
- package/web/DragControls.d.ts +0 -17
- package/web/FaceControls.d.ts +0 -42
- package/web/FaceLandmarker.d.ts +0 -15
- package/web/Facemesh.d.ts +0 -150
- package/web/Html.d.ts +0 -34
- package/web/KeyboardControls.d.ts +0 -37
- package/web/Loader.d.ts +0 -12
- package/web/PresentationControls.d.ts +0 -17
- package/web/ScrollControls.d.ts +0 -45
- package/web/Select.d.ts +0 -14
- package/web/View.d.ts +0 -36
- package/web/index.d.ts +0 -15
- package/web/pivotControls/AxisArrow.d.ts +0 -7
- package/web/pivotControls/AxisRotator.d.ts +0 -7
- package/web/pivotControls/PlaneSlider.d.ts +0 -7
- package/web/pivotControls/ScalingSphere.d.ts +0 -7
- package/web/pivotControls/context.d.ts +0 -32
- package/web/pivotControls/index.d.ts +0 -39
- package/web/useCursor.d.ts +0 -1
package/materials/BlurPass.d.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Mesh, Scene, WebGLRenderTarget, WebGLRenderer, Camera } from 'three';
|
|
2
|
-
import { ConvolutionMaterial } from './ConvolutionMaterial';
|
|
3
|
-
export interface BlurPassProps {
|
|
4
|
-
gl: WebGLRenderer;
|
|
5
|
-
resolution: number;
|
|
6
|
-
width?: number;
|
|
7
|
-
height?: number;
|
|
8
|
-
minDepthThreshold?: number;
|
|
9
|
-
maxDepthThreshold?: number;
|
|
10
|
-
depthScale?: number;
|
|
11
|
-
depthToBlurRatioBias?: number;
|
|
12
|
-
}
|
|
13
|
-
export declare class BlurPass {
|
|
14
|
-
readonly renderTargetA: WebGLRenderTarget;
|
|
15
|
-
readonly renderTargetB: WebGLRenderTarget;
|
|
16
|
-
readonly convolutionMaterial: ConvolutionMaterial;
|
|
17
|
-
readonly scene: Scene;
|
|
18
|
-
readonly camera: Camera;
|
|
19
|
-
readonly screen: Mesh;
|
|
20
|
-
renderToScreen: boolean;
|
|
21
|
-
constructor({ gl, resolution, width, height, minDepthThreshold, maxDepthThreshold, depthScale, depthToBlurRatioBias, }: BlurPassProps);
|
|
22
|
-
render(renderer: any, inputBuffer: any, outputBuffer: any): void;
|
|
23
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as THREE from 'three';
|
|
2
|
-
export declare class ConvolutionMaterial extends THREE.ShaderMaterial {
|
|
3
|
-
readonly kernel: Float32Array;
|
|
4
|
-
constructor(texelSize?: THREE.Vector2);
|
|
5
|
-
setTexelSize(x: number, y: number): void;
|
|
6
|
-
setResolution(resolution: THREE.Vector2): void;
|
|
7
|
-
}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { Matrix4, MeshStandardMaterial, Texture } from 'three';
|
|
2
|
-
export declare class MeshReflectorMaterial extends MeshStandardMaterial {
|
|
3
|
-
private _tDepth;
|
|
4
|
-
private _distortionMap;
|
|
5
|
-
private _tDiffuse;
|
|
6
|
-
private _tDiffuseBlur;
|
|
7
|
-
private _textureMatrix;
|
|
8
|
-
private _hasBlur;
|
|
9
|
-
private _mirror;
|
|
10
|
-
private _mixBlur;
|
|
11
|
-
private _blurStrength;
|
|
12
|
-
private _minDepthThreshold;
|
|
13
|
-
private _maxDepthThreshold;
|
|
14
|
-
private _depthScale;
|
|
15
|
-
private _depthToBlurRatioBias;
|
|
16
|
-
private _distortion;
|
|
17
|
-
private _mixContrast;
|
|
18
|
-
constructor(parameters?: {});
|
|
19
|
-
onBeforeCompile(shader: any): void;
|
|
20
|
-
get tDiffuse(): Texture | null;
|
|
21
|
-
set tDiffuse(v: Texture | null);
|
|
22
|
-
get tDepth(): Texture | null;
|
|
23
|
-
set tDepth(v: Texture | null);
|
|
24
|
-
get distortionMap(): Texture | null;
|
|
25
|
-
set distortionMap(v: Texture | null);
|
|
26
|
-
get tDiffuseBlur(): Texture | null;
|
|
27
|
-
set tDiffuseBlur(v: Texture | null);
|
|
28
|
-
get textureMatrix(): Matrix4 | null;
|
|
29
|
-
set textureMatrix(v: Matrix4 | null);
|
|
30
|
-
get hasBlur(): boolean;
|
|
31
|
-
set hasBlur(v: boolean);
|
|
32
|
-
get mirror(): number;
|
|
33
|
-
set mirror(v: number);
|
|
34
|
-
get mixBlur(): number;
|
|
35
|
-
set mixBlur(v: number);
|
|
36
|
-
get mixStrength(): number;
|
|
37
|
-
set mixStrength(v: number);
|
|
38
|
-
get minDepthThreshold(): number;
|
|
39
|
-
set minDepthThreshold(v: number);
|
|
40
|
-
get maxDepthThreshold(): number;
|
|
41
|
-
set maxDepthThreshold(v: number);
|
|
42
|
-
get depthScale(): number;
|
|
43
|
-
set depthScale(v: number);
|
|
44
|
-
get depthToBlurRatioBias(): number;
|
|
45
|
-
set depthToBlurRatioBias(v: number);
|
|
46
|
-
get distortion(): number;
|
|
47
|
-
set distortion(v: number);
|
|
48
|
-
get mixContrast(): number;
|
|
49
|
-
set mixContrast(v: number);
|
|
50
|
-
}
|
|
51
|
-
export type MeshReflectorMaterialProps = {
|
|
52
|
-
mixBlur: number;
|
|
53
|
-
mixStrength: number;
|
|
54
|
-
mirror: number;
|
|
55
|
-
textureMatrix: Matrix4;
|
|
56
|
-
tDiffuse: Texture;
|
|
57
|
-
distortionMap?: Texture;
|
|
58
|
-
tDiffuseBlur: Texture;
|
|
59
|
-
hasBlur: boolean;
|
|
60
|
-
minDepthThreshold: number;
|
|
61
|
-
maxDepthThreshold: number;
|
|
62
|
-
depthScale: number;
|
|
63
|
-
depthToBlurRatioBias: number;
|
|
64
|
-
distortion: number;
|
|
65
|
-
mixContrast: number;
|
|
66
|
-
} & JSX.IntrinsicElements['meshStandardMaterial'];
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import * as THREE from 'three';
|
|
2
|
-
export interface WireframeMaterialProps extends THREE.ShaderMaterialParameters {
|
|
3
|
-
fillOpacity?: number;
|
|
4
|
-
fillMix?: number;
|
|
5
|
-
strokeOpacity?: number;
|
|
6
|
-
thickness?: number;
|
|
7
|
-
colorBackfaces?: boolean;
|
|
8
|
-
dashInvert?: boolean;
|
|
9
|
-
dash?: boolean;
|
|
10
|
-
dashRepeats?: number;
|
|
11
|
-
dashLength?: number;
|
|
12
|
-
squeeze?: boolean;
|
|
13
|
-
squeezeMin?: number;
|
|
14
|
-
squeezeMax?: number;
|
|
15
|
-
stroke?: THREE.ColorRepresentation;
|
|
16
|
-
backfaceStroke?: THREE.ColorRepresentation;
|
|
17
|
-
fill?: THREE.ColorRepresentation;
|
|
18
|
-
}
|
|
19
|
-
export declare const WireframeMaterialShaders: {
|
|
20
|
-
uniforms: {
|
|
21
|
-
strokeOpacity: number;
|
|
22
|
-
fillOpacity: number;
|
|
23
|
-
fillMix: number;
|
|
24
|
-
thickness: number;
|
|
25
|
-
colorBackfaces: boolean;
|
|
26
|
-
dashInvert: boolean;
|
|
27
|
-
dash: boolean;
|
|
28
|
-
dashRepeats: number;
|
|
29
|
-
dashLength: number;
|
|
30
|
-
squeeze: boolean;
|
|
31
|
-
squeezeMin: number;
|
|
32
|
-
squeezeMax: number;
|
|
33
|
-
stroke: THREE.Color;
|
|
34
|
-
backfaceStroke: THREE.Color;
|
|
35
|
-
fill: THREE.Color;
|
|
36
|
-
};
|
|
37
|
-
vertex: string;
|
|
38
|
-
fragment: string;
|
|
39
|
-
};
|
|
40
|
-
export declare const WireframeMaterial: typeof THREE.ShaderMaterial & {
|
|
41
|
-
key: string;
|
|
42
|
-
};
|
|
43
|
-
export declare function setWireframeOverride(material: THREE.Material, uniforms: {
|
|
44
|
-
[key: string]: THREE.IUniform<any>;
|
|
45
|
-
}): void;
|
|
46
|
-
export declare function useWireframeUniforms(uniforms: {
|
|
47
|
-
[key: string]: THREE.IUniform<any>;
|
|
48
|
-
}, props: WireframeMaterialProps): void;
|
package/native/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from '../core';
|
package/web/CycleRaycast.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as THREE from 'three';
|
|
3
|
-
export type CycleRaycastProps = {
|
|
4
|
-
onChanged?: (hits: THREE.Intersection[], cycle: number) => null;
|
|
5
|
-
preventDefault?: boolean;
|
|
6
|
-
scroll?: boolean;
|
|
7
|
-
keyCode?: number;
|
|
8
|
-
portal?: React.MutableRefObject<HTMLElement>;
|
|
9
|
-
};
|
|
10
|
-
export declare function CycleRaycast({ onChanged, portal, preventDefault, scroll, keyCode, }: CycleRaycastProps): null;
|
package/web/DragControls.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as THREE from 'three';
|
|
3
|
-
import { DragConfig } from '@use-gesture/react';
|
|
4
|
-
import { ForwardRefComponent } from '../helpers/ts-utils';
|
|
5
|
-
export type DragControlsProps = {
|
|
6
|
-
autoTransform?: boolean;
|
|
7
|
-
matrix?: THREE.Matrix4;
|
|
8
|
-
axisLock?: 'x' | 'y' | 'z';
|
|
9
|
-
dragLimits?: [[number, number] | undefined, [number, number] | undefined, [number, number] | undefined];
|
|
10
|
-
onHover?: (hovering: boolean) => void;
|
|
11
|
-
onDragStart?: (origin: THREE.Vector3) => void;
|
|
12
|
-
onDrag?: (localMatrix: THREE.Matrix4, deltaLocalMatrix: THREE.Matrix4, worldMatrix: THREE.Matrix4, deltaWorldMatrix: THREE.Matrix4) => void;
|
|
13
|
-
onDragEnd?: () => void;
|
|
14
|
-
children: React.ReactNode;
|
|
15
|
-
dragConfig?: DragConfig;
|
|
16
|
-
};
|
|
17
|
-
export declare const DragControls: ForwardRefComponent<DragControlsProps, THREE.Group>;
|
package/web/FaceControls.d.ts
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import * as THREE from 'three';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { RefObject } from 'react';
|
|
4
|
-
import { useVideoTexture } from '../core/VideoTexture';
|
|
5
|
-
import { FacemeshApi, FacemeshProps } from './Facemesh';
|
|
6
|
-
type VideoTextureSrc = Parameters<typeof useVideoTexture>[0];
|
|
7
|
-
export type FaceControlsProps = {
|
|
8
|
-
camera?: THREE.Camera;
|
|
9
|
-
autostart?: boolean;
|
|
10
|
-
webcam?: boolean;
|
|
11
|
-
webcamVideoTextureSrc?: VideoTextureSrc;
|
|
12
|
-
manualUpdate?: boolean;
|
|
13
|
-
manualDetect?: boolean;
|
|
14
|
-
onVideoFrame?: (e: THREE.Event) => void;
|
|
15
|
-
makeDefault?: boolean;
|
|
16
|
-
smoothTime?: number;
|
|
17
|
-
offset?: boolean;
|
|
18
|
-
offsetScalar?: number;
|
|
19
|
-
eyes?: boolean;
|
|
20
|
-
eyesAsOrigin?: boolean;
|
|
21
|
-
depth?: number;
|
|
22
|
-
debug?: boolean;
|
|
23
|
-
facemesh?: FacemeshProps;
|
|
24
|
-
};
|
|
25
|
-
export type FaceControlsApi = THREE.EventDispatcher & {
|
|
26
|
-
detect: (video: HTMLVideoElement, time: number) => void;
|
|
27
|
-
computeTarget: () => THREE.Object3D;
|
|
28
|
-
update: (delta: number, target?: THREE.Object3D) => void;
|
|
29
|
-
facemeshApiRef: RefObject<FacemeshApi>;
|
|
30
|
-
webcamApiRef: RefObject<WebcamApi>;
|
|
31
|
-
play: () => void;
|
|
32
|
-
pause: () => void;
|
|
33
|
-
};
|
|
34
|
-
export declare const FaceControls: React.ForwardRefExoticComponent<FaceControlsProps & React.RefAttributes<FaceControlsApi>>;
|
|
35
|
-
export declare const useFaceControls: () => FaceControlsApi;
|
|
36
|
-
type WebcamApi = {
|
|
37
|
-
videoTextureApiRef: RefObject<VideoTextureApi>;
|
|
38
|
-
};
|
|
39
|
-
type VideoTextureApi = {
|
|
40
|
-
texture: THREE.VideoTexture;
|
|
41
|
-
};
|
|
42
|
-
export {};
|
package/web/FaceLandmarker.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
import type { FaceLandmarker as FaceLandmarkerImpl, FaceLandmarkerOptions } from '@mediapipe/tasks-vision';
|
|
4
|
-
type FaceLandmarkerProps = {
|
|
5
|
-
basePath?: string;
|
|
6
|
-
options?: FaceLandmarkerOptions;
|
|
7
|
-
children?: ReactNode;
|
|
8
|
-
};
|
|
9
|
-
export declare const FaceLandmarkerDefaults: {
|
|
10
|
-
basePath: string;
|
|
11
|
-
options: FaceLandmarkerOptions;
|
|
12
|
-
};
|
|
13
|
-
export declare function FaceLandmarker({ basePath, options, children, }: FaceLandmarkerProps): React.JSX.Element;
|
|
14
|
-
export declare function useFaceLandmarker(): FaceLandmarkerImpl | undefined;
|
|
15
|
-
export {};
|
package/web/Facemesh.d.ts
DELETED
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as THREE from 'three';
|
|
3
|
-
export type MediaPipeFaceMesh = typeof FacemeshDatas.SAMPLE_FACE;
|
|
4
|
-
export type MediaPipePoints = typeof FacemeshDatas.SAMPLE_FACE.keypoints | (typeof FacemeshDatas.SAMPLE_FACELANDMARKER_RESULT.faceLandmarks)[0];
|
|
5
|
-
export type FacemeshProps = {
|
|
6
|
-
points?: MediaPipePoints;
|
|
7
|
-
face?: MediaPipeFaceMesh;
|
|
8
|
-
width?: number;
|
|
9
|
-
height?: number;
|
|
10
|
-
depth?: number;
|
|
11
|
-
verticalTri?: [number, number, number];
|
|
12
|
-
origin?: number | THREE.Vector3;
|
|
13
|
-
facialTransformationMatrix?: (typeof FacemeshDatas.SAMPLE_FACELANDMARKER_RESULT.facialTransformationMatrixes)[0];
|
|
14
|
-
offset?: boolean;
|
|
15
|
-
offsetScalar?: number;
|
|
16
|
-
faceBlendshapes?: (typeof FacemeshDatas.SAMPLE_FACELANDMARKER_RESULT.faceBlendshapes)[0];
|
|
17
|
-
eyes?: boolean;
|
|
18
|
-
eyesAsOrigin?: boolean;
|
|
19
|
-
debug?: boolean;
|
|
20
|
-
} & Omit<JSX.IntrinsicElements['group'], 'ref'>;
|
|
21
|
-
export type FacemeshApi = {
|
|
22
|
-
meshRef: React.RefObject<THREE.Mesh>;
|
|
23
|
-
outerRef: React.RefObject<THREE.Group>;
|
|
24
|
-
eyeRightRef: React.RefObject<FacemeshEyeApi>;
|
|
25
|
-
eyeLeftRef: React.RefObject<FacemeshEyeApi>;
|
|
26
|
-
};
|
|
27
|
-
export declare const Facemesh: React.ForwardRefExoticComponent<{
|
|
28
|
-
points?: MediaPipePoints | undefined;
|
|
29
|
-
face?: {
|
|
30
|
-
keypoints: ({
|
|
31
|
-
x: number;
|
|
32
|
-
y: number;
|
|
33
|
-
z: number;
|
|
34
|
-
name: string;
|
|
35
|
-
} | {
|
|
36
|
-
x: number;
|
|
37
|
-
y: number;
|
|
38
|
-
z: number;
|
|
39
|
-
name?: undefined;
|
|
40
|
-
})[];
|
|
41
|
-
box: {
|
|
42
|
-
xMin: number;
|
|
43
|
-
yMin: number;
|
|
44
|
-
xMax: number;
|
|
45
|
-
yMax: number;
|
|
46
|
-
width: number;
|
|
47
|
-
height: number;
|
|
48
|
-
};
|
|
49
|
-
} | undefined;
|
|
50
|
-
width?: number | undefined;
|
|
51
|
-
height?: number | undefined;
|
|
52
|
-
depth?: number | undefined;
|
|
53
|
-
verticalTri?: [number, number, number] | undefined;
|
|
54
|
-
origin?: number | THREE.Vector3 | undefined;
|
|
55
|
-
facialTransformationMatrix?: {
|
|
56
|
-
rows: number;
|
|
57
|
-
columns: number;
|
|
58
|
-
data: number[];
|
|
59
|
-
} | undefined;
|
|
60
|
-
offset?: boolean | undefined;
|
|
61
|
-
offsetScalar?: number | undefined;
|
|
62
|
-
faceBlendshapes?: {
|
|
63
|
-
categories: {
|
|
64
|
-
index: number;
|
|
65
|
-
score: number;
|
|
66
|
-
categoryName: string;
|
|
67
|
-
displayName: string;
|
|
68
|
-
}[];
|
|
69
|
-
headIndex: number;
|
|
70
|
-
headName: string;
|
|
71
|
-
} | undefined;
|
|
72
|
-
eyes?: boolean | undefined;
|
|
73
|
-
eyesAsOrigin?: boolean | undefined;
|
|
74
|
-
debug?: boolean | undefined;
|
|
75
|
-
} & Omit<import("@react-three/fiber").GroupProps, "ref"> & React.RefAttributes<FacemeshApi>>;
|
|
76
|
-
export type FacemeshEyeProps = {
|
|
77
|
-
side: 'left' | 'right';
|
|
78
|
-
debug?: boolean;
|
|
79
|
-
};
|
|
80
|
-
export type FacemeshEyeApi = {
|
|
81
|
-
eyeMeshRef: React.RefObject<THREE.Group>;
|
|
82
|
-
irisDirRef: React.RefObject<THREE.Group>;
|
|
83
|
-
_computeSphere: (faceGeometry: THREE.BufferGeometry) => THREE.Sphere;
|
|
84
|
-
_update: (faceGeometry: THREE.BufferGeometry, faceBlendshapes: FacemeshProps['faceBlendshapes'], sphere?: THREE.Sphere) => void;
|
|
85
|
-
};
|
|
86
|
-
export declare const FacemeshEyeDefaults: {
|
|
87
|
-
contourLandmarks: {
|
|
88
|
-
right: number[];
|
|
89
|
-
left: number[];
|
|
90
|
-
};
|
|
91
|
-
blendshapes: {
|
|
92
|
-
right: number[];
|
|
93
|
-
left: number[];
|
|
94
|
-
};
|
|
95
|
-
color: {
|
|
96
|
-
right: string;
|
|
97
|
-
left: string;
|
|
98
|
-
};
|
|
99
|
-
fov: {
|
|
100
|
-
horizontal: number;
|
|
101
|
-
vertical: number;
|
|
102
|
-
};
|
|
103
|
-
};
|
|
104
|
-
export declare const FacemeshEye: React.ForwardRefExoticComponent<FacemeshEyeProps & React.RefAttributes<FacemeshEyeApi>>;
|
|
105
|
-
export declare const FacemeshDatas: {
|
|
106
|
-
TRIANGULATION: number[];
|
|
107
|
-
SAMPLE_FACE: {
|
|
108
|
-
keypoints: ({
|
|
109
|
-
x: number;
|
|
110
|
-
y: number;
|
|
111
|
-
z: number;
|
|
112
|
-
name: string;
|
|
113
|
-
} | {
|
|
114
|
-
x: number;
|
|
115
|
-
y: number;
|
|
116
|
-
z: number;
|
|
117
|
-
name?: undefined;
|
|
118
|
-
})[];
|
|
119
|
-
box: {
|
|
120
|
-
xMin: number;
|
|
121
|
-
yMin: number;
|
|
122
|
-
xMax: number;
|
|
123
|
-
yMax: number;
|
|
124
|
-
width: number;
|
|
125
|
-
height: number;
|
|
126
|
-
};
|
|
127
|
-
};
|
|
128
|
-
SAMPLE_FACELANDMARKER_RESULT: {
|
|
129
|
-
faceLandmarks: {
|
|
130
|
-
x: number;
|
|
131
|
-
y: number;
|
|
132
|
-
z: number;
|
|
133
|
-
}[][];
|
|
134
|
-
faceBlendshapes: {
|
|
135
|
-
categories: {
|
|
136
|
-
index: number;
|
|
137
|
-
score: number;
|
|
138
|
-
categoryName: string;
|
|
139
|
-
displayName: string;
|
|
140
|
-
}[];
|
|
141
|
-
headIndex: number;
|
|
142
|
-
headName: string;
|
|
143
|
-
}[];
|
|
144
|
-
facialTransformationMatrixes: {
|
|
145
|
-
rows: number;
|
|
146
|
-
columns: number;
|
|
147
|
-
data: number[];
|
|
148
|
-
}[];
|
|
149
|
-
};
|
|
150
|
-
};
|
package/web/Html.d.ts
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { Group, Object3D, Camera } from 'three';
|
|
3
|
-
import { Assign } from 'utility-types';
|
|
4
|
-
import { ReactThreeFiber } from '@react-three/fiber';
|
|
5
|
-
import { ForwardRefComponent } from '../helpers/ts-utils';
|
|
6
|
-
declare function defaultCalculatePosition(el: Object3D, camera: Camera, size: {
|
|
7
|
-
width: number;
|
|
8
|
-
height: number;
|
|
9
|
-
}): number[];
|
|
10
|
-
export type CalculatePosition = typeof defaultCalculatePosition;
|
|
11
|
-
type PointerEventsProperties = 'auto' | 'none' | 'visiblePainted' | 'visibleFill' | 'visibleStroke' | 'visible' | 'painted' | 'fill' | 'stroke' | 'all' | 'inherit';
|
|
12
|
-
export interface HtmlProps extends Omit<Assign<React.HTMLAttributes<HTMLDivElement>, ReactThreeFiber.Object3DNode<Group, typeof Group>>, 'ref'> {
|
|
13
|
-
prepend?: boolean;
|
|
14
|
-
center?: boolean;
|
|
15
|
-
fullscreen?: boolean;
|
|
16
|
-
eps?: number;
|
|
17
|
-
portal?: React.MutableRefObject<HTMLElement>;
|
|
18
|
-
distanceFactor?: number;
|
|
19
|
-
sprite?: boolean;
|
|
20
|
-
transform?: boolean;
|
|
21
|
-
zIndexRange?: Array<number>;
|
|
22
|
-
calculatePosition?: CalculatePosition;
|
|
23
|
-
as?: string;
|
|
24
|
-
wrapperClass?: string;
|
|
25
|
-
pointerEvents?: PointerEventsProperties;
|
|
26
|
-
occlude?: React.RefObject<Object3D>[] | boolean | 'raycast' | 'blending';
|
|
27
|
-
onOcclude?: (hidden: boolean) => void;
|
|
28
|
-
material?: React.ReactNode;
|
|
29
|
-
geometry?: React.ReactNode;
|
|
30
|
-
castShadow?: boolean;
|
|
31
|
-
receiveShadow?: boolean;
|
|
32
|
-
}
|
|
33
|
-
export declare const Html: ForwardRefComponent<HtmlProps, HTMLDivElement>;
|
|
34
|
-
export {};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { StoreApi } from 'zustand';
|
|
3
|
-
type State = object;
|
|
4
|
-
type StateSelector<T extends State, U> = (state: T) => U;
|
|
5
|
-
type EqualityChecker<T> = (state: T, newState: T) => boolean;
|
|
6
|
-
type StateListener<T> = (state: T, previousState: T) => void;
|
|
7
|
-
type StoreApiWithSubscribeWithSelector<T extends State> = Omit<StoreApi<T>, 'subscribe'> & {
|
|
8
|
-
subscribe: {
|
|
9
|
-
(listener: StateListener<T>): () => void;
|
|
10
|
-
<StateSlice>(selector: StateSelector<T, StateSlice>, listener: StateListener<StateSlice>, options?: {
|
|
11
|
-
equalityFn?: EqualityChecker<StateSlice>;
|
|
12
|
-
fireImmediately?: boolean;
|
|
13
|
-
}): () => void;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
type KeyboardControlsState<T extends string = string> = {
|
|
17
|
-
[K in T]: boolean;
|
|
18
|
-
};
|
|
19
|
-
export type KeyboardControlsEntry<T extends string = string> = {
|
|
20
|
-
name: T;
|
|
21
|
-
keys: string[];
|
|
22
|
-
up?: boolean;
|
|
23
|
-
};
|
|
24
|
-
type KeyboardControlsProps = {
|
|
25
|
-
map: KeyboardControlsEntry[];
|
|
26
|
-
children: React.ReactNode;
|
|
27
|
-
onChange?: (name: string, pressed: boolean, state: KeyboardControlsState) => void;
|
|
28
|
-
domElement?: HTMLElement;
|
|
29
|
-
};
|
|
30
|
-
export declare function KeyboardControls({ map, children, onChange, domElement }: KeyboardControlsProps): React.JSX.Element;
|
|
31
|
-
type Selector<T extends string = string> = (state: KeyboardControlsState<T>) => boolean;
|
|
32
|
-
export declare function useKeyboardControls<T extends string = string>(): [
|
|
33
|
-
StoreApiWithSubscribeWithSelector<KeyboardControlsState<T>>['subscribe'],
|
|
34
|
-
StoreApiWithSubscribeWithSelector<KeyboardControlsState<T>>['getState']
|
|
35
|
-
];
|
|
36
|
-
export declare function useKeyboardControls<T extends string = string>(sel: Selector<T>): ReturnType<Selector<T>>;
|
|
37
|
-
export {};
|
package/web/Loader.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { CSSProperties } from 'react';
|
|
3
|
-
interface LoaderOptions {
|
|
4
|
-
containerStyles: CSSProperties;
|
|
5
|
-
innerStyles: CSSProperties;
|
|
6
|
-
barStyles: CSSProperties;
|
|
7
|
-
dataStyles: CSSProperties;
|
|
8
|
-
dataInterpolation: (p: number) => string;
|
|
9
|
-
initialState: (active: boolean) => boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare function Loader({ containerStyles, innerStyles, barStyles, dataStyles, dataInterpolation, initialState, }: Partial<LoaderOptions>): React.JSX.Element | null;
|
|
12
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SpringConfig } from '@react-spring/three';
|
|
3
|
-
export type PresentationControlProps = {
|
|
4
|
-
snap?: Boolean | SpringConfig;
|
|
5
|
-
global?: boolean;
|
|
6
|
-
cursor?: boolean;
|
|
7
|
-
speed?: number;
|
|
8
|
-
zoom?: number;
|
|
9
|
-
rotation?: [number, number, number];
|
|
10
|
-
polar?: [number, number];
|
|
11
|
-
azimuth?: [number, number];
|
|
12
|
-
config?: any;
|
|
13
|
-
enabled?: boolean;
|
|
14
|
-
children?: React.ReactNode;
|
|
15
|
-
domElement?: HTMLElement;
|
|
16
|
-
};
|
|
17
|
-
export declare function PresentationControls({ enabled, snap, global, domElement, cursor, children, speed, rotation, zoom, polar, azimuth, config, }: PresentationControlProps): React.JSX.Element;
|
package/web/ScrollControls.d.ts
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import * as THREE from 'three';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { ForwardRefComponent } from '../helpers/ts-utils';
|
|
4
|
-
export type ScrollControlsProps = {
|
|
5
|
-
eps?: number;
|
|
6
|
-
horizontal?: boolean;
|
|
7
|
-
infinite?: boolean;
|
|
8
|
-
pages?: number;
|
|
9
|
-
distance?: number;
|
|
10
|
-
damping?: number;
|
|
11
|
-
maxSpeed?: number;
|
|
12
|
-
prepend?: boolean;
|
|
13
|
-
enabled?: boolean;
|
|
14
|
-
style?: React.CSSProperties;
|
|
15
|
-
children: React.ReactNode;
|
|
16
|
-
};
|
|
17
|
-
export type ScrollControlsState = {
|
|
18
|
-
el: HTMLDivElement;
|
|
19
|
-
eps: number;
|
|
20
|
-
fill: HTMLDivElement;
|
|
21
|
-
fixed: HTMLDivElement;
|
|
22
|
-
horizontal: boolean | undefined;
|
|
23
|
-
damping: number;
|
|
24
|
-
offset: number;
|
|
25
|
-
delta: number;
|
|
26
|
-
pages: number;
|
|
27
|
-
range(from: number, distance: number, margin?: number): number;
|
|
28
|
-
curve(from: number, distance: number, margin?: number): number;
|
|
29
|
-
visible(from: number, distance: number, margin?: number): boolean;
|
|
30
|
-
};
|
|
31
|
-
export declare function useScroll(): ScrollControlsState;
|
|
32
|
-
export declare function ScrollControls({ eps, enabled, infinite, horizontal, pages, distance, damping, maxSpeed, prepend, style, children, }: ScrollControlsProps): React.JSX.Element;
|
|
33
|
-
interface ScrollPropsWithFalseHtml {
|
|
34
|
-
children?: React.ReactNode;
|
|
35
|
-
html?: false;
|
|
36
|
-
style?: never;
|
|
37
|
-
}
|
|
38
|
-
interface ScrollPropsWithTrueHtml {
|
|
39
|
-
children?: React.ReactNode;
|
|
40
|
-
html: true;
|
|
41
|
-
style?: React.CSSProperties;
|
|
42
|
-
}
|
|
43
|
-
type ScrollProps = ScrollPropsWithFalseHtml | ScrollPropsWithTrueHtml;
|
|
44
|
-
export declare const Scroll: ForwardRefComponent<ScrollProps, THREE.Group & HTMLDivElement>;
|
|
45
|
-
export {};
|
package/web/Select.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as THREE from 'three';
|
|
3
|
-
type Props = JSX.IntrinsicElements['group'] & {
|
|
4
|
-
multiple?: boolean;
|
|
5
|
-
box?: boolean;
|
|
6
|
-
border?: string;
|
|
7
|
-
backgroundColor?: string;
|
|
8
|
-
onChange?: (selected: THREE.Object3D[]) => void;
|
|
9
|
-
onChangePointerUp?: (selected: THREE.Object3D[]) => void;
|
|
10
|
-
filter?: (selected: THREE.Object3D[]) => THREE.Object3D[];
|
|
11
|
-
};
|
|
12
|
-
export declare function Select({ box, multiple, children, onChange, onChangePointerUp, border, backgroundColor, filter: customFilter, ...props }: Props): React.JSX.Element;
|
|
13
|
-
export declare function useSelect(): THREE.Object3D[];
|
|
14
|
-
export {};
|
package/web/View.d.ts
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as THREE from 'three';
|
|
3
|
-
type LegacyCanvasSize = {
|
|
4
|
-
height: number;
|
|
5
|
-
width: number;
|
|
6
|
-
};
|
|
7
|
-
type CanvasSize = LegacyCanvasSize & {
|
|
8
|
-
top: number;
|
|
9
|
-
left: number;
|
|
10
|
-
};
|
|
11
|
-
export type ContainerProps = {
|
|
12
|
-
visible: boolean;
|
|
13
|
-
scene: THREE.Scene;
|
|
14
|
-
index: number;
|
|
15
|
-
children?: React.ReactNode;
|
|
16
|
-
frames: number;
|
|
17
|
-
rect: React.MutableRefObject<DOMRect>;
|
|
18
|
-
track?: React.MutableRefObject<HTMLElement>;
|
|
19
|
-
canvasSize: LegacyCanvasSize | CanvasSize;
|
|
20
|
-
};
|
|
21
|
-
export type ViewProps = {
|
|
22
|
-
as?: string;
|
|
23
|
-
id?: string;
|
|
24
|
-
className?: string;
|
|
25
|
-
style?: React.CSSProperties;
|
|
26
|
-
visible?: boolean;
|
|
27
|
-
index?: number;
|
|
28
|
-
frames?: number;
|
|
29
|
-
children?: React.ReactNode;
|
|
30
|
-
track?: React.MutableRefObject<HTMLElement>;
|
|
31
|
-
};
|
|
32
|
-
export type ViewportProps = {
|
|
33
|
-
Port: () => JSX.Element;
|
|
34
|
-
} & React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<HTMLElement | THREE.Group>>;
|
|
35
|
-
export declare const View: ViewportProps;
|
|
36
|
-
export {};
|
package/web/index.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export { Html } from './Html';
|
|
2
|
-
export { CycleRaycast } from './CycleRaycast';
|
|
3
|
-
export { useCursor } from './useCursor';
|
|
4
|
-
export { Loader } from './Loader';
|
|
5
|
-
export * from './ScrollControls';
|
|
6
|
-
export * from './PresentationControls';
|
|
7
|
-
export * from './KeyboardControls';
|
|
8
|
-
export * from './Select';
|
|
9
|
-
export * from '../core';
|
|
10
|
-
export * from './View';
|
|
11
|
-
export * from './pivotControls';
|
|
12
|
-
export * from './FaceControls';
|
|
13
|
-
export { DragControls } from './DragControls';
|
|
14
|
-
export * from './FaceLandmarker';
|
|
15
|
-
export * from './Facemesh';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as THREE from 'three';
|
|
3
|
-
export declare const calculateOffset: (clickPoint: THREE.Vector3, normal: THREE.Vector3, rayStart: THREE.Vector3, rayDir: THREE.Vector3) => number;
|
|
4
|
-
export declare const AxisArrow: React.FC<{
|
|
5
|
-
direction: THREE.Vector3;
|
|
6
|
-
axis: 0 | 1 | 2;
|
|
7
|
-
}>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as THREE from 'three';
|
|
3
|
-
export declare const calculateOffset: (clickPoint: THREE.Vector3, normal: THREE.Vector3, rayStart: THREE.Vector3, rayDir: THREE.Vector3) => number;
|
|
4
|
-
export declare const ScalingSphere: React.FC<{
|
|
5
|
-
direction: THREE.Vector3;
|
|
6
|
-
axis: 0 | 1 | 2;
|
|
7
|
-
}>;
|