@realsee/dnalogel 2.0.0-alpha.7 → 2.0.0-beta.36

package/dist/ItemLabelPlugin/typings.d.ts

@@ -0,0 +1,59 @@
+import type { Subscribe } from "@realsee/five";
+import type { PluginEvent } from "./events.type";
+import type ItemLabelComponent from './ItemLabelComponent.svelte';
+export declare enum ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE {
+    SMALL = "small",
+    MIDLLE = "middle",
+    LARGE = "large",
+    EXTRA_LARGE = "x-large"
+}
+export interface ItemLabelPluginParametersType {
+    maxVisibleDistance?: number;
+    modelOcclusionEnable?: boolean;
+    displayStrategyType?: Partial<ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE>;
+}
+export interface ItemLabelPluginData {
+    item_labels: Readonly<{
+        id: string;
+        code: string;
+        name: string;
+        position: [number, number, number];
+        type?: string[];
+        icon?: string;
+        [key: string]: any;
+    }>[];
+}
+export interface ItemLabel {
+    id: string;
+    code: string;
+    name: string;
+    position: [number, number, number];
+    modelPosition: [number, number, number];
+    type?: string[];
+    icon?: string;
+    observerIndex?: number | undefined;
+    visible?: boolean;
+    isFold?: boolean;
+    [key: string]: any;
+}
+export interface ItemLabelPluginExportReturnsType {
+    appendTo: (wrapper: Element) => void;
+    load: (data: ItemLabelPluginData) => void;
+    disable: () => void;
+    enable: () => void;
+    dispose: () => void;
+    hooks: Subscribe<PluginEvent>;
+}
+export interface ItemLabelPluginState {
+    container: HTMLDivElement;
+    data: ItemLabelPluginData | null;
+    enabled: boolean;
+    itemLabels: ItemLabel[];
+    wrapper: HTMLElement | null;
+    fiveModeEnabled: boolean;
+    app?: ItemLabelComponent | undefined;
+    hooks: Subscribe<PluginEvent>;
+    modelOcclusionEnable: boolean;
+    displayStrategyType: Partial<ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE>;
+    maxVisibleDistance: number | undefined;
+}

package/dist/ItemLabelPlugin/utils/getLabelTransform.d.ts

@@ -0,0 +1 @@
+export declare const getLabelTransform: (cssOffset: [number, number]) => string;

package/dist/ItemLabelPlugin/utils/getStrokeLength.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 展示策略
+ * */
+import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from "../typings";
+export declare const getStrokeLength: (itemSpaceHeight: number, type: ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE) => number;

package/dist/ItemLabelPlugin/utils/isImpacted.d.ts

@@ -0,0 +1,6 @@
+import * as THREE from 'three';
+import type { Five } from "@realsee/five";
+/**
+ * 碰撞检测可见性
+ * */
+export declare const isImpacted: (five: Five, sourceVector: THREE.Vector3, targetVector: THREE.Vector3, distance: number) => boolean;

package/dist/ItemLabelPlugin/utils/parseData.d.ts

@@ -0,0 +1,3 @@
+import type { ItemLabelPluginData, ItemLabel } from '../typings';
+/** @description 转成内部所需数据 */
+export declare function parseItemLabelPluginData(data: ItemLabelPluginData): ItemLabel[];

package/dist/ItemLabelPlugin/utils/transform2RenderData.d.ts

@@ -0,0 +1,3 @@
+import type { ItemLabel } from '../typings';
+/** @description 转成内部所需数据 */
+export declare function transform2RenderData(data: any): ItemLabel[];

package/dist/ModelChassisCompassPlugin/Plugin.d.ts

@@ -0,0 +1,19 @@
+import type { FivePlugin } from '@realsee/five';
+export interface ModelChassisCompassPluginParameterType {
+    north_rad?: number;
+    fbx_url?: string;
+}
+export interface ModelChassisCompassPluginData {
+    north_rad?: number;
+    fbx_url?: string;
+}
+export interface ModelChassisCompassPluginExportType {
+    enable: () => void;
+    disable: () => void;
+    load: (data?: ModelChassisCompassPluginData) => Promise<boolean>;
+}
+/**
+ * 模型底盘指南针插件
+ */
+export declare const ModelChassisCompassPlugin: FivePlugin<ModelChassisCompassPluginParameterType, ModelChassisCompassPluginExportType>;
+export default ModelChassisCompassPlugin;

