@realsee/dnalogel 2.0.0-alpha.42 → 2.0.0-alpha.45

package/libs/src/ModelViewPlugin/Plugin.js

@@ -1,159 +0,0 @@
-import * as THREE from 'three';
-/**
- * Five 模型插件
- * @template ExportType 导出方法
- */
-export const ModelViewPlugin = (five) => {
-    let needsRender = true;
-    let renderer = null;
-    const scene = new THREE.Scene();
-    const camera = new THREE.PerspectiveCamera(60, 1, 0.1, 1000);
-    let model = new THREE.Object3D();
-    {
-        const light = new THREE.DirectionalLight(0xffffff, 0.5);
-        light.position.copy(new THREE.Vector3(1, 1, 1));
-        scene.add(light);
-    }
-    {
-        const light = new THREE.DirectionalLight(0xffffff, 0.3);
-        scene.add(light);
-    }
-    {
-        const light = new THREE.AmbientLight(0xffffff, 0.3);
-        scene.add(light);
-    }
-    scene.add(model);
-    const initRendererIfNeeds = () => {
-        if (!five.renderer)
-            return;
-        if (!renderer) {
-            renderer = new THREE.WebGLRenderer({ antialias: false, alpha: true });
-            renderer.setPixelRatio(five.renderer.getPixelRatio());
-            renderer.outputEncoding = THREE.sRGBEncoding;
-            renderer.setClearColor(0x181a1c, 0);
-            renderer.autoClear = true;
-        }
-        return renderer;
-    };
-    const handleModelWillLoad = () => {
-        model.traverse((object) => {
-            if (object instanceof THREE.Mesh) {
-                const materials = [].concat(object.material);
-                materials.forEach((material) => material.dispose());
-            }
-        });
-        scene.remove(model);
-        model = new THREE.Object3D();
-        scene.add(model);
-        update();
-    };
-    const handleModelLoaded = () => {
-        function cloneMaterial(material) {
-            material.clone().uniforms.modelAlpha.value = 1;
-            if (material.uniforms.map.value) {
-                material.uniforms.map.value.needsUpdate = true;
-            }
-            return material;
-        }
-        function cloneModel(model) {
-            if (model instanceof THREE.Mesh) {
-                const geometry = model.geometry;
-                const material = Array.isArray(model.material)
-                    ? model.material.map(cloneMaterial)
-                    : cloneMaterial(model.material);
-                return new THREE.Mesh(geometry, material);
-            }
-            else if (model instanceof THREE.Group) {
-                const group = new THREE.Group();
-                model.children.forEach((object) => group.add(cloneModel(object)));
-                return group;
-            }
-            else {
-                const object3D = new THREE.Object3D();
-                model.children.forEach((object) => object3D.add(cloneModel(object)));
-                return object3D;
-            }
-        }
-        scene.remove(model);
-        model = cloneModel(five.model);
-        scene.add(model);
-        update();
-    };
-    const appendTo = (element, size = {}) => {
-        const renderer = initRendererIfNeeds();
-        if (!renderer)
-            return;
-        element.appendChild(renderer.domElement);
-        refresh(size);
-        const positionType = window.getComputedStyle(element).position;
-        if (positionType !== 'relative' &&
-            positionType !== 'absolute' &&
-            positionType !== 'fixed' &&
-            positionType !== 'sticky')
-            element.style.position = 'relative';
-    };
-    const refresh = (size = {}) => {
-        if (!renderer)
-            return;
-        const element = renderer.domElement;
-        const container = element.parentNode;
-        if (container === null || container === void 0 ? void 0 : container.nodeName) {
-            const { width = container.offsetWidth, height = container.offsetHeight } = size;
-            renderer.setSize(width, height);
-            // 修改摄像机 aspect 比值
-            camera.aspect = width / height;
-            camera.updateProjectionMatrix();
-        }
-        update();
-    };
-    const cameraDistance = () => {
-        const bounding = five.model.bounding;
-        const { fov, aspect } = camera;
-        const radius = Math.sqrt(Math.pow(bounding.max.x - bounding.min.x + 2, 2) +
-            Math.pow(bounding.max.y - bounding.min.y + 2, 2) +
-            Math.pow(bounding.max.z - bounding.min.z + 2, 2));
-        // fit screen
-        let distance = radius / 2 / Math.tan((Math.PI * fov) / 360);
-        if (aspect < 1)
-            distance = distance / aspect;
-        return isNaN(distance) ? radius : distance;
-    };
-    const update = () => {
-        const { longitude, latitude } = five.getPose();
-        const distance = cameraDistance();
-        const lookAt = five.model.bounding.getCenter(new THREE.Vector3());
-        const longitudeDistance = distance * Math.cos(latitude);
-        const cameraPosition = new THREE.Vector3();
-        cameraPosition.x = Math.sin(longitude) * longitudeDistance + lookAt.x;
-        cameraPosition.z = Math.cos(longitude) * longitudeDistance + lookAt.z;
-        cameraPosition.y = Math.sin(latitude) * distance + lookAt.y;
-        camera.position.copy(cameraPosition);
-        camera.lookAt(lookAt);
-        needsRender = true;
-    };
-    const render = () => {
-        if (needsRender !== true)
-            return;
-        if (!renderer)
-            return;
-        if (!renderer.domElement.parentNode)
-            return;
-        const parentNode = renderer.domElement.parentNode;
-        if (parentNode.offsetWidth === 0)
-            return;
-        renderer.render(scene, camera);
-        needsRender = false;
-    };
-    const dispose = () => {
-        if (renderer)
-            renderer.dispose();
-        renderer = null;
-    };
-    five.on('modelLoaded', handleModelLoaded);
-    five.on('modelWillLoad', handleModelWillLoad);
-    five.on('cameraDirectionUpdate', update);
-    five.on('dispose', dispose);
-    five.on('renderFrame', render);
-    return { appendTo, refresh };
-};
-export default ModelViewPlugin;

