@aibee/owlly 1.0.25

package/lib/src/owlly/element/svg-floor-model.js

@@ -0,0 +1,185 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { parse } from 'svgson';
+import { Externals } from '../stage/externals';
+import { Element, ElementFrameContext } from './element';
+import { SvgUtils } from '../utils/svgutils';
+import { BasicTools } from '../utils/basic-tools';
+/**
+ * SVG楼层模型, 不应再被维护
+ * @noInheritDoc
+ * @deprecated
+ */
+class SvgFloorModel extends Element {
+    constructor(url, mapping, opacity = 1) {
+        super();
+        this.initialized = false;
+        this.loaded = false;
+        this.opacity = opacity;
+        this.mapping = mapping;
+        this.groundMeshes = [];
+        if (url)
+            this.load(url);
+    }
+    static getShapeDefs(canvasObject) {
+        const result = [];
+        const { THREE } = Externals.getInstance();
+        if (canvasObject.commands && canvasObject.commands.length) {
+            const shape = new THREE.Shape();
+            const holes = [];
+            let hole = null;
+            let shapeCount = 0;
+            canvasObject.commands.forEach(({ command, args }) => {
+                if (hole && shapeCount > 1) {
+                    if (command === 'M') {
+                        if (hole)
+                            holes.push(hole);
+                        hole = new THREE.Path();
+                        hole.moveTo(args[0], args[1]);
+                    }
+                    if (command === 'C')
+                        hole.bezierCurveTo(args[0], args[1], args[2], args[3], args[4], args[5]);
+                    if (command === 'L')
+                        hole.lineTo(args[0], args[1]);
+                }
+                else {
+                    if (command === 'M') {
+                        shapeCount += 1;
+                        if (shapeCount === 2) {
+                            hole = new THREE.Path();
+                            hole.moveTo(args[0], args[1]);
+                        }
+                        else {
+                            shape.moveTo(args[0], args[1]);
+                        }
+                    }
+                    if (command === 'C')
+                        shape.bezierCurveTo(args[0], args[1], args[2], args[3], args[4], args[5]);
+                    if (command === 'L')
+                        shape.lineTo(args[0], args[1]);
+                }
+            });
+            if (hole)
+                holes.push(hole);
+            shape.holes = holes;
+            const shapeDef = { shape };
+            if (canvasObject.fill) {
+                Object.assign(shapeDef, { color: parseInt(canvasObject.fill.substr(1), 16) });
+            }
+            if (canvasObject.tag) {
+                Object.assign(shapeDef, { tag: canvasObject.tag });
+            }
+            result.push(shapeDef);
+        }
+        if (canvasObject.children && canvasObject.children.length) {
+            canvasObject.children.forEach((child) => {
+                result.push(...SvgFloorModel.getShapeDefs(child));
+            });
+        }
+        return result;
+    }
+    load(url) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.initialized = false;
+            this.loaded = false;
+            const { THREE } = Externals.getInstance();
+            // Avoid using axios. Use FileLoader instead.
+            const svg = yield new Promise((resolve) => {
+                const fileLoader = new THREE.FileLoader();
+                fileLoader.load(url, (data) => {
+                    resolve(data);
+                });
+            });
+            const svgObject = yield parse(svg);
+            const canvasObject = SvgUtils.svg2canvas(svgObject, this.mapping);
+            if (canvasObject !== null) {
+                const shapeDefs = SvgFloorModel.getShapeDefs(canvasObject);
+                const group = new THREE.Group();
+                shapeDefs.forEach(({ shape, color, tag }) => {
+                    const options = {
+                        steps: 1,
+                        depth: 1,
+                        bevelEnabled: false,
+                        bevelThickness: 0.1,
+                        bevelSize: 0.2,
+                        bevelOffset: 0,
+                        bevelSegments: 2,
+                    };
+                    switch (tag) {
+                        case 'ground':
+                            Object.assign(options, { bevelSize: 0.1, depth: 0.8 });
+                            break;
+                        case 'store':
+                            Object.assign(options, { depth: 2, bevelThickness: 0.3, bevelSize: 0.3 });
+                            break;
+                        default:
+                            break;
+                    }
+                    const geometry = new THREE.ExtrudeBufferGeometry(shape, options);
+                    const material = new THREE.MeshLambertMaterial({
+                        color,
+                        transparent: true,
+                        opacity: this.opacity,
+                    });
+                    const mesh = new THREE.Mesh(geometry, material);
+                    switch (tag) {
+                        case 'ground':
+                            mesh.receiveShadow = true;
+                            mesh.position.set(0, 0, -0.2);
+                            this.groundMeshes.push(mesh);
+                            break;
+                        case 'impassable':
+                        case 'store':
+                            mesh.castShadow = true;
+                            break;
+                        default:
+                            break;
+                    }
+                    group.add(mesh);
+                });
+                this.add(group);
+                this.loaded = true;
+            }
+        });
+    }
+    setOpacity(value) {
+        const { THREE } = Externals.getInstance();
+        this.traverse((o) => {
+            const m = o;
+            if (m.isMesh && m.material instanceof THREE.Material) {
+                m.material.opacity = value;
+            }
+        });
+    }
+    setShadowEnabled(value) {
+        this.groundMeshes.forEach((m) => {
+            // eslint-disable-next-line
+            m.receiveShadow = value;
+        });
+    }
+    update() {
+        const frameContext = new ElementFrameContext(this);
+        if (!this.initialized && this.loaded) {
+            this.initialized = true;
+            frameContext.needUpdate = true;
+        }
+        if (this.initialized && !this.parent) {
+            frameContext.shouldPlaceElement = true;
+        }
+        return frameContext;
+    }
+    dispose() {
+        super.dispose();
+        this.groundMeshes = [];
+        BasicTools.dispose(this, true);
+    }
+}
+export { SvgFloorModel };
+//# sourceMappingURL=svg-floor-model.js.map