package/dist/ModelChassisCompassPlugin/index.d.ts

@@ -0,0 +1,4 @@
+import ModelChassisCompassPlugin from './Plugin';
+export { ModelChassisCompassPlugin };
+export default ModelChassisCompassPlugin;
+export type { ModelChassisCompassPluginParameterType, ModelChassisCompassPluginData, ModelChassisCompassPluginExportType } from './Plugin';

package/dist/ModelChassisCompassPlugin/index.js

@@ -0,0 +1,145 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var THREE = require('three');
+var FBXLoader = require('three/examples/jsm/loaders/FBXLoader');
+
+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);
+
+const genRotationMatrix = (x, y, z) => {
+    const matrix = new THREE__namespace.Matrix4();
+    const euler = new THREE__namespace.Euler(x, y, z, 'YXZ');
+    matrix.makeRotationFromEuler(euler);
+    return matrix;
+};
+const bject3d2LocalMatrix = (mesh, { scale, rotation, position, }) => {
+    if (scale) {
+        mesh.scale.set(scale, scale, scale);
+    }
+    if (rotation) {
+        const [x, y, z] = rotation;
+        if (x) {
+            mesh.applyMatrix4(genRotationMatrix(x, 0, 0));
+        }
+        if (y) {
+            mesh.applyMatrix4(genRotationMatrix(0, y, 0));
+        }
+        if (z) {
+            mesh.applyMatrix4(genRotationMatrix(0, 0, z));
+        }
+    }
+    if (position) {
+        mesh.position.set(position.x, position.y, position.z);
+    }
+    return mesh;
+};
+
+function transfromToMeshBasicMaterial(object, options) {
+    object.traverse((ele) => {
+        var _a;
+        if (ele.type === 'Mesh') {
+            const mesh = ele;
+            const materialConf = Object.assign({ map: mesh.material.map || {} }, options);
+            mesh.material = new THREE.MeshBasicMaterial(materialConf);
+            mesh.renderOrder = 1;
+            if (((_a = ele.parent) === null || _a === void 0 ? void 0 : _a.type) === 'Mesh') {
+                ele.renderOrder = ele.parent.renderOrder + 1;
+            }
+        }
+    });
+}
+
+/**
+ * 模型底盘指南针插件
+ */
+const ModelChassisCompassPlugin = (five, params) => {
+    var _a;
+    const defaultFbxUrl = params.fbx_url || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
+    const defaultNorthRad = (_a = params.north_rad) !== null && _a !== void 0 ? _a : undefined;
+    // 局部状态
+    const state = {};
+    const load = async (data) => {
+        var _a;
+        const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
+        const northRad = (_a = data === null || data === void 0 ? void 0 : data.north_rad) !== null && _a !== void 0 ? _a : defaultNorthRad;
+        if (typeof northRad !== 'number') {
+            throw new Error('"northRad"配置参数缺失：未配置指南针指向！');
+        }
+        const bounding = five.model.bounding;
+        const xOffset = bounding.max.x - bounding.min.x;
+        const zOffset = bounding.max.z - bounding.min.z;
+        const maxOffset = Math.max(xOffset, zOffset);
+        const fbxLoader = new FBXLoader.FBXLoader();
+        const object = await fbxLoader.loadAsync(fbxUrl);
+        transfromToMeshBasicMaterial(object, {
+            transparent: true,
+            side: THREE__namespace.DoubleSide,
+            blending: THREE__namespace.AdditiveBlending,
+        });
+        const rotation = [0, northRad - Math.PI / 2, 0];
+        const { model: { bounding: { max: { x: xMax, z: zMax }, min: { x: xMin, y: yMin, z: zMin }, }, }, } = five;
+        state.yBase = yMin;
+        const position = { x: (xMax + xMin) / 2, y: yMin - 1.6, z: (zMax + zMin) / 2 };
+        const scale = 0.0045 * maxOffset;
+        bject3d2LocalMatrix(object, { position, rotation, scale });
+        state.object = object;
+        return true;
+    };
+    const onCameraUpdate = ({ latitude }) => {
+        if (!state.object)
+            return;
+        const y = getPositionY(latitude);
+        if (y) {
+            state.object.position.y = y;
+        }
+    };
+    const getPositionY = (latitude) => {
+        if (state.yBase === undefined)
+            return;
+        const difference = 0.6;
+        if (latitude >= Math.PI / 4)
+            return state.yBase - (difference + 1.6);
+        const ratio = latitude * (4 / Math.PI);
+        return state.yBase - (difference * ratio + 1.6);
+    };
+    const enable = () => {
+        if (!state.object)
+            return;
+        const y = getPositionY(five.getPose().latitude);
+        if (y)
+            state.object.position.y = y;
+        five.scene.add(state.object);
+        five.needsRender = true;
+        five.on('cameraDirectionUpdate', onCameraUpdate);
+    };
+    const disable = () => {
+        if (!state.object)
+            return;
+        five.scene.remove(state.object);
+        five.needsRender = true;
+        five.off('cameraDirectionUpdate', onCameraUpdate);
+    };
+    return { load, disable, enable };
+};
+
+exports.ModelChassisCompassPlugin = ModelChassisCompassPlugin;
+exports["default"] = ModelChassisCompassPlugin;