package/libs/src/ModelViewPlugin/index.js

@@ -1,3 +0,0 @@
-import ModelViewPlugin from './Plugin';
-export { ModelViewPlugin };
-export default ModelViewPlugin;

package/libs/src/PanoCompassPlugin/Assets/roomInfoIcon.js

@@ -1 +0,0 @@
-export const roomInfoIcon = 'data:image/png;base64,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';

package/libs/src/PanoCompassPlugin/Plugin.d.ts

@@ -1,47 +0,0 @@
-import type { Five, FivePlugin } from '@realsee/five';
-import type { FloorplanServerRoomItem } from '../floorplan/typings/floorplanServerData';
-export interface PanoCompassPluginParameterType {
-    compassImageUrl?: string;
-    entryDoorImageUrl?: string;
-}
-export interface PanoCompassPluginData {
-    north_rad: null | number;
-    entrance: null | undefined | {
-        position: {
-            x: number;
-            y: number;
-            z: number;
-        };
-    };
-    room_observers: undefined | {
-        index: number;
-        floor_index: number;
-        room: FloorplanServerRoomItem;
-    }[];
-}
-export declare type PanoCompassPluginExportType = PanoCompassController;
-export declare const PanoCompassPlugin: FivePlugin<PanoCompassPluginParameterType | undefined, PanoCompassController>;
-export default PanoCompassPlugin;
-declare class PanoCompassController {
-    five: Five;
-    data?: PanoCompassPluginData;
-    config?: PanoCompassPluginParameterType;
-    private group;
-    private modelLoaded;
-    private roomInfoInstance?;
-    private roomInfoWrapperInstance?;
-    private compassMeshTween?;
-    private compassMesh?;
-    private entryDoorMesh?;
-    constructor(five: Five, config?: PanoCompassPluginParameterType);
-    load(data: PanoCompassPluginData): void;
-    dispose: () => void;
-    private onFiveFistPanoLoaded;
-    private init;
-    private loadCompassMesh;
-    private loadEntryDoorMesh;
-    private loadRoomInfo;
-    private onFivePanoWillArrive;
-    private onFivePanoArrived;
-    private onFiveCameraDirectionUpdate;
-}

