@realsee/dnalogel 2.0.0-alpha.3 → 2.0.0-alpha.30-beta

package/libs/ItemLabelPlugin/ItemLabelItem.js

@@ -0,0 +1,173 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	detach,
+	element,
+	init,
+	insert,
+	listen,
+	noop,
+	null_to_empty,
+	safe_not_equal,
+	set_data,
+	set_style,
+	space,
+	text
+} from "svelte/internal";
+
+import "./events.type";
+import classNames from 'classnames';
+
+function add_css(target) {
+	append_styles(target, "svelte-1u8wokx", ".item-label-item.svelte-1u8wokx{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;user-select:none;opacity:0}.item-label-item.visible.svelte-1u8wokx{opacity:1;animation:svelte-1u8wokx-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-1u8wokx{height:fit-content;padding:12px 20px 12px 12px;position:absolute;width:max-content;max-width:473px;min-height:92px;pointer-events:none;background-image:linear-gradient(269deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0.60) 49%, rgba(31,38,46,0.70) 100%);border:1.5px solid rgba(255, 255, 255, .65);border-radius:3px;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden}.item-label-item__text-wrap.visible.svelte-1u8wokx{pointer-events:all}.icon-wrap.svelte-1u8wokx{width:68px;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-1u8wokx{width:68px;height:68px;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-1u8wokx{margin-left:12px;padding-left:12px;min-height:68px;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 1px;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-1u8wokx{white-space:nowrap;font-size:22px;font-weight:bold;line-height:30px}.item-name.svelte-1u8wokx{height:auto;word-wrap:break-word;word-break:break-all;font-size:20px;line-height:28px}.item-label-item__bar.svelte-1u8wokx{position:absolute;bottom:0;width:3px;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 2px 8px 0 rgba(0,0,0,0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-1u8wokx:after{content:'';position:absolute;bottom:0;width:24px;height:24px;background-image:url(\"//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png \");background-position:center;background-size:contain;transform:translate(-10.5px, 50%)}@keyframes svelte-1u8wokx-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
+}
+
+function create_fragment(ctx) {
+	let div5;
+	let div3;
+	let div1;
+	let div0;
+	let div0_style_value;
+	let t0;
+	let div2;
+	let span0;
+	let t1_value = (/*itemLabel*/ ctx[0].code ?? /*itemLabel*/ ctx[0].id) + "";
+	let t1;
+	let t2;
+	let span1;
+	let t3_value = /*itemLabel*/ ctx[0].name + "";
+	let t3;
+	let div3_class_value;
+	let t4;
+	let div4;
+	let div4_class_value;
+	let div5_class_value;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			div5 = element("div");
+			div3 = element("div");
+			div1 = element("div");
+			div0 = element("div");
+			t0 = space();
+			div2 = element("div");
+			span0 = element("span");
+			t1 = text(t1_value);
+			t2 = space();
+			span1 = element("span");
+			t3 = text(t3_value);
+			t4 = space();
+			div4 = element("div");
+			attr(div0, "class", "icon svelte-1u8wokx");
+			attr(div0, "style", div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon ?? defaultIcon})`);
+			attr(div1, "class", "icon-wrap svelte-1u8wokx");
+			attr(span0, "class", "item-model svelte-1u8wokx");
+			attr(span1, "class", "item-name svelte-1u8wokx");
+			attr(div2, "class", "item-label-text svelte-1u8wokx");
+			attr(div3, "class", div3_class_value = "" + (null_to_empty(classNames("item-label-item__text-wrap", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1u8wokx"));
+			set_style(div3, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+			attr(div4, "class", div4_class_value = "" + (null_to_empty(classNames("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-1u8wokx"));
+			set_style(div4, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+			attr(div5, "class", div5_class_value = "" + (null_to_empty(classNames("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1u8wokx"));
+			set_style(div5, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
+			set_style(div5, "transform", /*itemLabel*/ ctx[0].transform, false);
+		},
+		m(target, anchor) {
+			insert(target, div5, anchor);
+			append(div5, div3);
+			append(div3, div1);
+			append(div1, div0);
+			append(div3, t0);
+			append(div3, div2);
+			append(div2, span0);
+			append(span0, t1);
+			append(div2, t2);
+			append(div2, span1);
+			append(span1, t3);
+			append(div5, t4);
+			append(div5, div4);
+
+			if (!mounted) {
+				dispose = listen(div3, "click", /*onClick*/ ctx[2]);
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*itemLabel*/ 1 && div0_style_value !== (div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon ?? defaultIcon})`)) {
+				attr(div0, "style", div0_style_value);
+			}
+
+			if (dirty & /*itemLabel*/ 1 && t1_value !== (t1_value = (/*itemLabel*/ ctx[0].code ?? /*itemLabel*/ ctx[0].id) + "")) set_data(t1, t1_value);
+			if (dirty & /*itemLabel*/ 1 && t3_value !== (t3_value = /*itemLabel*/ ctx[0].name + "")) set_data(t3, t3_value);
+
+			if (dirty & /*itemLabel*/ 1 && div3_class_value !== (div3_class_value = "" + (null_to_empty(classNames("item-label-item__text-wrap", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1u8wokx"))) {
+				attr(div3, "class", div3_class_value);
+			}
+
+			if (dirty & /*itemLabel*/ 1) {
+				set_style(div3, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+			}
+
+			if (dirty & /*anchorEnabled*/ 2 && div4_class_value !== (div4_class_value = "" + (null_to_empty(classNames("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-1u8wokx"))) {
+				attr(div4, "class", div4_class_value);
+			}
+
+			if (dirty & /*itemLabel*/ 1) {
+				set_style(div4, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+			}
+
+			if (dirty & /*itemLabel*/ 1 && div5_class_value !== (div5_class_value = "" + (null_to_empty(classNames("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1u8wokx"))) {
+				attr(div5, "class", div5_class_value);
+			}
+
+			if (dirty & /*itemLabel*/ 1) {
+				set_style(div5, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
+			}
+
+			if (dirty & /*itemLabel*/ 1) {
+				set_style(div5, "transform", /*itemLabel*/ ctx[0].transform, false);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div5);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+const defaultIcon = '//vrlab-public.ljcdn.com/common/file/web/c8591aaa-e62b-4e31-8fed-671483ace37f.svg\n';
+
+function instance($$self, $$props, $$invalidate) {
+	let { itemLabel } = $$props;
+	let { hooks } = $$props;
+	let { anchorEnabled } = $$props;
+
+	function onClick() {
+		hooks.emit('onLabelClick', itemLabel);
+	}
+
+	$$self.$$set = $$props => {
+		if ('itemLabel' in $$props) $$invalidate(0, itemLabel = $$props.itemLabel);
+		if ('hooks' in $$props) $$invalidate(3, hooks = $$props.hooks);
+		if ('anchorEnabled' in $$props) $$invalidate(1, anchorEnabled = $$props.anchorEnabled);
+	};
+
+	return [itemLabel, anchorEnabled, onClick, hooks];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { itemLabel: 0, hooks: 3, anchorEnabled: 1 }, add_css);
+	}
+}
+
+export default Component;

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

@@ -0,0 +1,117 @@
+import { Subscribe } from "@realsee/five";
+import ItemLabelComponent from './ItemLabelComponent';
+import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from "./typings";
+import { parseItemLabelPluginData } from "./utils/parseData";
+export const Plugin = (five, params) => {
+    var _a, _b;
+    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,
+        displayStrategyType: (_b = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _b !== void 0 ? _b : ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
+    };
+    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,
+                    itemLabels: pluginState.itemLabels,
+                    wrapper: pluginState.wrapper,
+                    hooks: pluginState.hooks,
+                    displayStrategyType: pluginState.displayStrategyType
+                }
+            });
+        }
+        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;
+        pluginState.fiveModeEnabled = false;
+        render();
+        five.once('initAnimationEnded', () => {
+            pluginState.fiveModeEnabled = true;
+            render();
+        });
+    };
+    addListener4Five();
+    return {
+        appendTo,
+        load,
+        enable,
+        disable,
+        dispose,
+        hooks: pluginState.hooks
+    };
+};
+export default Plugin;

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

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

package/libs/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/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/ItemLabelPlugin/typings.d.ts

@@ -0,0 +1,54 @@
+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 {
+    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;
+    [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>;
+}

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

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

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

@@ -0,0 +1,75 @@
+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) => {
+    const defaultFbxUrl = params.fbx_url || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
+    const defaultNorthRad = params.north_rad || undefined;
+    // 局部状态
+    const state = {};
+    const load = async (data) => {
+        const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
+        const northRad = (data === null || data === void 0 ? void 0 : data.north_rad) || defaultNorthRad;
+        if (!northRad) {
+            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/ModelChassisCompassPlugin/index.d.ts

@@ -1,19 +1,4 @@
-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>;
+import ModelChassisCompassPlugin from './Plugin';
+export { ModelChassisCompassPlugin };
 export default ModelChassisCompassPlugin;
+export type { ModelChassisCompassPluginParameterType, ModelChassisCompassPluginData, ModelChassisCompassPluginExportType } from './Plugin';

package/libs/ModelChassisCompassPlugin/index.js

@@ -1,75 +1,3 @@
-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) => {
-    const defaultFbxUrl = params.fbx_url || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
-    const defaultNorthRad = params.north_rad || undefined;
-    // 局部状态
-    const state = {};
-    const load = async (data) => {
-        const fbxUrl = data?.fbx_url || defaultFbxUrl;
-        const northRad = data?.north_rad || defaultNorthRad;
-        if (!northRad) {
-            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 };
-};
+import ModelChassisCompassPlugin from './Plugin';
+export { ModelChassisCompassPlugin };
 export default ModelChassisCompassPlugin;

package/libs/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;