@realsee/dnalogel 3.81.13 → 4.0.0-webgpu.3

package/dist/types/shared-utils/Object3DHelper/utils/solidGuide.d.ts

@@ -0,0 +1,27 @@
+import * as THREE from 'three/webgpu';
+/** 将世界坐标投影为屏幕像素坐标 */
+export declare function projectToScreen(camera: THREE.Camera, container: HTMLElement | null | undefined, point: THREE.Vector3): THREE.Vector2;
+/** 估算某方向上线段的像素与世界长度的比例（世界单位/像素） */
+export declare function computeWorldPerPixel(camera: THREE.Camera, container: HTMLElement | null | undefined, center: THREE.Vector3, direction: THREE.Vector3): number;
+/** 计算直线长度：随相机距离/视口变化自适应，限制在可视范围内 */
+export declare function computeGuideLength(camera: THREE.Camera, center: THREE.Vector3): number;
+export type SolidGuideOptions = {
+    color?: number;
+    renderOrder?: number;
+};
+export declare class SolidGuideLine {
+    private camera;
+    private container;
+    private defaults;
+    constructor(camera: THREE.Camera, container: HTMLElement | null | undefined, defaults?: SolidGuideOptions);
+    /** 创建无限长直线（Line + LineBasicMaterial），穿过整个平面 */
+    createSolidLine(center: THREE.Vector3, direction: THREE.Vector3, options?: SolidGuideOptions): THREE.Line<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.LineBasicMaterial, THREE.Object3DEventMap>;
+    /** 更新已创建的直线，使其始终穿过整个平面 */
+    updateSolidLine(line: THREE.Line<THREE.BufferGeometry, THREE.LineBasicMaterial>, center: THREE.Vector3, direction: THREE.Vector3, options?: SolidGuideOptions): void;
+    /** 计算"无限"直线的长度，确保穿过整个可视区域 */
+    private computeInfiniteLineLength;
+    /** 释放直线的几何与材质 */
+    dispose(line?: THREE.Line<THREE.BufferGeometry, THREE.LineBasicMaterial>): void;
+    /** 更新默认配置 */
+    updateDefaults(options: SolidGuideOptions): void;
+}

package/dist/types/shared-utils/Preloader.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 预载器
+ */
+export declare const Preloader: {
+    blob: (url: string) => Promise<string>;
+};

package/dist/types/shared-utils/Subscribe.d.ts

@@ -0,0 +1,69 @@
+import type * as THREE from 'three/webgpu';
+export interface EventMap {
+    [name: string]: (...args: any[]) => any;
+}
+/**
+ * 监听者模式
+ * @template T - 预设的监听回调类型
+ * @example
+ * ```
+ * new Subscribe<{
+ * "foo": [arg1: number, arg2: string],
+ * "bar": [arg: boolean],
+ * }>()
+ * ```
+ */
+declare class Subscribe<T extends EventMap> {
+    /**
+     * 判断是否注册了事件
+     * @param name - 事件类型
+     */
+    hasListener(name: keyof T): boolean;
+    /**
+     * 注册事件
+     * @param name - 事件类型
+     * @param callback - 事件回调函数
+     * @param once - 是否只执行一次
+     * @returns 解除事件
+     * @template K - 预设的监听事件名称
+     * @template C - 回调函数函数上下文
+     */
+    on<K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>, once?: boolean): () => void;
+    /**
+     * 注册事件(是否只执行一次)
+     * @param name - 事件类型
+     * @param callback - 事件回调函数
+     * @returns 解除事件
+     * @template K - 预设的监听事件名称
+     * @template C - 回调函数函数上下文
+     */
+    once<K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>): () => void;
+    /**
+     * 解除事件
+     *
+     * 如果 name 不传的话解除对应所有事件
+     * 如果 name, callback 不传的话解除所有name的所有事件
+     * @param name - 事件类型
+     * @param callback - 事件回调函数
+     * @template K - 预设的监听事件名称
+     */
+    off<K extends keyof T>(name?: K, callback?: (...args: Parameters<T[K]>) => ReturnType<T[K]>): void;
+    /**
+     * 触发事件
+     * @param name - 事件类型
+     * @param data - 触发事件的数据
+     * @returns canceled 是否被触发取消
+     * @template K - 预设的监听事件名称
+     */
+    emit<K extends keyof T>(name: K, ...data: Parameters<T[K]>): boolean;
+    /**
+     * 触发事件并返回监听器的返回值
+     * @param name - 事件类型
+     * @param data - 触发事件的数据
+     * @returns 监听器的返回值数组
+     * @template K - 预设的监听事件名称
+     */
+    emitWithResult<K extends keyof T>(name: K, ...data: Parameters<T[K]>): THREE.Vector3 | undefined;
+}
+export { Subscribe };
+export type { EventMap as SubscribeEventMap };