package/dist/ModelEntryDoorGuidePlugin/Plugin.d.ts

@@ -0,0 +1,26 @@
+import type { FivePlugin } from '@realsee/five';
+import type { Vector3Position } from '../typings/math.type';
+export interface ModelEntryDoorGuidePluginData {
+    position?: Vector3Position;
+    rad?: number;
+    fbx_url?: string;
+}
+export declare type ModelEntryDoorGuidePluginParameterType = {
+    animationEnabled?: boolean;
+} & ModelEntryDoorGuidePluginData;
+export interface ModelEntryDoorGuidePluginExportType {
+    enable: (config?: {
+        animationEnable?: boolean;
+    }) => boolean;
+    disable: () => boolean;
+    load: (data?: Partial<ModelEntryDoorGuidePluginData>) => Promise<boolean>;
+}
+/**
+ * 模型入户门引导插件
+ */
+export declare const ModelEntryDoorGuidePlugin: FivePlugin<ModelEntryDoorGuidePluginParameterType, ModelEntryDoorGuidePluginExportType>;
+export declare const modelEntryDoorGuidePluginServerParams: {
+    name: string;
+    version: number;
+};
+export default ModelEntryDoorGuidePlugin;

package/dist/ModelEntryDoorGuidePlugin/index.d.ts

@@ -0,0 +1,4 @@
+import ModelEntryDoorGuidePlugin from './Plugin';
+export { ModelEntryDoorGuidePlugin };
+export default ModelEntryDoorGuidePlugin;
+export type { ModelEntryDoorGuidePluginData, ModelEntryDoorGuidePluginParameterType, ModelEntryDoorGuidePluginExportType } from './Plugin';

package/dist/ModelEntryDoorGuidePlugin/index.js