package/lib/src/owlly/element/svg-floor-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-floor-model.js","sourceRoot":"","sources":["../../../../src/owlly/element/svg-floor-model.ts"],"names":[],"mappings":"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"}

package/lib/src/owlly/element/svg-floors.d.ts

@@ -0,0 +1,27 @@
+import { Element, ElementFrameContext } from './element';
+import { ModelSvgMapping } from '../view/svg-map-view';
+import { SvgFloorModel } from './svg-floor-model';
+interface SvgModelInfo {
+    url: string;
+    mapping: ModelSvgMapping;
+}
+/**
+ * SVG楼层模型组, 不应再被维护
+ * @noInheritDoc
+ * @deprecated
+ */
+declare class SvgFloors extends Element {
+    private initialized;
+    private loadCounter;
+    private floorInfos;
+    private floors;
+    private visibleFloorIndex;
+    private renderThisFrame;
+    constructor(floors: SvgModelInfo[], visibleFloorIndex?: number);
+    update(): ElementFrameContext;
+    setFloorVisible(index: number): void;
+    switchToFloor(index: number): Promise<unknown>;
+    getCurrentVisibleFloorModel(): SvgFloorModel;
+    dispose(): void;
+}
+export { SvgFloors, SvgModelInfo };

package/lib/src/owlly/element/svg-floors.js