package/dist/types/shared-utils/Utils/BaseUtil.d.ts

@@ -0,0 +1,6 @@
+import { Five } from '@realsee/five-webgpu';
+import { Subscribe, EventMap } from '../Subscribe.js';
+export declare class BaseUtil<Event extends EventMap = {}> extends Subscribe<Event> {
+    five: Five;
+    constructor(five: Five);
+}

package/dist/types/shared-utils/Utils/FiveUtil.d.ts

@@ -0,0 +1,9 @@
+import { Five } from '@realsee/five-webgpu';
+import { BaseUtil } from './BaseUtil.js';
+import { WorkUtil } from './WorkUtil.js';
+export declare class FiveUtil extends BaseUtil {
+    workUtil: WorkUtil;
+    get model(): import('@realsee/five-webgpu').Model;
+    constructor(five: Five);
+    moveToPano(panoNumber: number, movePanoOptions: Parameters<Five['moveToPano']>[1]): Promise<void>;
+}

package/dist/types/shared-utils/Utils/WorkUtil.d.ts

@@ -0,0 +1,36 @@
+import { Five } from '@realsee/five-webgpu';
+import { BaseUtil } from './BaseUtil.js';
+import * as THREE from 'three/webgpu';
+export type WorkFromType = 'poincare' | 'aerophoto' | 'vr' | 'weilaijia' | 'sand';
+export declare class WorkUtil extends BaseUtil {
+    private _workCode;
+    get fromType(): WorkFromType;
+    /**
+     * @description 设置插件当前的 workCode
+     */
+    set workCode(workCode: string);
+    /**
+     * @description 获取插件当前的 workCode
+     */
+    get workCode(): string;
+    /**
+     * @description 获取当前的 work
+     */
+    get work(): import('@realsee/five-webgpu').Work;
+    get observers(): readonly import('@realsee/five-webgpu').WorkObserver[];
+    get transform(): THREE.Matrix4;
+    constructor(five: Five);
+    getResolvedObserver(observerIndex: number): import('@realsee/five-webgpu').WorkResolvedObserver;
+    /**
+     * @description 获取全景点坐标
+     */
+    getObserverPosition(observerIndex: number): THREE.Vector3 | undefined;
+    /**
+     * @description 获取全景点位和模型的地面坐标
+     */
+    getObserverStandingPosition(observerIndex: number): THREE.Vector3 | undefined;
+    /**
+     * @description 获取observer
+     */
+    getObserver(observerIndex: number): import('@realsee/five-webgpu').WorkObserver;
+}

package/dist/types/shared-utils/animationFrame/BetterTween.d.ts

@@ -0,0 +1,12 @@
+import * as TWEEN from '@tweenjs/tween.js';
+export declare class BetterTween<T extends Record<string, unknown>> extends TWEEN.Tween<T> {
+    private disposeMethods;
+    private animationFrameDisposer?;
+    onDispose: (callback: () => void) => this;
+    play: () => this;
+    stop: () => this;
+    dispose: () => void;
+}
+export declare function tweenProgress(duration?: number, easing?: (amount: number) => number): BetterTween<{
+    progress: number;
+}>;

package/dist/types/shared-utils/animationFrame/index.d.ts

@@ -0,0 +1,9 @@
+declare const requestFrame: typeof requestAnimationFrame;
+export default requestFrame;
+export declare function nextFrame(fn: (time: number) => void, delay?: number): void;
+export declare function awaitNextFrame(): Promise<void>;
+/** Run a callback at most once per requested frame interval. */
+export declare function requestAnimationFrameInterval(callback?: (time: number) => unknown, frame?: number): () => void;
+/** Return the elapsed time between two animation frames. */
+export declare function getFrameTime(): Promise<number>;
+export { tweenProgress, BetterTween } from './BetterTween.js';