@@ -0,0 +1,196 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var THREE = require('three');
+var FBXLoader = require('three/examples/jsm/loaders/FBXLoader');
+
+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);
+
+function createCanvasTextTexture(text, config) {
+    var _a, _b, _c, _d, _e;
+    const size = (_a = config === null || config === void 0 ? void 0 : config.size) !== null && _a !== void 0 ? _a : 512;
+    const fontSize = (_b = config === null || config === void 0 ? void 0 : config.fontSize) !== null && _b !== void 0 ? _b : size * (35 / 256) * 1.2;
+    const backgroundColor = (_c = config === null || config === void 0 ? void 0 : config.backgroundColor) !== null && _c !== void 0 ? _c : 'rgba(0,0,0,0)';
+    const fontColor = (_d = config === null || config === void 0 ? void 0 : config.fontColor) !== null && _d !== void 0 ? _d : '#fff';
+    const textAlign = (_e = config === null || config === void 0 ? void 0 : config.textAlign) !== null && _e !== void 0 ? _e : 'center';
+    const canvas = document.createElement('canvas');
+    canvas.setAttribute('width', size + '');
+    canvas.setAttribute('height', size + '');
+    const context = canvas.getContext('2d');
+    context.fillStyle = backgroundColor;
+    context.fillRect(0, 0, size, size);
+    context.font = `${fontSize}px "微软雅黑"`;
+    context.textAlign = textAlign;
+    context.fillStyle = fontColor;
+    context.fillText(text, size / 2, size * 0.7);
+    return new THREE.CanvasTexture(canvas);
+}
+
+const transformPositionToVector3 = ({ x, y, z }) => new THREE.Vector3(x, y, z);
+
+function transfromToMeshBasicMaterial(object, options) {
+    object.traverse((ele) => {
+        var _a;
+        if (ele.type === 'Mesh') {
+            const mesh = ele;
+            const materialConf = Object.assign({ map: mesh.material.map || {} }, options);
+            mesh.material = new THREE.MeshBasicMaterial(materialConf);
+            mesh.renderOrder = 1;
+            if (((_a = ele.parent) === null || _a === void 0 ? void 0 : _a.type) === 'Mesh') {
+                ele.renderOrder = ele.parent.renderOrder + 1;
+            }
+        }
+    });
+}
+
+/**
+ * 模型入户门引导插件
+ */
+const ModelEntryDoorGuidePlugin = (five, params) => {
+    var _a, _b, _c;
+    // 局部状态
+    const state = {};
+    const defaultAnimationEnable = (_a = params.animationEnabled) !== null && _a !== void 0 ? _a : true;
+    const defaultModelPosition = (_b = params.position) !== null && _b !== void 0 ? _b : undefined;
+    const defaultRad = (_c = params.rad) !== null && _c !== void 0 ? _c : undefined;
+    const defaultFbxUrl = params.fbx_url || '//vrlab-image4.ljcdn.com/release/web/entryDoorMini/Anim_Door1.fbx';
+    const mixers = [];
+    const load = async (data) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const position = (_a = data === null || data === void 0 ? void 0 : data.position) !== null && _a !== void 0 ? _a : defaultModelPosition;
+        if (!position)
+            return Promise.reject(`ModelEntryDoorGuidePlugin.load(): position is undefined`);
+        const modelPosition = transformPositionToVector3(position);
+        const rad = (_b = data === null || data === void 0 ? void 0 : data.rad) !== null && _b !== void 0 ? _b : defaultRad;
+        const fbxUrl = (_c = data === null || data === void 0 ? void 0 : data.fbx_url) !== null && _c !== void 0 ? _c : defaultFbxUrl;
+        state.rad = rad;
+        if (rad === undefined)
+            return Promise.reject(`ModelEntryDoorGuidePlugin.load(): rad is ${rad}`);
+        // 加载模型
+        const object = await new FBXLoader.FBXLoader().loadAsync(fbxUrl);
+        // 设置位置
+        object.position.copy(modelPosition);
+        object.rotation.z = rad;
+        object.scale.set(0.8, 0.8, 0.8);
+        transfromToMeshBasicMaterial(object, { transparent: true, side: THREE__namespace.DoubleSide });
+        const textMesh = (_g = (_f = (_e = (_d = object.children) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.children) === null || _f === void 0 ? void 0 : _f[3]) === null || _g === void 0 ? void 0 : _g.clone();
+        if (!textMesh)
+            return Promise.reject(`ModelEntryDoorGuidePlugin.load(): textMesh is ${textMesh}`);
+        textMesh.material = new THREE.MeshBasicMaterial({ transparent: true, map: createCanvasTextTexture('入户门') });
+        textMesh.renderOrder = 3;
+        object.children[0].add(textMesh);
+        state.object = object;
+        return true;
+    };
+    const initAnimation = () => {
+        if (state.animation)
+            return;
+        if (!state.object)
+            return console.error('ModelEntryDoorGuidePlugin.initAnimation(): state.object is ', state.object);
+        // action
+        const animationSpeed = 1;
+        const mixer = new THREE.AnimationMixer(state.object);
+        mixers.push(mixer);
+        const action = mixer.clipAction(state.object.animations[0]);
+        action.timeScale = animationSpeed;
+        let stopAnimation;
+        const requestAnimationFrameLoop = () => {
+            let index = 0;
+            let oldTime = 0;
+            const minDeltaTime = 1000 / 30;
+            const animation = (time) => {
+                index = requestAnimationFrame(animation);
+                const deltaTime = time - oldTime;
+                if (deltaTime < minDeltaTime)
+                    return;
+                oldTime = time;
+                mixers.forEach((mixer) => mixer.update(deltaTime / 1000));
+                five.needsRender = true;
+            };
+            index = requestAnimationFrame(animation);
+            return () => {
+                cancelAnimationFrame(index);
+            };
+        };
+        const play = () => {
+            if (stopAnimation)
+                return;
+            action.play();
+            stopAnimation = requestAnimationFrameLoop();
+            // 开始播动画时，rotation可能会还原
+            requestAnimationFrame(() => {
+                if (state.object && state.object.rotation.z !== state.rad)
+                    state.object.rotation.z = state.rad;
+            });
+        };
+        const stop = () => {
+            action.stop();
+            stopAnimation === null || stopAnimation === void 0 ? void 0 : stopAnimation();
+            stopAnimation = undefined;
+        };
+        const animation = { play, stop };
+        state.animation = animation;
+    };
+    const show = (config) => {
+        var _a;
+        if (!state.object)
+            return console.error('ModelEntryDoorGuidePlugin.enable(): object is ', state.object);
+        const animationEnable = (_a = config === null || config === void 0 ? void 0 : config.animationEnable) !== null && _a !== void 0 ? _a : defaultAnimationEnable;
+        if (animationEnable) {
+            if (!state.animation)
+                initAnimation();
+            state.animation.play();
+        }
+        five.scene.add(state.object);
+        five.needsRender = true;
+    };
+    const hide = () => {
+        if (!state.object)
+            return;
+        if (state.animation)
+            state.animation.stop();
+        five.scene.remove(state.object);
+        five.needsRender = true;
+    };
+    const modeChangeHandler = (mode) => (mode === 'Floorplan' ? show() : hide());
+    const enable = (config) => {
+        if (state.enabled)
+            return true;
+        state.enabled = true;
+        modeChangeHandler(five.currentMode);
+        five.on('modeChange', modeChangeHandler);
+        show(config);
+        return true;
+    };
+    const disable = () => {
+        if (!state.enabled)
+            return true;
+        state.enabled = false;
+        hide();
+        five.off('modeChange', modeChangeHandler);
+        return true;
+    };
+    return { load, enable, disable };
+};
+
+exports.ModelEntryDoorGuidePlugin = ModelEntryDoorGuidePlugin;
+exports["default"] = ModelEntryDoorGuidePlugin;

