@realsee/dnalogel 2.1.0-alpha.13 → 2.1.0-alpha.15

package/libs/src/GuideLinePlugin/utils/getLineGeometries.js

@@ -0,0 +1,183 @@
+import * as THREE from 'three';
+import { Vector3 } from 'three';
+import getNormals from 'polyline-normals';
+import './getPoint';
+// 定义常量
+const TRIANGLE_NUMBER_OF_RECTANGLE = 2; // 每个矩形有两个三角形
+const VERTEX_NUMBER_OF_TRIANGLE = 3; // 每个三角形有三个顶点
+const AXIS_NUMBER_OF_VERTEX = 3; // 每个顶点有三个轴坐标
+const UV_NUMBER_OF_VERTEX = 2; // 每个顶点有两个 UV 轴坐标
+/**
+ * @description: 根据坐标获取平滑曲线
+ * @param {Vector3[]} positionList 坐标点数组
+ * @param {number} config.unitWidth 宽
+ * @param {number} config.unitHeight 高
+ * @param {boolean} config.skipPosition 是否越过点位。如果点位上有其他物体，比如点位圆环，可以开启此选项来使越过点位，使其不会重叠显示
+ * @return {THREE.BufferGeometry[]} THREE.BufferGeometry[]
+ */
+export default function getLineGeometries(positionList, config) {
+    var _a, _b, _c;
+    if (positionList.length < 2) {
+        console.warn('positionList length must be greater than 1');
+        return [];
+    }
+    const unitWidth = (_a = config === null || config === void 0 ? void 0 : config.unitWidth) !== null && _a !== void 0 ? _a : 0.5;
+    const unitHeight = (_b = config === null || config === void 0 ? void 0 : config.unitHeight) !== null && _b !== void 0 ? _b : 0.5;
+    const skipPosition = (_c = config === null || config === void 0 ? void 0 : config.skipPosition) !== null && _c !== void 0 ? _c : false;
+    // 点位组成的平滑曲线
+    const curve = new THREE.CatmullRomCurve3(positionList, false, 'catmullrom', 1);
+    if (skipPosition) {
+        // 曲线切片数
+        const divisions = Math.ceil((curve.getLength() / unitHeight) * 1.5); // 一个箭头切1.5点（切几个随意，越多越精准）
+        const curvePoints = curve.getPoints(divisions);
+        const geometries = [];
+        let startIndex = 0;
+        // curvePoints.forEach((point) => {
+        //   const p1 = getPoint(point, 1)
+        //   ;(window as any).five.scene.add(p1)
+        // })
+        const originPositions = positionList;
+        // eslint-disable-next-line complexity
+        originPositions.forEach((originPosition, index) => {
+            let nearestCurvePointIndex = 0;
+            let distance = 99999999;
+            // 获取离panoIndex最近的曲线点curvePoint
+            curvePoints.forEach((curvePoint, curvePointIndex) => {
+                const curvePointDistanceToOriginPosition = curvePoint.distanceTo(originPosition);
+                if (curvePointDistanceToOriginPosition < distance) {
+                    nearestCurvePointIndex = curvePointIndex;
+                    distance = curvePointDistanceToOriginPosition;
+                }
+            });
+            const nextCurvePoint = curvePoints[nearestCurvePointIndex + 1];
+            const nextCurvePointDistanceToOriginPosition = nextCurvePoint === null || nextCurvePoint === void 0 ? void 0 : nextCurvePoint.distanceTo(originPosition);
+            const lastCurvePoint = curvePoints[nearestCurvePointIndex - 1];
+            const lastCurvePointDistanceToOriginPosition = lastCurvePoint === null || lastCurvePoint === void 0 ? void 0 : lastCurvePoint.distanceTo(originPosition);
+            if (nearestCurvePointIndex > startIndex && nearestCurvePointIndex - startIndex > 1) {
+                let endIndex = nearestCurvePointIndex;
+                // endIndex
+                if (lastCurvePoint !== undefined && lastCurvePointDistanceToOriginPosition > 0.8) {
+                    endIndex = nearestCurvePointIndex + 1;
+                }
+                if (lastCurvePoint !== undefined &&
+                    lastCurvePointDistanceToOriginPosition > 0.2 &&
+                    lastCurvePointDistanceToOriginPosition < 0.3) {
+                    endIndex = nearestCurvePointIndex;
+                }
+                else if (distance > 0.2 && distance < 0.3) {
+                    endIndex = nearestCurvePointIndex + 1;
+                }
+                // end
+                // startIndex
+                let _startIndex = startIndex;
+                if (nextCurvePoint !== undefined &&
+                    nextCurvePointDistanceToOriginPosition > 0.2 &&
+                    nextCurvePointDistanceToOriginPosition < 0.3) {
+                    _startIndex = startIndex + 1;
+                }
+                else if (distance > 0.2 && distance < 0.3) {
+                    _startIndex = startIndex;
+                }
+                if (curvePoints[_startIndex] && curvePoints[_startIndex + 1]) {
+                    const pano = originPositions[index - 1];
+                    if (pano) {
+                        if (pano.equals(curvePoints[_startIndex]))
+                            _startIndex += 1;
+                        else {
+                            const normal = new Vector3().subVectors(curvePoints[_startIndex + 1], curvePoints[_startIndex]);
+                            const panoPosition = new Vector3().subVectors(pano, curvePoints[_startIndex]);
+                            const isBehind = normal.angleTo(panoPosition) < Math.PI / 2;
+                            if (isBehind)
+                                _startIndex += 1;
+                        }
+                    }
+                    // const p0 = getPoint(pano, 0)
+                    // const p1 = getPoint(curvePoints[_startIndex]!, 1)
+                    // const p2 = getPoint(curvePoints[_startIndex + 1]!, 2)
+                    // ;(window as any).five.scene.add(p0, p1, p2)
+                }
+                // end
+                if (endIndex < _startIndex || endIndex - _startIndex <= 1)
+                    return;
+                const slicedCurvePoints = curvePoints.slice(_startIndex, endIndex);
+                const geometry = getLineGeometry(slicedCurvePoints, unitWidth, unitHeight);
+                geometries.push(geometry);
+                startIndex = nearestCurvePointIndex;
+            }
+        });
+        return geometries;
+    }
+    else {
+        // 曲线切片数
+        const divisions = Math.ceil(curve.getLength()); // 一米切一个点
+        const curvePoints = curve.getPoints(divisions);
+        const geometry = getLineGeometry(curvePoints, unitWidth, unitHeight);
+        return [geometry];
+    }
+}
+function getLineGeometry(curvePoints, unitWidth, unitHeight) {
+    const halfUnitWidth = unitWidth / 2;
+    const aspect = unitHeight / unitWidth; // 纵横比 height / width
+    const curvePointsLength = curvePoints.length;
+    const normals = getNormals(curvePoints.map((p) => [p.x, p.z])); // curvePoints：每个点切线的向量「二维」
+    const rectangleNumber = curvePoints.length - 1; // 曲线上 N 个点，构成了 N - 1 个矩形
+    const indexNumber = rectangleNumber * TRIANGLE_NUMBER_OF_RECTANGLE * VERTEX_NUMBER_OF_TRIANGLE;
+    const verticesNumber = 2 * curvePointsLength; // 顶点数量（包含公用）：每个曲线点对应两个顶点，N 个 点有 2N 个顶点
+    const positionNumber = verticesNumber * AXIS_NUMBER_OF_VERTEX; // 坐标点数量
+    const uvNumber = verticesNumber * UV_NUMBER_OF_VERTEX; // uv 数量
+    const index = new Uint32Array(indexNumber);
+    const positions = new Float32Array(positionNumber);
+    const uv = new Float32Array(uvNumber);
+    curvePoints.forEach((point, i) => {
+        // if (i === curvePoints.length - 1) {
+        //   const p1 = getPoint(point, 1)
+        //   ;(window as any).five.scene.add(p1)
+        // } else {
+        //   // const p1 = getPoint(point, 0)
+        //   // ;(window as any).five.scene.add(p1)
+        // }
+        if (i === 0) {
+            // const p1 = getPoint(point, 3)
+            // ;(window as any).five.scene.add(p1)
+        }
+        else {
+            // const p1 = getPoint(point, 0)
+            // ;(window as any).five.scene.add(p1)
+        }
+    });
+    let totalLength = 0;
+    for (let i = 0; i < curvePoints.length; i++) {
+        const [nx, nz] = normals[i][0];
+        const curvePoint = curvePoints[i];
+        const { x: curvePointX, y: curvePointY, z: curvePointZ } = curvePoint;
+        // vertices[2i]
+        const vertices2i = new Vector3(curvePointX + nx * halfUnitWidth, curvePointY + 0.05, curvePointZ + nz * halfUnitWidth);
+        positions[i * 6 + 0] = vertices2i.x;
+        positions[i * 6 + 1] = vertices2i.y;
+        positions[i * 6 + 2] = vertices2i.z;
+        // vertices[2i + 1]
+        const vertices2i1 = new Vector3(curvePointX - nx * halfUnitWidth, curvePointY + 0.05, curvePointZ - nz * halfUnitWidth);
+        positions[i * 6 + 3] = vertices2i1.x;
+        positions[i * 6 + 4] = vertices2i1.y;
+        positions[i * 6 + 5] = vertices2i1.z;
+        totalLength += i > 0 ? curvePoints[i - 1].clone().sub(curvePoints[i]).length() : 0;
+        const end = totalLength / unitWidth / aspect;
+        uv[i * 4 + 0] = 0;
+        uv[i * 4 + 1] = end;
+        uv[i * 4 + 2] = 1;
+        uv[i * 4 + 3] = end;
+        if (i === curvePoints.length - 1)
+            continue;
+        index[i * 6 + 0] = i * 2 + 0;
+        index[i * 6 + 1] = i * 2 + 2;
+        index[i * 6 + 2] = i * 2 + 1;
+        index[i * 6 + 3] = i * 2 + 2;
+        index[i * 6 + 4] = i * 2 + 3;
+        index[i * 6 + 5] = i * 2 + 1;
+    }
+    const geometry = new THREE.BufferGeometry();
+    geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));
+    geometry.setAttribute('uv', new THREE.BufferAttribute(uv, 2));
+    geometry.setIndex(new THREE.BufferAttribute(index, 1));
+    return geometry;
+}