package/dist/types/shared-utils/changeModelCanvasOpacity.d.ts

@@ -0,0 +1,2 @@
+import { Five } from '@realsee/five-webgpu';
+export default function changeModelCanvasOpacity(five: Five, opacity: number, duration?: number): void;

package/dist/types/shared-utils/createCanvasTextTexture.d.ts

@@ -0,0 +1,8 @@
+import { CanvasTexture } from 'three/webgpu';
+export default function createCanvasTextTexture(text: string, config?: {
+    size?: number;
+    fontSize?: number;
+    backgroundColor?: string;
+    fontColor?: string;
+    textAlign?: CanvasTextAlign;
+}): CanvasTexture<HTMLCanvasElement>;

package/dist/types/shared-utils/createLine/index.d.ts

@@ -0,0 +1,3 @@
+import { Vector3 } from 'three/webgpu';
+import { FiveLine } from '../five/FiveLine.js';
+export default function createLine(point1: Vector3, point2: Vector3, color?: Vector3, dashed?: boolean): FiveLine;

package/dist/types/shared-utils/dom/mouse.d.ts

@@ -0,0 +1 @@
+export declare function isMouseDown(): boolean;

package/dist/types/shared-utils/five/FiveDomEvents.d.ts

@@ -0,0 +1,130 @@
+import { Five, Model as FiveModel } from '@realsee/five-webgpu';
+import * as THREE from 'three/webgpu';
+export interface FiveDomEventMap {
+    /**
+     * @description 点击事件
+     * @return {PreventFiveEvent} 返回 false 可以不阻止 five 的 tap 事件; default: true
+     */
+    click: (event: FiveDomEvent) => PreventFiveEvent | void;
+    /**
+     * @description 双击事件
+     */
+    dblclick: (event: FiveDomEvent) => void;
+    /**
+     * @description 鼠标按下事件
+     */
+    mousedown: (event: FiveDomEvent) => void;
+    /**
+     * @description 鼠标抬起事件
+     */
+    mouseup: (event: FiveDomEvent) => void;
+    /**
+     * @description 鼠标移入事件
+     */
+    hover: (event: FiveDomEvent) => void;
+    /**
+     * @description 鼠标移出事件
+     */
+    unHover: (event: FiveDomEvent) => void;
+    /**
+     * @description: 拖动开始
+     */
+    dragstart: (event: FiveDomEvent) => void;
+    /**
+     * @description: 拖动中
+     */
+    drag: (event: FiveDomEvent) => void;
+    /**
+     * @description: 拖动结束
+     */
+    dragend: (event: FiveDomEvent) => void;
+}
+type EventName = keyof FiveDomEventMap;
+type PreventFiveEvent = boolean;
+export interface EventHandlerConfig {
+    /**
+     * @description 不可见时不触发事件
+     * @default false
+     */
+    noEmitWhenHide?: boolean;
+    /**
+     * @description 不在场景中时不触发事件
+     * @default false
+     */
+    noEmitWhenNotInScene?: boolean;
+    /**
+     * @description 在全景点周围时，不触发事件
+     * @default false
+     */
+    skipPano?: boolean;
+    /**
+     * @description 指定参与碰撞检测的five model，传null表示不参与碰撞检测
+     * @default 当前 five.state.workCode 对应的模型
+     */
+    fiveModels?: FiveModel[] | null;
+}
+export interface FiveDomEvent {
+    type: EventName;
+    target: THREE.Object3D;
+    origDomEvent?: Event;
+    raycaster: THREE.Raycaster;
+    intersects?: THREE.Intersection[];
+    stopPropagation: () => void;
+}
+type Object3DWithEvent = THREE.Object3D & {
+    _domEvent?: {
+        [key in `${EventName | 'wantDblclick'}Handler`]?: Array<[FiveDomEventMap[EventName], Omit<EventHandlerConfig, 'fiveModels'>]>;
+    };
+    _hovered?: boolean;
+    _dragging?: boolean;
+    draggable?: boolean;
+};
+export declare class FiveDomEvents {
+    private _five;
+    get five(): Five;
+    set five(five: Five);
+    /**
+     * @description: 拖动中
+     */
+    private dragging;
+    private get haveDragEventObject();
+    private boundObject;
+    private config;
+    private dragSelectTempWorld;
+    private dragSelectTempProjected;
+    private get model();
+    constructor(five: Five, config?: EventHandlerConfig);
+    /**
+     * @description: added 时自动绑定事件，removed时自动解绑事件，也就是说只有物体在场景中的时候才会触发事件
+     * @note: 注意：目前需要触发物体的 added 事件和 removed 事件才会生效
+     * @todo: added 和 removed 还是不太智能
+     */
+    addAutoBindEventListener<T extends EventName = EventName>(object: Object3DWithEvent, event: T, callback: FiveDomEventMap[T], config?: Omit<EventHandlerConfig, 'fiveModels'>): () => void;
+    /**
+     * @description: add event listener
+     * @param params.object: object
+     * @param params.event: event name
+     * @param params.callback: 返回 false 可以不阻止 five 的 tap 事件; default: true
+     * @return {void}
+     */
+    addEventListener<T extends EventName = EventName>(object: Object3DWithEvent, event: T, callback: FiveDomEventMap[T], config?: Omit<EventHandlerConfig, 'fiveModels'>): void;
+    removeEventListener(object: Object3DWithEvent, event?: EventName, callback?: (e: FiveDomEvent) => any, ...args: any[]): void;
+    clear(): void;
+    dispose(): void;
+    toJSON(): {
+        boundObject: Partial<Record<keyof FiveDomEventMap, Object3DWithEvent[]>>;
+    };
+    private getRaycaster;
+    private handleWantsGesture;
+    private handleDomEvent;
+    private handleMouseEvent;
+    private handleMousedown;
+    private handleMouseup;
+    private handleMousemove;
+    private onDomEvent;
+    private objectIsBound;
+    private notify;
+    private getDragSelectPixelDistance;
+    private findDragSelectIntersect;
+}
+export {};

