@realsee/dnalogel 2.0.0-alpha.4 → 2.0.0-alpha.7

package/dist/style.css

@@ -1 +1 @@
-.room-label-item.svelte-17nkflf{position:absolute;font-size:.41667rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.room-label-item__text.svelte-17nkflf{position:absolute;left:0;top:-3.33333rem;transform:translate(-50%);display:flex;justify-content:center;align-items:center;height:1.04167rem;min-width:1.66667rem;padding:0 .3125rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-17nkflf{position:absolute;top:-2.29167rem;height:2.5rem;width:1px;background-image:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0))}.wide.svelte-17nkflf{font-size:.52083rem}.room-labels-container.svelte-185yvaa{width:100%;height:100%;position:relative;color:#fff}.floorplan__camera-position.svelte-1kosz2p{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-1kosz2p{position:absolute;left:.78125rem;top:.78125rem;transform-origin:.78125rem .78125rem;background-repeat:no-repeat;background-size:100%}.floorplan-plugin__compass.svelte-5l80pv{position:absolute;left:50%;top:-2.39583rem;width:12.03125rem;height:2.13542rem;will-change:opacity;transform-origin:center 9.58333rem}.floorplan-plugin__compass-image.svelte-5l80pv{width:100%;height:100%;position:absolute;left:0;top:0;opacity:.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-5l80pv{position:absolute;left:50%;top:.78125rem;transform:translate(-50%);opacity:.2;font-weight:700;font-size:.52083rem;color:#fff}.floorplan-plugin__room-label-item.svelte-1ashbdx{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:.78125rem;color:#fff;transform:translate(-50%,-50%);white-space:nowrap}.floorplan-plugin__room-size.svelte-1ashbdx{opacity:.45}.floorplan-plugin__room-labels.svelte-sw25w3{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20}.floorplan-plugin__rule-labels.svelte-1rr09in{position:absolute;height:.26042rem;display:flex;align-items:center}.floorplan-plugin__rule-labels-top.svelte-1rr09in{left:0;top:0}.floorplan-plugin__rule-labels-bottom.svelte-1rr09in{left:0;bottom:0}.floorplan-plugin__rule-labels-left.svelte-1rr09in{bottom:0;left:0}.floorplan-plugin__rule-labels-right.svelte-1rr09in{bottom:0;right:0}.floorplan-plugin__rule-line.svelte-1rr09in{background:#fff;opacity:.05;width:100%;height:1px}.floorplan-plugin__rule-scale.svelte-1rr09in{position:absolute;background:#fff;opacity:.05;transform-origin:center;width:1px;height:.26042rem}.floorplan-plugin__text-wrapper.svelte-1rr09in{width:0;height:0;position:absolute}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper--is-left-or-top.svelte-1rr09in{top:.52083rem}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper-is-right-or-bottom.svelte-1rr09in{bottom:.52083rem}.floorplan-plugin__rule-text.svelte-1rr09in{position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:block;transform:translate(-50%,-50%) rotate(180deg);font-size:.52083rem;color:#fff;opacity:.2}.floorplan-plugin__rule-text.is-row.svelte-1rr09in{transform:translate(-50%,-50%)}img.svelte-1cuuebb,.floorplan-plugin__base-image.svelte-1qqy56u{width:100%;height:100%}.floorplan-plugin__base-image.svelte-126ja8e{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}svg.svelte-1b0icjc{position:absolute;width:100%;height:100%;overflow:visible}path.svelte-11takew{opacity:0}path.svelte-11takew:hover{opacity:.1}.floorplan-plugin__room-highlight.svelte-1aais5l{position:absolute;width:100%;height:100%;pointer-events:all}svg.svelte-1aais5l{width:100%;height:100%;overflow:visible}.floorplan-current-floor.svelte-3pdgs4{position:relative;width:100%;height:100%}.floorplan-main.svelte-177x2q7{width:100%;height:100%}.plugin-radar__camera-wrapper.svelte-o7uo2v{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-o7uo2v{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-o7uo2v{position:absolute;left:-.78125rem;top:-.78125rem;width:.88542rem;height:.88542rem;transform-origin:.78125rem .78125rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}.plugin-pano-floorplan__extra-objects.svelte-8n0d4v{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-8n0d4v{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-8n0d4v{transform:translate(-50%,-50%)}.plugin-floorplan-radar.svelte-7d8ub2{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-7d8ub2{position:relative}
+.room-label-item.svelte-17nkflf{position:absolute;font-size:.41667rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.room-label-item__text.svelte-17nkflf{position:absolute;left:0;top:-3.33333rem;transform:translate(-50%);display:flex;justify-content:center;align-items:center;height:1.04167rem;min-width:1.66667rem;padding:0 .3125rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-17nkflf{position:absolute;top:-2.29167rem;height:2.5rem;width:1px;background-image:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0))}.wide.svelte-17nkflf{font-size:.52083rem}.room-labels-container.svelte-185yvaa{width:100%;height:100%;position:relative;color:#fff}.floorplan__camera-position.svelte-e8a2kn{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-e8a2kn{position:absolute;background-repeat:no-repeat;background-size:100%}.floorplan-plugin__compass.svelte-5l80pv{position:absolute;left:50%;top:-2.39583rem;width:12.03125rem;height:2.13542rem;will-change:opacity;transform-origin:center 9.58333rem}.floorplan-plugin__compass-image.svelte-5l80pv{width:100%;height:100%;position:absolute;left:0;top:0;opacity:.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-5l80pv{position:absolute;left:50%;top:.78125rem;transform:translate(-50%);opacity:.2;font-weight:700;font-size:.52083rem;color:#fff}.floorplan-plugin__room-label-item.svelte-1ashbdx{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:.78125rem;color:#fff;transform:translate(-50%,-50%);white-space:nowrap}.floorplan-plugin__room-size.svelte-1ashbdx{opacity:.45}.floorplan-plugin__room-labels.svelte-sw25w3{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20}.floorplan-plugin__rule-labels.svelte-1rr09in{position:absolute;height:.26042rem;display:flex;align-items:center}.floorplan-plugin__rule-labels-top.svelte-1rr09in{left:0;top:0}.floorplan-plugin__rule-labels-bottom.svelte-1rr09in{left:0;bottom:0}.floorplan-plugin__rule-labels-left.svelte-1rr09in{bottom:0;left:0}.floorplan-plugin__rule-labels-right.svelte-1rr09in{bottom:0;right:0}.floorplan-plugin__rule-line.svelte-1rr09in{background:#fff;opacity:.05;width:100%;height:1px}.floorplan-plugin__rule-scale.svelte-1rr09in{position:absolute;background:#fff;opacity:.05;transform-origin:center;width:1px;height:.26042rem}.floorplan-plugin__text-wrapper.svelte-1rr09in{width:0;height:0;position:absolute}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper--is-left-or-top.svelte-1rr09in{top:.52083rem}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper-is-right-or-bottom.svelte-1rr09in{bottom:.52083rem}.floorplan-plugin__rule-text.svelte-1rr09in{position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:block;transform:translate(-50%,-50%) rotate(180deg);font-size:.52083rem;color:#fff;opacity:.2}.floorplan-plugin__rule-text.is-row.svelte-1rr09in{transform:translate(-50%,-50%)}img.svelte-1cuuebb,.floorplan-plugin__base-image.svelte-1qqy56u{width:100%;height:100%}.floorplan-plugin__base-image.svelte-126ja8e{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}svg.svelte-1b0icjc{position:absolute;width:100%;height:100%;overflow:visible}path.svelte-11takew{opacity:0}path.svelte-11takew:hover{opacity:.1}.floorplan-plugin__room-highlight.svelte-1aais5l{position:absolute;width:100%;height:100%;pointer-events:all}svg.svelte-1aais5l{width:100%;height:100%;overflow:visible}.floorplan-current-floor.svelte-3pdgs4{position:relative;width:100%;height:100%}.floorplan-main.svelte-177x2q7{width:100%;height:100%}.plugin-radar__camera-wrapper.svelte-o7uo2v{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-o7uo2v{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-o7uo2v{position:absolute;left:-.78125rem;top:-.78125rem;width:.88542rem;height:.88542rem;transform-origin:.78125rem .78125rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}.plugin-pano-floorplan__extra-objects.svelte-8n0d4v{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-8n0d4v{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-8n0d4v{transform:translate(-50%,-50%)}.plugin-floorplan-radar.svelte-7d8ub2{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-7d8ub2{position:relative}

package/libs/CSS3DRenderPlugin/index.js

@@ -147,7 +147,7 @@ export const CSS3DRenderPlugin = (five) => {
          * [0,0,1] => [0,1,0]  为rolate Worldy正方向
          * [0,1,1] => [-1,0,0] 为rolate Worldz正方向
          */
-        const rotateX = (vector12.z > 0 ? 1 : -1) * rotateXAngle;
+        const rotateX = (vector12.z > 0 ? -1 : 1) * rotateXAngle;
         const rotateY = (vector01.z < 0 ? 1 : -1) * rotateYAngle;
         const rotateZ = ((vector01.x > 0 && vector01.y < 0) || (vector01.x < 0 && vector01.y > 0) ? -1 : 1) * rotateZAngle;
         css3DObject.rotateOnWorldAxis(new Vector3(1, 0, 0), rotateX); // x

package/libs/PanoCompassPlugin/Assets/roomInfoIcon.d.ts

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

package/libs/PanoCompassPlugin/Assets/roomInfoIcon.js

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

package/libs/PanoCompassPlugin/getRoomInfoInstance.d.ts

@@ -0,0 +1,8 @@
+import type { FloorplanServerRoomItem } from '../floorplan/typings/floorplanServerData';
+export declare function getRoomInfoInstance(): {
+    appendTo(element: Element): void;
+    dispose(): void;
+    setRoom(room: FloorplanServerRoomItem): void;
+    show(): void;
+    hide(): void;
+};

package/libs/PanoCompassPlugin/getRoomInfoInstance.js

@@ -0,0 +1,48 @@
+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/PanoCompassPlugin/index.d.ts

@@ -1,25 +1,51 @@
 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: number;
+    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 panoCompassPluginServerParams: {
+    name: string;
+    version: number;
+};
 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 fixPosition;
-    private fixRotation;
+    private onFiveCameraDirectionUpdate;
 }

package/libs/PanoCompassPlugin/index.js

@@ -1,6 +1,12 @@
 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 panoCompassPluginServerParams = {
+    name: 'PanoCompassPlugin',
+    version: 0,
+};
 export const PanoCompassPlugin = function (five, config) {
     return new PanoCompassController(five, config);
 };
@@ -9,50 +15,103 @@ class PanoCompassController {
     five;
     data;
     config;
+    group = new THREE.Group();
+    modelLoaded = false;
+    roomInfoInstance;
+    roomInfoWrapperInstance;
     compassMeshTween;
     compassMesh;
+    entryDoorMesh;
     constructor(five, config) {
         this.five = five;
         this.config = config;
-        five.once('panoLoaded', this.loadCompassMesh);
+        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.compassMesh && !this.five.scene.children.includes(this.compassMesh)) {
-            // 模型已经加载好了，才加载数据
-            this.fixRotation(data.north_rad);
-            this.fixPosition(this.five.panoIndex || 0);
-            this.five.scene.add(this.compassMesh);
-        }
+        if (this.modelLoaded)
+            this.init();
     }
     dispose = () => {
+        this.five.scene.remove(this.group);
+        this.group.remove(...this.group.children);
+        this.compassMesh?.material.map?.dispose();
+        this.entryDoorMesh?.material.map?.dispose();
         this.five.off('panoArrived', this.onFivePanoArrived);
         this.five.off('panoWillArrive', this.onFivePanoWillArrive);
-        this.five.off();
     };
-    loadCompassMesh = async () => {
-        const compassImageUrl = this.config?.compassImageUrl || '//vrlab-image4.ljcdn.com/release/web/v3/north-point-circle.96498e69.png';
-        const texture = await loadTexture(compassImageUrl);
+    onFiveFistPanoLoaded = () => {
+        this.modelLoaded = true;
+        if (this.data)
+            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() {
+        const compassImageUrl = this.config?.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: texture,
+            map: compassTexture,
             transparent: true,
-            opacity: 1,
+            opacity: 0,
             depthTest: false,
         });
         const compassMesh = new THREE.Mesh(compassGeometry, compassMaterial);
-        compassMesh.rotateX(-Math.PI / 2);
         compassMesh.name = 'pano-compass-mesh';
-        this.compassMesh = compassMesh;
-        this.fixPosition(this.five.panoIndex || 0);
-        if (!this.data)
-            return;
-        this.fixRotation(this.data.north_rad);
-        this.five.scene.add(compassMesh);
-    };
+        return compassMesh;
+    }
+    async loadEntryDoorMesh() {
+        const entryDoorImageUrl = this.config?.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;
+    }
     onFivePanoWillArrive = (panoIndex) => {
         if (panoIndex === this.five.panoIndex)
             return;
@@ -60,30 +119,53 @@ class PanoCompassController {
         this.compassMesh?.material.setValues({ opacity: 0 });
     };
     onFivePanoArrived = (panoIndex) => {
-        if (this.compassMesh?.material.opacity !== 0)
-            return;
-        this.fixPosition(panoIndex);
-        this.compassMeshTween?.dispose();
-        this.compassMeshTween = tweenProgress(1000)
-            .onUpdate(({ progress }) => {
-            this.compassMesh?.material.setValues({ opacity: progress });
-            this.five.needsRender = true;
-        })
-            .play();
-    };
-    fixPosition(panoIndex) {
-        if (!this.compassMesh)
-            return;
+        // ======== fix compass position ========
         const standingPosition = this.five.work.observers[panoIndex].standingPosition;
-        // 指南针上移 0.01m，防止与地板重合
-        const compassPosition = standingPosition.clone().add(new THREE.Vector3(0, 0.01, 0));
-        this.compassMesh.position.copy(compassPosition);
+        if (this.compassMesh) {
+            // 指南针上移 0.01m，防止与地板重合
+            this.compassMesh.position.copy(standingPosition.clone().setY(standingPosition.y + 0.01));
+            if (this.compassMesh.material.opacity !== 0)
+                return;
+            this.compassMeshTween?.dispose();
+            this.compassMeshTween = tweenProgress(1000)
+                .onUpdate(({ progress }) => {
+                this.compassMesh?.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);
+            // 不是客厅时，隐藏入户门指引
+            this.data?.room_observers[panoIndex].room.type === 1
+                ? this.entryDoorMesh?.material.setValues({ opacity: 1 })
+                : this.entryDoorMesh?.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;
-    }
-    fixRotation(northRad) {
-        if (!this.compassMesh)
+    };
+    onFiveCameraDirectionUpdate = ({ longitude, latitude, }) => {
+        if (!this.roomInfoWrapperInstance)
             return;
-        this.compassMesh.rotateZ(northRad - Math.PI / 2);
-        this.five.needsRender = true;
-    }
+        this.roomInfoWrapperInstance.css3DObject.rotation.z = longitude;
+        latitude > 0.66 && this.five.getCurrentState().mode === 'Panorama'
+            ? this.roomInfoInstance?.show()
+            : this.roomInfoInstance?.hide();
+    };
 }

package/libs/PanoMeasurePlugin/Controller/BaseController.d.ts

@@ -0,0 +1,36 @@
+import Line from '../Model/line';
+import Magnifier from '../Modules/Magnifier';
+import FiveHelper from '../Modules/FiveHelper';
+import { Group } from 'three';
+import { Model } from '../Model';
+import { PluginEvent } from '../typings/event.type';
+import { Five, Intersection, IntersectMeshInterface, Subscribe } from '@realsee/five';
+import { UserDistanceItem } from '../utils/distanceDom';
+export interface IControllerParams {
+    five: Five;
+    group: Group;
+    model: Model;
+    mouseGroup: Group;
+    container: Element;
+    magnifier: Magnifier;
+    fiveHelper: FiveHelper;
+    hook: Subscribe<PluginEvent>;
+    userDistanceItemCreator?: () => UserDistanceItem;
+}
+export default abstract class BaseController {
+    protected five: Five;
+    protected group: Group;
+    protected model: Model;
+    protected disposed: boolean;
+    protected mouseGroup: Group;
+    protected container: Element;
+    protected fiveHelper: FiveHelper;
+    protected hook: IControllerParams['hook'];
+    protected magnifier: IControllerParams['magnifier'];
+    protected userDistanceItemCreator: IControllerParams['userDistanceItemCreator'];
+    constructor(params: IControllerParams);
+    protected removeLine(line: Line): void;
+    protected updateDistanceUI: () => void;
+    protected updateMouseGroup(intersection: Intersection, mesh?: IntersectMeshInterface): Group;
+    protected dispose(): void;
+}

package/libs/PanoMeasurePlugin/Controller/BaseController.js

@@ -0,0 +1,69 @@
+import { preventDefault } from '../utils/ironbox';
+export default class BaseController {
+    five;
+    group;
+    model;
+    disposed = false;
+    mouseGroup;
+    container;
+    fiveHelper;
+    hook;
+    magnifier;
+    userDistanceItemCreator;
+    constructor(params) {
+        // ==================== Params ====================
+        this.five = params.five;
+        this.hook = params.hook;
+        this.model = params.model;
+        this.magnifier = params.magnifier;
+        this.container = params.container;
+        this.fiveHelper = params.fiveHelper;
+        this.userDistanceItemCreator = params.userDistanceItemCreator;
+        // ==================== Groups ====================
+        this.group = params.group;
+        this.mouseGroup = params.mouseGroup;
+        const fiveElement = this.five.getElement();
+        if (fiveElement) {
+            fiveElement.addEventListener('touchstart', preventDefault);
+            fiveElement.addEventListener('contextmenu', preventDefault);
+        }
+    }
+    removeLine(line) {
+        this.group.remove(line.mesh, line.lightMesh);
+        line.distanceItem.remove();
+        this.five.needsRender = true;
+    }
+    updateDistanceUI = () => {
+        this.model.lines.forEach((line) => line.distanceItem.update(this.five));
+    };
+    updateMouseGroup(intersection, mesh) {
+        if (!intersection)
+            return this.mouseGroup;
+        // ============ update mouseGroup position ============
+        const adsorbentPoint = this.fiveHelper.getAdsorbentPoint(intersection);
+        const viewPosition = adsorbentPoint ? adsorbentPoint : intersection.point;
+        this.mouseGroup.position.copy(viewPosition);
+        // ============ update mouseGroup quaternion ============
+        if (mesh) {
+            this.mouseGroup.quaternion.copy(mesh.quaternion);
+        }
+        else if (intersection.face) {
+            const normal = intersection.face.normal;
+            const positionVector = normal.clone().multiplyScalar(0.05);
+            const position = intersection.point.clone().add(positionVector);
+            const lookAtVector = position.clone().add(positionVector);
+            this.mouseGroup.lookAt(lookAtVector);
+        }
+        return this.mouseGroup;
+    }
+    dispose() {
+        this.disposed = true;
+        this.magnifier.dispose();
+        this.model.lines.forEach((line) => this.removeLine(line));
+        const fiveElement = this.five.getElement();
+        if (fiveElement) {
+            fiveElement.removeEventListener('touchstart', preventDefault);
+            fiveElement.removeEventListener('contextmenu', preventDefault);
+        }
+    }
+}

package/libs/PanoMeasurePlugin/Controller/EditController.d.ts

@@ -0,0 +1,52 @@
+import { Model } from '../Model';
+import Line from '../Model/line';
+import { LineJson } from '../typings/data';
+import BaseController, { IControllerParams } from './BaseController';
+export interface EditEvent {
+    editedLineChange: (lines: LineJson[]) => void;
+}
+export default class EditController extends BaseController {
+    type: string;
+    model: Model;
+    private pressPoint?;
+    private hasAppendDashed;
+    private hasAppendMouseGroup;
+    private fiveElement?;
+    /** 上一个端点位置 */
+    private lastPoint;
+    /** 鼠标点到上一个端点连接的虚线 */
+    private dashed;
+    private hammer?;
+    /** 根据 intersection 更新放大镜和吸附点 */
+    private onIntersectionUpdate;
+    constructor(params: IControllerParams);
+    dispose(): void;
+    getEditingLines(): Line[];
+    /** 撤销编辑 */
+    revoke: () => void;
+    private onMouseLeave;
+    /** 编辑线条发生改变时通知外部 */
+    private onLineChanged;
+    private onPress;
+    /**
+     * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
+     * 2. 如果有长按点，把长按点位置更新为当前位置
+     */
+    private onPan;
+    private onPanEnd;
+    /**
+     * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
+     * 2. 把上一个点的位置更新为当前点的位置
+     * 3. 清除 mouseGroup 和 magnifier
+     */
+    private onTap;
+    private onWantsTapGesture;
+    /** 编辑时取消走点 */
+    private onWantsToMoveToPano;
+    /** 存在长按点时不能移动全景 */
+    private onWantsPanGesture;
+    /** 移动全景时更新 distanceItem 在屏幕上的位置 */
+    private onCameraUpdate;
+    /** 更新虚线 */
+    private updateDashed;
+}