package/libs/src/GuideLinePlugin/utils/getPoint.d.ts

@@ -0,0 +1,3 @@
+import * as THREE from 'three';
+export default function getPoint(position?: THREE.Vector3, colorIndex?: number): THREE.Mesh<THREE.SphereGeometry, THREE.MeshBasicMaterial>;
+export declare function getAllMesh(): any[];

package/libs/src/GuideLinePlugin/utils/getPoint.js

@@ -0,0 +1,23 @@
+import * as THREE from 'three';
+const meshes = [];
+export default function getPoint(position = new THREE.Vector3(1, 1, 1), colorIndex = 0) {
+    const geometry = new THREE.SphereGeometry(0.02, 16, 16);
+    const materials = [
+        new THREE.MeshBasicMaterial({ color: 0xffff00 }),
+        new THREE.MeshBasicMaterial({ color: 0xff00ff }),
+        new THREE.MeshBasicMaterial({ color: 0xff0000 }),
+        new THREE.MeshBasicMaterial({ color: 0x00ffff }), // 蓝
+    ];
+    const material = materials[colorIndex];
+    const sphere = new THREE.Mesh(geometry, material);
+    material.depthTest = false;
+    material.transparent = true;
+    material.opacity = 0.6;
+    material.side = THREE.DoubleSide;
+    sphere.position.copy(position);
+    meshes.push(sphere);
+    return sphere;
+}
+export function getAllMesh() {
+    return meshes;
+}

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

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