package/dist/types/shared-utils/five/FiveLine.d.ts

@@ -0,0 +1,14 @@
+import { Object3D, Points, Vector3, ColorRepresentation } from 'three/webgpu';
+import { THREE_Line2 } from '../three/core/Line2.js';
+import { LineMaterial } from '../three/core/LineMaterial.js';
+export type Color = ColorRepresentation;
+export declare class FiveLine extends Object3D {
+    readonly line: THREE_Line2;
+    readonly points: Points;
+    needsRender: boolean;
+    constructor(vector0?: Vector3, vector1?: Vector3);
+    setPoints(vector0: Vector3, vector1: Vector3): void;
+    getPoints(): Vector3[];
+    setMaterial(params: ConstructorParameters<typeof LineMaterial>[0]): void;
+    setResolution(width: number, height: number): void;
+}

package/dist/types/shared-utils/five/FivePuppet.d.ts

@@ -0,0 +1,65 @@
+import { Five } from '@realsee/five-webgpu';
+import * as THREE from 'three/webgpu';
+/**
+ * @description 模拟 Five 行为的 canvas，与 Five 唯一区别是 scene 是空的
+ * @usecase
+ * 当需 five 的 canvas 上层有一些额外的 Dom 元素比如平面图时，希望在这些 Dom 元素上层再绘制一些三维物体，可以
+ * 使用 FivePuppet，将要渲染的物体加入到 FivePuppet 的 scene 中即可。甚至可以是原本在 five 中的物体，可以使
+ * 用 `.clone()` 将物体克隆一份然后加入到 FivePuppet 的 scene 中。
+ * @example react
+    ```typescript
+    import { FivePuppet } from '@realsee/dnalogel/utils'
+
+    function App() {
+      const fivePuppet = React.useRef<FivePuppet>()
+      const five = unsafe__useFiveInstance()
+
+      React.useEffect(() => {
+        fivePuppet.current = new FivePuppet(five, { zIndex: 20 })
+
+        const object = new THREE.Mesh(new THREE.BoxGeometry(), new THREE.MeshBasicMaterial({ color: 0xff0000 }))
+        fivePuppet.current.scene.add(object)
+
+        return () => {
+          fivePuppet.current?.dispose()
+        }
+      }, [five])
+    }
+    ```
+ * @example javascript
+    ```typescript
+    import { FivePuppet } from '@realsee/dnalogel/utils'
+
+    const five = new Five({
+      plugins: [
+        [(five) => new FivePuppet(five), 'fivePuppet']
+      ],
+    })
+
+    const object = new THREE.Mesh(new THREE.BoxGeometry(), new THREE.MeshBasicMaterial({ color: 0xff0000 }))
+    five.plugins.fivePuppet.scene.add(object)
+    ```
+ */
+export declare class FivePuppet {
+    scene: THREE.Scene;
+    private five;
+    private renderer;
+    private cancelRequestAnimationFrameId;
+    private camera;
+    private domInited;
+    private canvasWrapper?;
+    private params?;
+    private _rendererCache;
+    private _cameraCache;
+    private disposed;
+    constructor(five: Five, params?: {
+        /**
+         * @description canvas 的 zIndex
+         * @default 1
+         */
+        zIndex: number;
+    });
+    animate: () => void;
+    stopAnimate: () => void;
+    dispose: () => void;
+}

