@realsee/dnalogel 2.0.0-alpha.6 → 2.0.0-alpha.9

package/dist/ModelViewPlugin/index.js

@@ -0,0 +1,187 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var THREE = require('three');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
+
+/**
+ * Five 模型插件
+ * @template ExportType 导出方法
+ */
+const ModelViewPlugin = (five) => {
+    let needsRender = true;
+    let renderer = null;
+    const scene = new THREE__namespace.Scene();
+    const camera = new THREE__namespace.PerspectiveCamera(60, 1, 0.1, 1000);
+    let model = new THREE__namespace.Object3D();
+    {
+        const light = new THREE__namespace.DirectionalLight(0xffffff, 0.5);
+        light.position.copy(new THREE__namespace.Vector3(1, 1, 1));
+        scene.add(light);
+    }
+    {
+        const light = new THREE__namespace.DirectionalLight(0xffffff, 0.3);
+        scene.add(light);
+    }
+    {
+        const light = new THREE__namespace.AmbientLight(0xffffff, 0.3);
+        scene.add(light);
+    }
+    scene.add(model);
+    const initRendererIfNeeds = () => {
+        if (!five.renderer)
+            return;
+        if (!renderer) {
+            renderer = new THREE__namespace.WebGLRenderer({ antialias: false, alpha: true });
+            renderer.setPixelRatio(five.renderer.getPixelRatio());
+            renderer.outputEncoding = THREE__namespace.sRGBEncoding;
+            renderer.setClearColor(0x181a1c, 0);
+            renderer.autoClear = true;
+        }
+        return renderer;
+    };
+    const handleModelWillLoad = () => {
+        model.traverse((object) => {
+            if (object instanceof THREE__namespace.Mesh) {
+                const materials = [].concat(object.material);
+                materials.forEach((material) => material.dispose());
+            }
+        });
+        scene.remove(model);
+        model = new THREE__namespace.Object3D();
+        scene.add(model);
+        update();
+    };
+    const handleModelLoaded = () => {
+        function cloneMaterial(material) {
+            material = material.clone();
+            material.uniforms.modelAlpha.value = 1;
+            if (material.uniforms.map.value) {
+                material.uniforms.map.value.needsUpdate = true;
+            }
+            return material;
+        }
+        function cloneModel(model) {
+            if (model instanceof THREE__namespace.Mesh) {
+                const geometry = model.geometry;
+                const material = Array.isArray(model.material)
+                    ? model.material.map(cloneMaterial)
+                    : cloneMaterial(model.material);
+                return new THREE__namespace.Mesh(geometry, material);
+            }
+            else if (model instanceof THREE__namespace.Group) {
+                const group = new THREE__namespace.Group();
+                model.children.forEach((object) => group.add(cloneModel(object)));
+                return group;
+            }
+            else {
+                const object3D = new THREE__namespace.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 && 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__namespace.Vector3());
+        const longitudeDistance = distance * Math.cos(latitude);
+        const cameraPosition = new THREE__namespace.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 };
+};
+
+exports.ModelViewPlugin = ModelViewPlugin;
+exports["default"] = ModelViewPlugin;

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

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

package/dist/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/dist/PanoCompassPlugin/index.d.ts

@@ -0,0 +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: 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 onFiveCameraDirectionUpdate;
+}