package/libs/src/ItemLabelPlugin/Plugin.js

@@ -0,0 +1,126 @@
+import { Five, Subscribe } from "@realsee/five";
+import ItemLabelComponent from './ItemLabelComponent';
+import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from "./typings";
+import { parseItemLabelPluginData } from "./utils/parseData";
+const defaultMaxVisibleDistance = undefined;
+export const Plugin = (five, params) => {
+    var _a, _b, _c, _d;
+    const pluginState = {
+        container: document.createElement('div'),
+        data: null,
+        enabled: true,
+        fiveModeEnabled: true,
+        itemLabels: [],
+        wrapper: null,
+        app: undefined,
+        hooks: new Subscribe(),
+        modelOcclusionEnable: (_a = params === null || params === void 0 ? void 0 : params.modelOcclusionEnable) !== null && _a !== void 0 ? _a : true,
+        onlyVisibleInPanorama: (_b = params === null || params === void 0 ? void 0 : params.onlyVisibleInPanorama) !== null && _b !== void 0 ? _b : true,
+        displayStrategyType: (_c = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _c !== void 0 ? _c : ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
+        maxVisibleDistance: (_d = params === null || params === void 0 ? void 0 : params.maxVisibleDistance) !== null && _d !== void 0 ? _d : defaultMaxVisibleDistance,
+    };
+    pluginState.container.setAttribute('class', 'item-label-plugin-container');
+    pluginState.container.style.cssText = `
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 5;
+    `;
+    pluginState.container.style.pointerEvents = 'none'; // 写到 cssText 里不生效
+    const appendTo = (wrapper) => {
+        pluginState.wrapper = wrapper;
+        wrapper.appendChild(pluginState.container);
+        render();
+        return true;
+    };
+    const load = (data) => {
+        pluginState.itemLabels = parseItemLabelPluginData(data);
+        render();
+    };
+    const enable = () => {
+        if (pluginState.enabled)
+            return true;
+        pluginState.enabled = true;
+        render();
+        return true;
+    };
+    const disable = () => {
+        if (!pluginState.enabled)
+            return true;
+        pluginState.enabled = false;
+        render();
+        return true;
+    };
+    const dispose = () => {
+        removeListener4Five();
+        pluginState.container.remove();
+    };
+    const render = () => {
+        var _a;
+        if (!pluginState.wrapper)
+            return;
+        // 只要不可展示，销毁容器
+        if (!pluginState.enabled || !pluginState.fiveModeEnabled) {
+            (_a = pluginState.app) === null || _a === void 0 ? void 0 : _a.$destroy();
+            pluginState.app = undefined;
+            return;
+        }
+        // 正常显示时，分为 app 存在和不存在两种情况，如果存在，传值，不存在则初始化并传值
+        if (!pluginState.app) {
+            pluginState.app = new ItemLabelComponent({
+                target: pluginState.container,
+                props: {
+                    five: five,
+                    modelOcclusionEnable: pluginState.modelOcclusionEnable,
+                    onlyVisibleInPanorama: pluginState.onlyVisibleInPanorama,
+                    itemLabels: pluginState.itemLabels,
+                    wrapper: pluginState.wrapper,
+                    hooks: pluginState.hooks,
+                    displayStrategyType: pluginState.displayStrategyType,
+                    maxVisibleDistance: pluginState.maxVisibleDistance
+                }
+            });
+        }
+        else {
+            pluginState.app.$set({
+                five: five,
+                itemLabels: pluginState.itemLabels
+            });
+        }
+    };
+    // 添加 five 监听
+    const addListener4Five = () => {
+        five.on('modeChange', onFiveModeChange);
+        five.once('dispose', dispose);
+    };
+    // 取消 five 监听
+    const removeListener4Five = () => {
+        five.off('modeChange', onFiveModeChange);
+    };
+    const onFiveModeChange = (mode) => {
+        // if (!pluginState.enabled) return
+        if (mode !== Five.Mode.Panorama) {
+            pluginState.fiveModeEnabled = false;
+            disable();
+            return;
+        }
+        // pluginState.fiveModeEnabled = false
+        // render()
+        five.once('initAnimationEnded', () => {
+            pluginState.fiveModeEnabled = true;
+            enable();
+        });
+    };
+    addListener4Five();
+    return {
+        appendTo,
+        load,
+        enable,
+        disable,
+        dispose,
+        hooks: pluginState.hooks
+    };
+};
+export default Plugin;

package/libs/src/ItemLabelPlugin/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/libs/src/ItemLabelPlugin/events.type.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,9 @@
+import ItemLabelPlugin from './Plugin';
+export { ItemLabelPlugin };
+export default ItemLabelPlugin;
+export declare const itemLabelPluginServerParams: {
+    name: string;
+    version: number;
+};
+export type { ItemLabelPluginParametersType, ItemLabelPluginData, ItemLabelPluginExportReturnsType } from './typings';
+export { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from './typings';

package/libs/src/ItemLabelPlugin/index.js

@@ -0,0 +1,8 @@
+import ItemLabelPlugin from './Plugin';
+export { ItemLabelPlugin };
+export default ItemLabelPlugin;
+export const itemLabelPluginServerParams = {
+    name: 'ItemLabelPlugin',
+    version: 0,
+};
+export { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from './typings';

package/libs/src/ItemLabelPlugin/typings.d.ts

@@ -0,0 +1,65 @@
+import type { Subscribe } from "@realsee/five";
+import type { PluginEvent } from "./events.type";
+import type ItemLabelComponent from './ItemLabelComponent';
+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;
+    onlyVisibleInPanorama?: boolean;
+    displayStrategyType?: Partial<ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE>;
+}
+export interface ItemLabelPluginData {
+    item_labels: Readonly<{
+        panoIndex: number;
+        id: string;
+        code: string;
+        name: string;
+        position: [number, number, number];
+        type?: string[];
+        icon?: string;
+        render?: (data: ItemLabel) => HTMLDivElement;
+        [key: string]: any;
+    }>[];
+}
+export interface ItemLabel {
+    panoIndex: number;
+    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;
+    render?: (data: ItemLabel) => HTMLDivElement;
+    [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;
+    onlyVisibleInPanorama: boolean;
+    displayStrategyType: Partial<ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE>;
+    maxVisibleDistance: number | undefined;
+}

package/libs/src/ItemLabelPlugin/typings.js

@@ -0,0 +1,7 @@
+export var ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE;
+(function (ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE) {
+    ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["SMALL"] = "small";
+    ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["MIDLLE"] = "middle";
+    ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["LARGE"] = "large";
+    ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
+})(ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE || (ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE = {}));

package/libs/src/ItemLabelPlugin/utils/getLabelTransform.d.ts

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

package/libs/src/ItemLabelPlugin/utils/getLabelTransform.js

@@ -0,0 +1,3 @@
+export const getLabelTransform = (cssOffset) => {
+    return `translate(${cssOffset[0]}px, ${cssOffset[1]}px)`;
+};

package/libs/src/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/libs/src/ItemLabelPlugin/utils/getStrokeLength.js

@@ -0,0 +1,16 @@
+/**
+ * 展示策略
+ * */
+import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from "../typings";
+export const getStrokeLength = (itemSpaceHeight, type) => {
+    switch (type) {
+        case ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL:
+            return Math.ceil(-27.78 * itemSpaceHeight + 85);
+        case ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.MIDLLE:
+            return Math.ceil(-38.9 * itemSpaceHeight + 130);
+        case ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.LARGE:
+            return Math.ceil(-44.44 * itemSpaceHeight + 140);
+        case ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.EXTRA_LARGE:
+            return Math.ceil(-92.59 * itemSpaceHeight + 300);
+    }
+};

package/libs/src/ItemLabelPlugin/utils/isImpacted.d.ts

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

package/libs/src/ItemLabelPlugin/utils/isImpacted.js

@@ -0,0 +1,13 @@
+import * as THREE from 'three';
+const { Raycaster, Vector3 } = THREE;
+/**
+ * 碰撞检测可见性
+ * */
+export const isImpacted = (five, sourceVector, targetVector, distance) => {
+    const direction = sourceVector.clone().sub(targetVector).normalize();
+    const raycaster = new Raycaster();
+    raycaster.set(targetVector, direction);
+    const [intersection] = five.model.intersectRaycaster(raycaster);
+    return intersection && intersection.distance + 0.01 < distance;
+    // return intersection && distance <= intersection.distance + 0.1
+};

package/libs/src/ItemLabelPlugin/utils/parseData.d.ts

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

package/libs/src/ItemLabelPlugin/utils/parseData.js

@@ -0,0 +1,4 @@
+/** @description 转成内部所需数据 */
+export function parseItemLabelPluginData(data) {
+    return data.item_labels.map(label => (Object.assign(Object.assign({}, label), { modelPosition: [label.position[0], label.position[1], label.position[2]], observerIndex: undefined })));
+}

package/libs/src/ItemLabelPlugin/utils/transform2RenderData.d.ts

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

package/libs/src/ItemLabelPlugin/utils/transform2RenderData.js

@@ -0,0 +1,4 @@
+/** @description 转成内部所需数据 */
+export function transform2RenderData(data) {
+    return data.map(label => (Object.assign({ observerIndex: undefined, visible: false, isFold: false }, label)));
+}

package/libs/src/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/libs/src/ModelChassisCompassPlugin/Plugin.js

@@ -0,0 +1,77 @@
+import * as THREE from 'three';
+import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader';
+import object3d2LocalMatrix from '../shared-utils/object3d2LocalMatrix';
+import transfromToMeshBasicMaterial from '../shared-utils/three/transfromToMeshBasicMaterial';
+/**
+ * 模型底盘指南针插件
+ */
+export 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();
+        const object = await fbxLoader.loadAsync(fbxUrl);
+        transfromToMeshBasicMaterial(object, {
+            transparent: true,
+            side: THREE.DoubleSide,
+            blending: THREE.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;
+        object3d2LocalMatrix(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 };
+};
+export default ModelChassisCompassPlugin;

package/libs/src/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/libs/src/ModelChassisCompassPlugin/index.js

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