package/dist/types/shared-utils/five/calculateThreeMouse.d.ts

@@ -0,0 +1,11 @@
+import * as THREE from 'three/webgpu';
+/**
+ * 计算 three 中的 mouse 的值
+ * @param  mouseXY - 鼠标相对屏幕位置
+ * @param  element - canvas元素（three的展示元素）
+ */
+declare function calculateThreeMouse(mouseXY: {
+    x: number;
+    y: number;
+}, element: HTMLElement): THREE.Vector2;
+export { calculateThreeMouse };

package/dist/types/shared-utils/five/changeMode.d.ts

@@ -0,0 +1,3 @@
+import { Five } from '@realsee/five-webgpu';
+/** 等待 five changeMode 结束 */
+export default function changeMode(five: Five, changeModeParams: Parameters<Five['changeMode']>): Promise<boolean>;

package/dist/types/shared-utils/five/fiveEveryReadyListener.d.ts

@@ -0,0 +1,2 @@
+import { Five } from '@realsee/five-webgpu';
+export declare function fiveEveryReadyListener(five: Five, callback: () => void): () => void;

package/dist/types/shared-utils/five/fiveLoaded.d.ts

@@ -0,0 +1,2 @@
+import { Five } from '@realsee/five-webgpu';
+export declare function waitFiveLoaded(five: Five): Promise<void>;

package/dist/types/shared-utils/five/fiveModelLoad.d.ts

@@ -0,0 +1,9 @@
+import { Five } from '@realsee/five-webgpu';
+/**
+ * @description: 等待 five model 加载完成
+ */
+export declare function waitFiveModelLoaded(five: Five, signal?: AbortSignal): Promise<void>;
+/**
+ * @note five 6.0 修复了 多次 load work 时，`five.model.loaded` 不会变为 `false` 的问题，不再需要 `five.model.name === five.work?.model.file` 的判断了
+ */
+export declare function fiveModelIsLoaded(five: Five): boolean;

package/dist/types/shared-utils/five/getFiveFromParentChain.d.ts

@@ -0,0 +1,4 @@
+import { Five } from '@realsee/five-webgpu';
+import { Object3D } from 'three/webgpu';
+export declare function bindFiveOwner(object: Object3D, five: Five): void;
+export declare function getFiveFromParentChain(object: Object3D): Five | undefined;

package/dist/types/shared-utils/five/getFiveModel.d.ts

@@ -0,0 +1,2 @@
+import { Five } from '@realsee/five-webgpu';
+export declare function getFiveModel(five: Five): import('@realsee/five-webgpu').Model;

package/dist/types/shared-utils/five/getFloorIndex.d.ts

@@ -0,0 +1,4 @@
+import { Work } from '@realsee/five-webgpu';
+export default function getFloorIndex(work: Work, point: {
+    y: number;
+}): number;

package/dist/types/shared-utils/five/getFloorMesh.d.ts

@@ -0,0 +1,3 @@
+import { Five } from '@realsee/five-webgpu';
+import * as THREE from 'three/webgpu';
+export declare const getFloorMesh: (five: Five, floorIndex: number) => THREE.Box3;

package/dist/types/shared-utils/five/getPosition.d.ts