@@ -0,0 +1,110 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import TWEEN from '@tweenjs/tween.js';
+import { Element, ElementFrameContext } from './element';
+import { SvgFloorModel } from './svg-floor-model';
+/**
+ * SVG楼层模型组, 不应再被维护
+ * @noInheritDoc
+ * @deprecated
+ */
+class SvgFloors extends Element {
+    constructor(floors, visibleFloorIndex = 0) {
+        super();
+        this.initialized = false;
+        this.loadCounter = 0;
+        this.floorInfos = floors;
+        this.visibleFloorIndex = visibleFloorIndex;
+        this.renderThisFrame = false;
+        this.floors = [];
+        this.floorInfos.forEach(({ url, mapping }) => {
+            this.floors.push(new SvgFloorModel(url, mapping));
+        });
+        this.add(...this.floors);
+        this.setFloorVisible(visibleFloorIndex);
+    }
+    update() {
+        this.floors.forEach((f) => {
+            const ctx = f.update();
+            if (ctx.shouldPlaceElement)
+                this.loadCounter += 1;
+        });
+        const frameContext = new ElementFrameContext(this);
+        if (!this.initialized && this.loadCounter === this.floors.length) {
+            this.initialized = true;
+            frameContext.needUpdate = true;
+        }
+        if (this.renderThisFrame)
+            frameContext.needUpdate = true;
+        this.renderThisFrame = false;
+        if (this.initialized && !this.parent) {
+            frameContext.shouldPlaceElement = true;
+        }
+        return frameContext;
+    }
+    setFloorVisible(index) {
+        this.floors.forEach((f, i) => { f.visible = i === index; });
+    }
+    switchToFloor(index) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (index < 0 || index >= this.floors.length)
+                throw Error('Index out of range');
+            this.renderThisFrame = true;
+            if (index === this.visibleFloorIndex)
+                return;
+            const modelFrom = this.floors[this.visibleFloorIndex];
+            const modelTo = this.floors[index];
+            const reverse = this.visibleFloorIndex < index;
+            modelTo.position.setZ(reverse ? 0 : -20);
+            modelTo.setOpacity(0);
+            modelTo.visible = true;
+            modelFrom.setShadowEnabled(false);
+            yield new Promise((resolve) => {
+                new TWEEN.Tween({ z: 0, alpha: 1 })
+                    .to({ z: 20, alpha: 0 }, 500)
+                    .easing(TWEEN.Easing.Quadratic.InOut)
+                    .onUpdate(({ z, alpha }) => {
+                    if (reverse) {
+                        modelFrom.position.setZ(-z);
+                        modelTo.position.setZ(20 - z);
+                    }
+                    else {
+                        modelFrom.position.setZ(z);
+                        modelTo.position.setZ(z - 20);
+                    }
+                    modelFrom.setOpacity(alpha);
+                    modelTo.setOpacity(1 - alpha);
+                    this.renderThisFrame = true;
+                })
+                    .onComplete(() => {
+                    modelFrom.visible = false;
+                    this.renderThisFrame = true;
+                    this.visibleFloorIndex = index;
+                    modelTo.setShadowEnabled(true);
+                    resolve(null);
+                })
+                    .start();
+            });
+        });
+    }
+    getCurrentVisibleFloorModel() {
+        return this.floors[this.visibleFloorIndex];
+    }
+    dispose() {
+        super.dispose();
+        while (this.floors.length) {
+            const f = this.floors.pop();
+            f.dispose();
+        }
+        this.floorInfos = [];
+    }
+}
+export { SvgFloors };
+//# sourceMappingURL=svg-floors.js.map

package/lib/src/owlly/element/svg-floors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-floors.js","sourceRoot":"","sources":["../../../../src/owlly/element/svg-floors.ts"],"names":[],"mappings":"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"}

package/lib/src/owlly/element/tile-panorama-group.d.ts