package/dist/ModelItemLabelPlugin/ModelItemLabelPlugin.d.ts

@@ -0,0 +1,4 @@
+import type { FivePlugin } from "@realsee/five";
+import { ModelItemLabelPluginExportReturnsType, ModelItemLabelPluginParametersType } from "./typings";
+export declare const ModelItemLabelPlugin: FivePlugin<ModelItemLabelPluginParametersType, ModelItemLabelPluginExportReturnsType>;
+export default ModelItemLabelPlugin;

package/dist/ModelItemLabelPlugin/events.type.d.ts

@@ -0,0 +1,9 @@
+import type { SubscribeEventMap } from '@realsee/five';
+import type { ItemLabel } from "./typings";
+export interface ItemLabelEvent extends SubscribeEventMap {
+    /**
+     * 点击标签
+     */
+    onLabelClick: (itemLabel: ItemLabel) => void;
+}
+export declare type PluginEvent = ItemLabelEvent;

package/dist/ModelItemLabelPlugin/index.d.ts

@@ -0,0 +1,9 @@
+import ModelItemLabelPlugin from './ModelItemLabelPlugin';
+export { ModelItemLabelPlugin };
+export default ModelItemLabelPlugin;
+export declare const modelItemLabelPluginServerParams: {
+    name: string;
+    version: number;
+};
+export type { ModelItemLabelPluginParametersType, ModelItemLabelPluginData, ModelItemLabelPluginExportReturnsType } from './typings';
+export { DISPLAY_STRATEGY_TYPE } from './typings';