package/libs/src/PanoCompassPlugin/Plugin.js

@@ -1,249 +0,0 @@
-import * as THREE from 'three';
-import { getRoomInfoInstance } from './getRoomInfoInstance';
-import { loadTexture } from '../shared-utils/three/loadTexture';
-import CSS3DRenderPlugin from '../CSS3DRenderPlugin';
-import { tweenProgress } from '../shared-utils/animationFrame/BetterTween';
-export const PanoCompassPlugin = function (five, config) {
-    return new PanoCompassController(five, config);
-};
-export default PanoCompassPlugin;
-class PanoCompassController {
-    constructor(five, config) {
-        Object.defineProperty(this, "five", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "data", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "config", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "group", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new THREE.Group()
-        });
-        Object.defineProperty(this, "modelLoaded", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "roomInfoInstance", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "roomInfoWrapperInstance", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "compassMeshTween", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "compassMesh", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "entryDoorMesh", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "dispose", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                var _a, _b, _c, _d;
-                this.five.scene.remove(this.group);
-                this.group.remove(...this.group.children);
-                (_b = (_a = this.compassMesh) === null || _a === void 0 ? void 0 : _a.material.map) === null || _b === void 0 ? void 0 : _b.dispose();
-                (_d = (_c = this.entryDoorMesh) === null || _c === void 0 ? void 0 : _c.material.map) === null || _d === void 0 ? void 0 : _d.dispose();
-                this.five.off('panoArrived', this.onFivePanoArrived);
-                this.five.off('panoWillArrive', this.onFivePanoWillArrive);
-            }
-        });
-        Object.defineProperty(this, "onFiveFistPanoLoaded", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.modelLoaded = true;
-                if (this.data)
-                    this.init();
-            }
-        });
-        Object.defineProperty(this, "onFivePanoWillArrive", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (panoIndex) => {
-                var _a, _b;
-                if (panoIndex === this.five.panoIndex)
-                    return;
-                (_a = this.compassMeshTween) === null || _a === void 0 ? void 0 : _a.dispose();
-                (_b = this.compassMesh) === null || _b === void 0 ? void 0 : _b.material.setValues({ opacity: 0 });
-            }
-        });
-        Object.defineProperty(this, "onFivePanoArrived", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (panoIndex) => {
-                var _a, _b, _c, _d;
-                // ======== fix compass position ========
-                const standingPosition = this.five.work.observers[panoIndex].standingPosition;
-                if (this.compassMesh) {
-                    // 指南针上移 0.01m，防止与地板重合
-                    this.compassMesh.position.copy(standingPosition.clone().setY(standingPosition.y + 0.01));
-                    if (this.compassMesh.material.opacity !== 0)
-                        return;
-                    (_a = this.compassMeshTween) === null || _a === void 0 ? void 0 : _a.dispose();
-                    this.compassMeshTween = tweenProgress(1000)
-                        .onUpdate(({ progress }) => {
-                        var _a;
-                        (_a = this.compassMesh) === null || _a === void 0 ? void 0 : _a.material.setValues({ opacity: progress });
-                        this.five.needsRender = true;
-                    })
-                        .play();
-                }
-                // ======== fix entry door label position and rotation ========
-                if (this.entryDoorMesh) {
-                    const entryDoorPosition = new THREE.Vector3(this.data.entrance.position.x, this.data.entrance.position.y, this.data.entrance.position.z);
-                    const panoToEntryDoorVector = entryDoorPosition
-                        .clone()
-                        .setY(standingPosition.y)
-                        .sub(standingPosition)
-                        .normalize();
-                    const compassEntryDoorPosition = standingPosition
-                        .clone()
-                        .add(panoToEntryDoorVector.clone().multiplyScalar(0.7))
-                        .setY(standingPosition.y + 0.01);
-                    this.entryDoorMesh.rotation.z = new THREE.Vector3(0, 0, -1).angleTo(panoToEntryDoorVector);
-                    this.entryDoorMesh.position.copy(compassEntryDoorPosition);
-                    // 不是客厅时，隐藏入户门指引
-                    ((_b = this.data) === null || _b === void 0 ? void 0 : _b.room_observers[panoIndex].room.type) === 1
-                        ? (_c = this.entryDoorMesh) === null || _c === void 0 ? void 0 : _c.material.setValues({ opacity: 1 })
-                        : (_d = this.entryDoorMesh) === null || _d === void 0 ? void 0 : _d.material.setValues({ opacity: 0 });
-                }
-                // ======== fix room info ========
-                if (this.roomInfoInstance && this.roomInfoWrapperInstance) {
-                    this.roomInfoWrapperInstance.css3DObject.position.copy(standingPosition.clone().setY(standingPosition.y + 0.01));
-                    this.roomInfoInstance.setRoom(this.data.room_observers[panoIndex].room);
-                }
-                this.five.needsRender = true;
-            }
-        });
-        Object.defineProperty(this, "onFiveCameraDirectionUpdate", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ({ longitude, latitude, }) => {
-                var _a, _b;
-                if (!this.roomInfoWrapperInstance)
-                    return;
-                this.roomInfoWrapperInstance.css3DObject.rotation.z = longitude;
-                latitude > 0.66 && this.five.getCurrentState().mode === 'Panorama'
-                    ? (_a = this.roomInfoInstance) === null || _a === void 0 ? void 0 : _a.show()
-                    : (_b = this.roomInfoInstance) === null || _b === void 0 ? void 0 : _b.hide();
-            }
-        });
-        this.five = five;
-        this.config = config;
-        this.five.scene.add(this.group);
-        five.once('dispose', this.dispose);
-        five.once('modelLoaded', this.onFiveFistPanoLoaded);
-        this.five.on('panoArrived', this.onFivePanoArrived);
-        this.five.on('panoWillArrive', this.onFivePanoWillArrive);
-        this.five.on('cameraDirectionUpdate', this.onFiveCameraDirectionUpdate);
-    }
-    load(data) {
-        this.data = data;
-        if (this.modelLoaded)
-            this.init();
-    }
-    async init() {
-        if (!this.data || !this.modelLoaded)
-            return;
-        const northRad = this.data.north_rad;
-        if (northRad != null) {
-            this.compassMesh = await this.loadCompassMesh();
-            this.compassMesh.rotateX(-Math.PI / 2);
-            this.compassMesh.rotateZ(northRad - Math.PI / 2);
-            this.group.add(this.compassMesh);
-        }
-        if (this.data.entrance != null) {
-            this.entryDoorMesh = await this.loadEntryDoorMesh();
-            this.roomInfoWrapperInstance = this.loadRoomInfo();
-            this.roomInfoInstance = getRoomInfoInstance();
-            this.entryDoorMesh.rotateX(-Math.PI / 2);
-            if (this.roomInfoWrapperInstance)
-                this.roomInfoInstance.appendTo(this.roomInfoWrapperInstance.container);
-            this.group.add(this.entryDoorMesh);
-        }
-        this.onFivePanoArrived(this.five.panoIndex || 0);
-        this.five.needsRender = true;
-    }
-    async loadCompassMesh() {
-        var _a;
-        const compassImageUrl = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.compassImageUrl) ||
-            '//vrlab-image4.ljcdn.com/release/web/v3/north-point-circle.96498e69.png';
-        const compassTexture = await loadTexture(compassImageUrl);
-        const compassGeometry = new THREE.CircleGeometry(0.7, 32);
-        const compassMaterial = new THREE.MeshBasicMaterial({
-            map: compassTexture,
-            transparent: true,
-            opacity: 0,
-            depthTest: false,
-        });
-        const compassMesh = new THREE.Mesh(compassGeometry, compassMaterial);
-        compassMesh.name = 'pano-compass-mesh';
-        return compassMesh;
-    }
-    async loadEntryDoorMesh() {
-        var _a;
-        const entryDoorImageUrl = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.entryDoorImageUrl) ||
-            '//vrlab-image4.ljcdn.com/release/web/enterDoor.831b8208.png';
-        const entryDoorTexture = await loadTexture(entryDoorImageUrl);
-        const entryDoorGeometry = new THREE.PlaneGeometry(0.2, 0.16);
-        const entryDoorMaterial = new THREE.MeshBasicMaterial({
-            map: entryDoorTexture,
-            transparent: true,
-            opacity: 0.8,
-            depthTest: false,
-        });
-        const entryDoorMesh = new THREE.Mesh(entryDoorGeometry, entryDoorMaterial);
-        entryDoorMesh.name = 'pano-compass-entry-door';
-        return entryDoorMesh;
-    }
-    loadRoomInfo() {
-        const points = [
-            new THREE.Vector3(-0.7, 0, -0.7),
-            new THREE.Vector3(0.7, 0, -0.7),
-            new THREE.Vector3(0.7, 0, 0.7),
-            new THREE.Vector3(-0.7, 0, 0.7),
-        ];
-        const roomInfo = CSS3DRenderPlugin(this.five).create3DDomContainer(points);
-        return roomInfo;
-    }
-}