@@ -0,0 +1,335 @@
+import { NS_THREE } from '../stage/externals';
+import { Element, ElementFrameContext } from './element';
+import { View } from '../view/view';
+import { GroundParameters } from './floor-model';
+import { TilePanorama } from './tile-panorama';
+/** 全景点位显示模式
+ * 点位的显示/隐藏状态通过[setIndicatorVisibility]方法设置，
+ * 但是最终是否显示、以何外观显示，则是结合PanoramaGroup在当前View的显示模式来决定
+ * @param AlwaysHide 不论显示/隐藏的设置如何，都不显示
+ * @param AlwaysShow 不论显示/隐藏的设置如何，都不显示。该模式主要用于俯视全局视图用
+ * @param Editing 编辑模式，隐藏/显示状态的点位用不同的外观显示
+ * @param Show 按显示/隐葳的状态设置决定是否显示
+*/
+declare enum IndicatorDisplayMode {
+    AlwaysHide = 0,
+    AlwaysShow = 1,
+    Editing = 2,
+    Show = 3
+}
+/**
+ * 全景图组显示状态配置
+ */
+interface TilePanoramaGroupViewConfiguration {
+    targetView: View;
+    hidden?: boolean;
+    /** 可视范围半径，会根据此数值来决定预加载哪些全景图以及显示哪些点位 */
+    visibleRadius?: number;
+    /** 全景点位显示模式 */
+    indicatorDisplayMode?: IndicatorDisplayMode;
+    /** 是否显示模型包围盒，用于全景漫游时 */
+    showBoundBox?: boolean;
+}
+interface TilePanoramaData {
+    pid: number;
+    seqID: number;
+    textureURLs: string[];
+    neighbourPanoramaIDs: number[];
+    highTextureURLs?: string[];
+    useLowTextureURLsOnly?: boolean;
+    tiledTextureURLRoot?: string;
+    position?: NS_THREE.Vector3;
+    quaternion?: NS_THREE.Quaternion;
+    legacyMode?: boolean;
+    visible?: boolean;
+    offLineTextureUrls?: string[];
+    offLineTextureLevel?: number;
+}
+/**
+ * 全景图组
+ * @noInheritDoc
+ */
+declare class TilePanoramaGroup extends Element {
+    private initialized;
+    private needUpdate;
+    /** 当前全景点 */
+    currentPanorama: TilePanorama | undefined;
+    /** 模型元素 */
+    modelElement: NS_THREE.Object3D | null;
+    private groundParams?;
+    private boundBox;
+    /** 当前全景点id */
+    currentPanoramaID: number;
+    private panoramaDatas;
+    private panoramaMap;
+    private indicatorMeshPrototype;
+    private indicatorMaterials;
+    private indicatorShaderUniforms;
+    private invisibleIndicatorShaderUniforms;
+    private indicatorMap;
+    private inSightIndicators;
+    private indicatorVisibilityMap;
+    private indicatorHiddenMap;
+    private indicatorPositionMap;
+    private indicatorImageURL;
+    private indicatorWidth;
+    private indicatorHeight;
+    private panoramaCreatingTasks;
+    private group;
+    private viewConfigurations;
+    private showInvisible;
+    private eventListeners;
+    private maxWorldDistance;
+    /** 默认有效半径 */
+    static DefaultVisibleRadius: number;
+    /** 标签显示半径 */
+    static IndicatorRadius: number;
+    /** 标签高度偏移 */
+    static IndicatorOffsetZ: number;
+    /** 全局缩放 */
+    private globalScale;
+    /**
+     * @param modelElement 模型对象，通常应该是FloorModel
+     * @param groundParams 地面参数对象，若有则在计算地面高度时忽略modelElement，优先使用它
+     * @param indicatorImageURL 显示状态全景点地面标识的图片URL
+     * @param invisibleIndicatorImageURL 编辑模式下隐藏状态全景点地面标识的图片URL
+     * @param indicatorWidth 全景点地面标识宽度
+     * @param indicatorHeight 全景点地面标识高度
+     * @example
+     * ``` typescript
+     * panoMgr = new TilePanoramaGroup(panoramaDataList, 2, {
+     *  floorModel,
+     *  groundParams,
+     * });
+     * stage.bindElement(panoMgr);
+     */
+    constructor(panoramaDataList: TilePanoramaData[], options: {
+        modelElement?: NS_THREE.Object3D;
+        groundParams?: GroundParameters;
+        indicatorImageURL?: string;
+        invisibleIndicatorImageURL?: string;
+        indicatorWidth?: number;
+        indicatorHeight?: number;
+        indicatorPositionMap?: Map<number, NS_THREE.Vector3>;
+        globalScale?: number;
+        showInvisible?: boolean;
+    });
+    /**
+     * @ignore
+     * @param panoramaDataList
+     */
+    private initPanoramas;
+    private initIndicatorPosition;
+    /**
+     * 更新最大等级
+     * @param levelMax 最大等级
+     */
+    updateLevelMax(levelMax: number): void;
+    /**
+     * 销毁
+     * @param exceptForCubeTextureOfPID
+     */
+    dispose(exceptForCubeTextureOfPID?: number): void;
+    /**
+     * 初始化indicator
+     * @param indicatorImageURL
+     * @param invisibleIndicatorImageURL
+     */
+    private initIndicator;
+    /**
+     * 更新标签
+     */
+    private updateIndicators;
+    /**
+     * @ignore
+     */
+    update(): ElementFrameContext;
+    /**
+     * 绑定模型Element对象（用于创建天空包围盒供全景切换时使用）
+     * @param modelElement 模型Element对象
+     */
+    bindModelElement(modelElement?: NS_THREE.Object3D): void;
+    /**
+     * 获取盒子
+     * @param rootObj
+     * @param globalScale
+     * @returns
+     */
+    static getBoundBox(rootObj: NS_THREE.Object3D | null): NS_THREE.Mesh | null;
+    /**
+     * 获取模型盒子
+     * @returns
+     */
+    private getModelBoundBox;
+    /**
+     * 设置包围盒出现
+     * @param material
+     * @returns
+     */
+    setBoundBoxAppearance(material: NS_THREE.Material): void;
+    private setBoundBoxVisible;
+    /**
+     * 加载指定全景图并加入场景（显示要通过PanoramaController）
+     * @param panorama 要加载的全景图
+     */
+    private presentPanorama;
+    /**
+     * 根据全景对象初始化纹理
+     * @param panorama
+     */
+    private initTexturesByPanorama;
+    /**
+     * 加载指定PID的全景图并加入场景（显示要通过PanoramaController）
+     * @param pid 要加载的全景图ID
+     */
+    private presentPanoramaOfPID;
+    private visibleRadiusOfView;
+    /**
+     * @ignore
+     * @param centerPID
+     * @param view
+     * @returns
+     */
+    panoramaIDsAround(centerPID: number, view?: View): number[] | null;
+    /**
+     * 设置当前位于的全景点位。将加载指定全景点并预加载其相邻全景点
+     * @param {number} currentPID 全景点位ID
+     * @returns 1为初始化成功， 0为初始化失败
+     */
+    presentPanoramaAround(currentPID: number, view?: View): Promise<number>;
+    /** @ignore */
+    private getPIDPositionMap;
+    /**
+     * 根据pid获取标签的位置
+     * @param pid
+     * @returns
+     */
+    getIndicatorPosition(pid: number): NS_THREE.Vector3 | undefined;
+    /**
+     * 显示指定全景点位标签
+     * @param pidPositionMap 从PID映射到全景点位位置的Map
+     */
+    presentPanoramaIndicators(pidPositionMap: Map<number, NS_THREE.Vector3>): void;
+    /**
+      * 更新标签位置
+      */
+    private updateIndicatorsPositions;
+    /**
+     * 显示指定全景点及其相邻全景点上的标签
+     * @param pid “中心”全景点ID，一般指摄像机当前所在的全景点PID
+     */
+    presentPanoramaIndicatorsAround(pid: number, view?: View): Promise<void>;
+    /**
+     * 获取pid的标签是否可见
+     * @param pid
+     * @returns
+     */
+    getIndicatorVisibility(pid: number): boolean;
+    /**
+     * 设置指定全景点位的显示/隐藏状态
+     * @param visibility 显示/隐藏状态
+     * @param pid 可选，可以是全景图点位PID数组，也可以是单个PID,
+     * 若不设置则应用到本PanoramaGroup的所有全景点位上
+     */
+    setIndicatorVisibility(visibility: boolean, pid?: number | number[]): void;
+    /**
+     * 设置标签隐藏
+     * @param hidden 隐藏
+     * @param pid 指定pid
+     */
+    setIndicatorHidden(hidden: boolean, pid?: number | number[]): void;
+    /**
+     * 与全景点标志作相交测试
+     * 若有任一个全景点标志与射线相交则返回最近一个的相应PID
+     * 若没有则返回-1
+     * @param rayOrigin 射线起点
+     * @param rayDirection 射线方向
+     */
+    intersectIndicators(rayOrigin: NS_THREE.Vector3, rayDirection: NS_THREE.Vector3): number;
+    /**
+     * @ignore
+     * @param screenPosition
+     * @param radius
+     * @param param2
+     * @param camera
+     * @returns
+     */
+    intersectIndicatorsOnScreen(screenPosition: NS_THREE.Vector2, radius: number, { screenWidth, screenHeight }: {
+        screenWidth: number;
+        screenHeight: number;
+    }, camera: NS_THREE.Camera): number;
+    /**
+     * 添加全景点
+     * @param {Panorama} pano 全景图对象
+     */
+    putPanorama(pano: TilePanorama): void;
+    /**
+       * 指定预构建全景对象的顺序策略
+       * @param preInitStrategy 多义参数，表示具体的创建顺序
+       * 当为'all'时，直接按构造函数中panoramaDataList的顺序创建全部全景对象
+       * 当为一个整数值时，表示一个全景PID，将按全景点邻接关系以广度优先搜索的顺序创建全景对象
+       * 当为一个整数数组时，以数组指定的PID顺序依次创建
+       */
+    initializePanoramasIfNecessary(preInitStrategy: 'all' | number | number[]): Promise<(TilePanorama | undefined)[]>;
+    /**
+     * 获得指定ID的全景点对象
+     * @param pid 全景点ID
+     */
+    getPanoramaByPID(pid: number): TilePanorama | undefined;
+    /**
+     * 立刻获得指定ID的全景点对象
+     * @param pid 全景点ID
+     */
+    getPanoramaByPIDInstant(pid: number): TilePanorama | null;
+    /**
+     * @ignore
+     * @param rayDirection
+     */
+    getNeghbourPanoClosestToRay(rayDirection: NS_THREE.Vector3): number;
+    /**
+     * @ignore
+     */
+    updateIndicatorGeometry(): void;
+    /**
+     * 改变地面全景点标识的尺寸
+     * @param width 宽度
+     * @param height 高度
+     */
+    setIndicatorSize(width: number, height: number): void;
+    /**
+     * 设置标签的图片
+     * @param url
+     */
+    setIndicatorImageURL(url: string): void;
+    /**
+     * 查询当前设置的地面全景点标识尺寸
+     * @returns number数组，依次是width, height
+     */
+    getIndicatorSize(): number[];
+    private setIndicatorMeshPrototype;
+    /**
+     * 设定全景点位标签的原型对象，每个全景点位的标签会以该原型对象为母本clone出来
+     * @param prototypeObject 点位标签原型Object3D对象
+     * @param mode 点位的展示模式
+     * @param visibility 点位的显隐状态设置
+     */
+    setIndicatorMaterial(material: NS_THREE.Material, mode: IndicatorDisplayMode, visibility: boolean): void;
+    /**
+     * 获取标签材质
+     * @param mode
+     * @param visibility
+     * @returns
+     */
+    getIndicatorMaterial(mode: IndicatorDisplayMode, visibility: boolean): NS_THREE.Material | undefined;
+    /**
+     * 配置全景图组在不同view中的显示状态
+     * @param configuration 全景图组配置，见[[PanoramaGroupViewConfiguration]]
+     */
+    addGroupViewConfiguration(configuration: TilePanoramaGroupViewConfiguration): void;
+    /**
+     * 设置最大时间距离
+     * @param distance
+     */
+    setMaxWorldDistance(distance: number): void;
+}
+export { TilePanoramaGroup, IndicatorDisplayMode, TilePanoramaGroupViewConfiguration, TilePanoramaData, };