@@ -0,0 +1,24 @@
+import { Five } from '@realsee/five-webgpu';
+import * as THREE from 'three/webgpu';
+interface IIntersection extends THREE.Intersection {
+    raycaster: THREE.Raycaster;
+    isVirtual: boolean;
+}
+/**
+ * @description 根据 ndc 坐标获取 Intersect
+ */
+export declare function getIntersectByNdcPosition(five: Five, position: {
+    x: number;
+    y: number;
+}, config?: {
+    virtualPoint?: boolean;
+}): IIntersection | undefined;
+/**
+ * @description 根据射线获取 Intersect
+ */
+export declare function getIntersectByRaycaster(five: Five, raycaster: THREE.Raycaster, config?: {
+    virtualPoint?: boolean;
+}): IIntersection | undefined;
+export declare function getVirtualIntersectByRaycaster(raycaster: THREE.Raycaster, distance?: number): IIntersection;
+export declare function getRealIntersectByRaycaster(five: Five, raycaster: THREE.Raycaster): IIntersection;
+export {};

package/dist/types/shared-utils/five/getRaycasterByNdcPosition.d.ts

@@ -0,0 +1,6 @@
+import { Five } from '@realsee/five-webgpu';
+import * as THREE from 'three/webgpu';
+export declare function getRaycasterByNdcPosition(five: Five, position: {
+    x: number;
+    y: number;
+}): THREE.Raycaster;

package/dist/types/shared-utils/five/index.d.ts

@@ -0,0 +1,13 @@
+import { Five } from '@realsee/five-webgpu';
+/** Five 模型是否加载完成 */
+export declare function checkFiveModelLoaded(five: Five): {
+    result: boolean;
+    msg: string;
+};
+export { isPanoramaLike, isModelLike } from './mode.js';
+export { lookObject } from './lookObject.js';
+export { lookPoint } from './lookPoint.js';
+export { waitFiveModelLoaded, fiveModelIsLoaded } from './fiveModelLoad.js';
+export { FiveDomEvents } from './FiveDomEvents.js';
+export type { FiveDomEventMap, EventHandlerConfig, FiveDomEvent } from './FiveDomEvents.js';
+export { initialCSS3DRender } from './initialCSS3DRender.js';

package/dist/types/shared-utils/five/initialCSS3DRender.d.ts

@@ -0,0 +1 @@
+export { initialCSS3DRender } from '../CSS3DRender/index.js';

package/dist/types/shared-utils/five/lookObject.d.ts

@@ -0,0 +1,15 @@
+import { Five } from '@realsee/five-webgpu';
+import * as THREE from 'three/webgpu';
+/**
+ * @description 以最佳视角观察物体
+ * @param five five 实例
+ * @param object 要观察的物体
+ * @param config.scale 值越大离物体越远，建议范围为 1~2 之间，默认值为 1.4
+ * @param config.minDistance 最小观察距离，如果计算出的距离小于此值，则使用此值
+ * @param config.minLatitude 最小纬度角（弧度），如果计算出的纬度小于此值，则调整相机位置
+ */
+export declare function lookObject(five: Five, object: THREE.Object3D, config?: {
+    scale?: number;
+    minDistance?: number;
+    minLatitude?: number;
+}): Promise<void>;

package/dist/types/shared-utils/five/lookPoint.d.ts

@@ -0,0 +1,11 @@
+import { Five } from '@realsee/five-webgpu';
+import * as THREE from 'three/webgpu';
+/**
+ * @description 以最佳视角看向一个三维空间点
+ * @param five five 实例
+ * @param point 要观察的坐标点
+ * @param config.distance 观察距离，单位为米，默认为 3
+ */
+export declare function lookPoint(five: Five, point: THREE.Vector3, config?: {
+    distance?: number;
+}): Promise<void>;

package/dist/types/shared-utils/five/mode.d.ts

@@ -0,0 +1,3 @@
+import { Mode } from '@realsee/five-webgpu';
+export declare function isPanoramaLike(mode: Mode): boolean;
+export declare function isModelLike(mode: Mode): boolean;

package/dist/types/shared-utils/five/transformPosition.d.ts

@@ -0,0 +1,2 @@
+import { Matrix4, Vector3 } from 'three/webgpu';
+export declare const transformPosition: (position: Vector3, transform?: Matrix4) => Vector3;

package/dist/types/shared-utils/five/vector3ToScreen.d.ts

@@ -0,0 +1,5 @@
+import type * as THREE from 'three/webgpu';
+export default function vector3ToScreen(camera: THREE.Camera, vector3: THREE.Vector3, rendererSize: THREE.Vector2): {
+    leftPx: number;
+    topPx: number;
+};