package/libs/src/PanoCompassPlugin/getRoomInfoInstance.js

@@ -1,48 +0,0 @@
-import { roomInfoIcon } from './Assets/roomInfoIcon';
-export function getRoomInfoInstance() {
-    const infoDom = document.createElement('div');
-    const iconDom = document.createElement('i');
-    const textDom = document.createElement('span');
-    infoDom.appendChild(iconDom);
-    infoDom.appendChild(textDom);
-    // infoDom style
-    infoDom.style.position = 'relative';
-    infoDom.style.width = '100%';
-    infoDom.style.display = 'flex';
-    infoDom.style.flexDirection = 'column';
-    infoDom.style.alignItems = 'center';
-    infoDom.style.marginTop = `${150 / 16}rem`;
-    infoDom.style.opacity = '0';
-    infoDom.style.transition = 'opacity 1000ms linear';
-    // iconDom style
-    iconDom.style.display = 'block';
-    iconDom.style.width = `${134 / 16}rem`;
-    iconDom.style.height = `${22 / 16}rem`;
-    iconDom.style.backgroundSize = '100%';
-    iconDom.style.backgroundRepeat = 'no-repeat';
-    iconDom.style.backgroundImage = `url(${roomInfoIcon})`;
-    textDom.style.marginTop = `${10 / 16}rem`;
-    // textDom style
-    textDom.style.fontSize = `${16 / 16}rem`;
-    textDom.style.color = '#fff';
-    textDom.style.opacity = '0.7';
-    textDom.style.textShadow = '0 2px 16px rgb(22 34 83 / 24%)';
-    textDom.style.fontWeight = 'bold';
-    return {
-        appendTo(element) {
-            element.appendChild(infoDom);
-        },
-        dispose() {
-            infoDom.remove();
-        },
-        setRoom(room) {
-            textDom.innerHTML = room.name + ' ' + Math.floor(room.size / 1000000) + '㎡';
-        },
-        show() {
-            infoDom.style.opacity = '1';
-        },
-        hide() {
-            infoDom.style.opacity = '0';
-        }
-    };
-}

package/libs/src/PanoCompassPlugin/index.d.ts

@@ -1,8 +0,0 @@
-import PanoCompassPlugin from './Plugin';
-export { PanoCompassPlugin };
-export default PanoCompassPlugin;
-export type { PanoCompassPluginParameterType, PanoCompassPluginData, PanoCompassPluginExportType } from './Plugin';
-export declare const panoCompassPluginServerParams: {
-    name: string;
-    version: number;
-};

package/libs/src/PanoCompassPlugin/index.js

@@ -1,7 +0,0 @@
-import PanoCompassPlugin from './Plugin';
-export { PanoCompassPlugin };
-export default PanoCompassPlugin;
-export const panoCompassPluginServerParams = {
-    name: 'PanoCompassPlugin',
-    version: 0,
-};

package/libs/src/PanoCursorRaycasterPlugin/index.js

@@ -1,76 +0,0 @@
-import { Group, Raycaster, Vector3 } from 'three';
-import createLine from '../shared-utils/createLine';
-/**
- * 全景中对当前鼠标的位置进行碰撞监测
- * @param five
- * @return
- */
-export const PanoCursorRaycasterPlugin = (five) => {
-    const state = {
-        intersection: null,
-        disposers: [],
-    };
-    const updateIntersection = (intersection) => {
-        state.intersection = intersection;
-    };
-    const clearIntersection = () => {
-        state.intersection = null;
-    };
-    five.on('modelLoaded', () => {
-        five.on('intersectionOnModelUpdate', updateIntersection);
-        five.on('intersectionHidden', clearIntersection);
-    });
-    five.on('dispose', () => {
-        five.off('intersectionOnModelUpdate', updateIntersection);
-        five.off('intersectionHidden', clearIntersection);
-    });
-    const pointAxesHelper = (point, length = 2, fixDistance = 0.1) => {
-        const halfLength = length / 2;
-        const helperCenterPoint = movePointTowardsCamera(point, fixDistance);
-        const p = helperCenterPoint;
-        const pointAxesHelperMesh = new Group();
-        pointAxesHelperMesh.add(createLine(new Vector3(p.x + halfLength, p.y, p.z), new Vector3(p.x - halfLength, p.y, p.z), new Vector3(1, 0, 0)), createLine(new Vector3(p.x, p.y + halfLength, p.z), new Vector3(p.x, p.y - halfLength, p.z), new Vector3(0, 1, 0)), createLine(new Vector3(p.x, p.y, p.z + halfLength), new Vector3(p.x, p.y, p.z - halfLength), new Vector3(0, 0, 1)));
-        five.scene.add(pointAxesHelperMesh);
-        five.needsRender = true;
-        // 清理函数
-        const clear = () => {
-            five.scene.remove(pointAxesHelperMesh);
-        };
-        state.disposers.push(clear);
-        return { clear, pointAxesHelperMesh };
-    };
-    const canSeePoint = (point, distanceError = 0) => {
-        var _a, _b;
-        const cameraPosition = (_a = five === null || five === void 0 ? void 0 : five.camera) === null || _a === void 0 ? void 0 : _a.position;
-        if (!cameraPosition)
-            return false;
-        const distance = point.distanceTo(cameraPosition);
-        const direction = point.sub(cameraPosition).normalize();
-        const raycaster = new Raycaster(cameraPosition, direction);
-        const intersection = (_b = five.model.intersectRaycaster(raycaster)) === null || _b === void 0 ? void 0 : _b[0];
-        return !(intersection && intersection.distance + distanceError < distance);
-    };
-    const intersection = () => {
-        return state.intersection;
-    };
-    const destroy = () => {
-        var _a, _b;
-        (_b = (_a = state.disposers) === null || _a === void 0 ? void 0 : _a.forEach) === null || _b === void 0 ? void 0 : _b.call(_a, (d) => d === null || d === void 0 ? void 0 : d());
-        five.off('intersectionOnModelUpdate', updateIntersection);
-        five.off('intersectionHidden', clearIntersection);
-    };
-    // 逐步取代 destroy ,向下兼容
-    const dispose = destroy;
-    const movePointTowardsCamera = (point, distance) => {
-        // 原点 position
-        const originPoint = point.clone();
-        // camera position
-        const cameraPosition = five.camera.position.clone();
-        // 移动的向量
-        const fixVector3 = cameraPosition.sub(originPoint).setLength(distance);
-        // 向量相加
-        return fixVector3.add(originPoint);
-    };
-    return { intersection, pointAxesHelper, movePointTowardsCamera, destroy, dispose, canSeePoint };
-};
-export default PanoCursorRaycasterPlugin;