@aibee/owlly 1.0.25

package/lib/src/owlly/overlay/path-overlay2.d.ts

@@ -0,0 +1,35 @@
+import { NS_THREE } from '../stage/externals';
+import { Overlay } from './overlay';
+import { View } from '../view/view';
+import { MeshLine2D } from '../element';
+/**
+ * POI覆盖层, 画线用
+ * @example
+ * ```typescript
+ * const PathOverlay2 = new PathOverlay2();
+ * // 任意View
+ * view.addOverlay(PathOverlay2);
+ * ```
+ */
+declare class PathOverlay2 extends Overlay {
+    private parent;
+    private renderThisFrame;
+    private pathMap;
+    private enabled;
+    static instanceId: number;
+    camera: NS_THREE.Camera;
+    scene: NS_THREE.Scene;
+    renderer: NS_THREE.Renderer;
+    constructor();
+    init(parent: View): void;
+    update(): boolean;
+    private handleElementUpdate;
+    render(): void;
+    resize(containerWidth: number, containerHeight: number): void;
+    setEnabled(value: boolean): void;
+    createPath(points: [number, number, number][], options: any, ifClear?: boolean): Set<MeshLine2D>;
+    removePath(path: MeshLine2D): void;
+    clearPaths(): void;
+    dispose(): void;
+}
+export { PathOverlay2 };

package/lib/src/owlly/overlay/path-overlay2.js

@@ -0,0 +1,119 @@
+/* eslint-disable */
+import { Externals } from '../stage/externals';
+import { Overlay } from './overlay';
+import { MeshLine2D } from '../element';
+/**
+ * POI覆盖层, 画线用
+ * @example
+ * ```typescript
+ * const PathOverlay2 = new PathOverlay2();
+ * // 任意View
+ * view.addOverlay(PathOverlay2);
+ * ```
+ */
+class PathOverlay2 extends Overlay {
+    constructor() {
+        super();
+        this.pathMap = new Map();
+        this.renderThisFrame = true;
+        PathOverlay2.instanceId = 0;
+    }
+    init(parent) {
+        const { THREE } = Externals.getInstance();
+        this.parent = parent;
+        this.scene = new THREE.Scene();
+        this.camera = this.parent.camera;
+        this.renderer = this.parent.renderer;
+        this.pathMap = new Map();
+        this.enabled = true;
+        this.renderThisFrame = true;
+    }
+    update() {
+        let paths = [];
+        Array.from(this.pathMap).forEach(([name, pathGroup]) => {
+            paths = [...paths, ...Array.from(pathGroup)];
+        });
+        const pathNeedUpdate = paths.reduce((tf, e) => (this.handleElementUpdate(e.update()) || tf), false);
+        if (this.renderThisFrame || pathNeedUpdate) {
+            this.renderThisFrame = false;
+            return true;
+        }
+        return false;
+    }
+    handleElementUpdate(context) {
+        return context.needUpdate;
+    }
+    render() {
+        if (!this.enabled)
+            return;
+        this.resize(this.parent.getViewWidth(), this.parent.getViewHeight());
+        this.renderer.clearDepth();
+        this.renderer.render(this.scene, this.camera);
+    }
+    resize(containerWidth, containerHeight) {
+        this.pathMap.forEach((pathGroup) => {
+            for (let path of pathGroup) {
+                path.resize(containerWidth, containerHeight);
+            }
+        });
+    }
+    setEnabled(value) {
+        this.enabled = value;
+    }
+    createPath(points, options, ifClear = false) {
+        if (ifClear) {
+            this.clearPaths();
+        }
+        if (!this.scene)
+            throw Error('pathOverlay need bind a view, use view.addOverlay()');
+        const pathGroup = new Set();
+        this.renderThisFrame = true;
+        PathOverlay2.instanceId++;
+        if (options.strokeWidth && options.strokeColor) {
+            const borPath = new MeshLine2D(points, Object.assign(Object.assign({}, options), { strokeWidth: 0, width: (options.width + options.strokeWidth * 2), color: options.strokeColor, renderPixelLine: true }));
+            const borName = `border_${PathOverlay2.instanceId}`;
+            borPath.name = borName;
+            pathGroup.add(borPath);
+            this.scene.add(borPath);
+        }
+        const path = new MeshLine2D(points, Object.assign(Object.assign({}, options), { strokeWidth: 0, renderPixelLine: true }));
+        const pathId = PathOverlay2.instanceId;
+        const name = pathId + '';
+        path.name = name;
+        pathGroup.add(path);
+        this.scene.add(path);
+        // // console.log('path.testLines.', path.testLines)
+        // path.testLines.forEach((v: any) => {
+        //   this.scene.add(v);
+        // })
+        this.pathMap.set(name, pathGroup);
+        return pathGroup;
+    }
+    removePath(path) {
+        const name = path.name;
+        const curPathGroup = this.pathMap.get(name);
+        if (curPathGroup) {
+            for (let path of curPathGroup) {
+                this.scene.remove(path);
+                path.dispose();
+            }
+            this.pathMap.delete(name);
+            this.renderThisFrame = true;
+        }
+    }
+    clearPaths() {
+        this.pathMap.forEach((pathGroup) => {
+            for (let path of pathGroup) {
+                this.scene.remove(path);
+                path.dispose();
+            }
+        });
+        this.pathMap.clear();
+        this.renderThisFrame = true;
+    }
+    dispose() {
+        this.clearPaths();
+    }
+}
+export { PathOverlay2 };
+//# sourceMappingURL=path-overlay2.js.map

package/lib/src/owlly/overlay/path-overlay2.js.map

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

package/lib/src/owlly/overlay/poi-overlay-3d.d.ts

@@ -0,0 +1,278 @@
+import { Euler } from 'three';
+import { NS_THREE } from '../stage/externals';
+import { Overlay } from './overlay';
+import { View } from '../view/view';
+/**
+ * POI元素, 包含一个图标与一段文字
+ * @example
+ * ```typescript
+ * const poiOverlay = new PoiOverlay();
+ * const poi = poiOverlay.createPoi(new Vector3(0, 0, 0));
+ * ```
+ */
+interface Rect {
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+}
+/**
+ * POI覆盖层, 可以展示POI图标与文字, 存在图标时以图标中心为中心, 否则为文字中心
+ * @example
+ * ```typescript
+ * const poiOverlay = new PoiOverlay();
+ * // 任意View
+ * view.addOverlay(poiOverlay);
+ * ```
+ */
+declare class Poi3DOverlay extends Overlay {
+    static canvas: HTMLCanvasElement;
+    static ctx: CanvasRenderingContext2D;
+    private parent;
+    private rectMap;
+    private pois;
+    private mouseState;
+    private mousePositionBuffer;
+    private eventTarget;
+    private enabled;
+    private renderThisFrame;
+    private visible;
+    camera: NS_THREE.Camera;
+    scene: NS_THREE.Scene;
+    renderCamera: NS_THREE.OrthographicCamera;
+    renderer: NS_THREE.WebGL1Renderer;
+    orderPois: Function;
+    prevPosition: NS_THREE.Vector3 | null;
+    prevQuaternion: NS_THREE.Quaternion | null;
+    prevZoom: any;
+    private needRender;
+    private listeners;
+    constructor(canvas?: HTMLCanvasElement);
+    init(parent: View): void;
+    update(): boolean;
+    forceRenderInThisFrame(): void;
+    render(): void;
+    orderPoisByLevel(): void;
+    recalculateVisibilities(pois: Poi3D[]): void;
+    checkUpdate(): void;
+    dispose(): void;
+    private onPointerDown;
+    private onPointerUp;
+    private onTouchStart;
+    private onTouchEnd;
+    private onNodePointerDown;
+    /**
+     * 新建POI
+     * @param position POI在3D空间中的位置
+     */
+    createPoi(position: NS_THREE.Vector3): Poi3D;
+    setRectMap(rect: Rect, ele: Poi3D): void;
+    /**
+     * 删除POI
+     * @param poi 待删除的POI
+     */
+    removePoi(poi: Poi3D): void;
+    clearPoi(): void;
+    /**
+     * 设置覆盖层可见性 兼容旧poi
+     * @param visible 覆盖层是否可见
+     */
+    setVisibility(visible: boolean): void;
+    setEnabled(value: boolean): void;
+    resize(viewWidth: number, viewHeight: number): void;
+    private updateCameraAspect;
+}
+declare class Poi3D {
+    static ImageMaterialMap: Map<any, any>;
+    private position;
+    private screenPosition;
+    private visible;
+    private hide;
+    private parent;
+    private subHide;
+    private textVisibility;
+    private iconVisibility;
+    private animationEnabled;
+    isInFrustum: boolean;
+    private textPosInfo;
+    private iconPosInfo;
+    private autoRotation;
+    private rotation;
+    collision: boolean;
+    private boundingBox;
+    private overlapArea;
+    collisionMode: string;
+    private withBoundingBox;
+    private subAreaOpacity;
+    private abandonedAreaOpacity;
+    private visiblePartWhenCollision;
+    private boundingRect;
+    private outerRect;
+    private iconCircleOptions;
+    private iconInCircle;
+    private iconRect;
+    private textRect;
+    private visibilityAnimation;
+    private textWidth;
+    private textHeight;
+    private iconSize;
+    private textMaterial;
+    private iconMaterial;
+    private iconCircleMaterial;
+    private rectMaterial;
+    private text;
+    private icon;
+    group: NS_THREE.Group | null;
+    poiId: number;
+    private iconOptions;
+    private labelOptions;
+    private rectOptions;
+    private withRect;
+    private rect;
+    private level;
+    private dpr;
+    private isFlipY;
+    private _renderThisFrame;
+    private labelOpacity;
+    private iconOpacity;
+    private set renderThisFrame(value);
+    private get renderThisFrame();
+    constructor(position?: NS_THREE.Vector3);
+    dispose(): void;
+    setParent(parent: Poi3DOverlay): void;
+    setPosition(position: NS_THREE.Vector3, tolerance?: number): void;
+    setOpacity(labelOpacity?: number, iconOpacity?: number): void;
+    /**
+     * 设置旋转角度
+     * @param rotation 旋转角度
+     */
+    setRotation(rotation: number, tolerance?: number): void;
+    /**
+     * 设置是否碰撞
+     * @param collision 是否碰撞
+     */
+    setCollision(collision: boolean): void;
+    /**
+     * 设置碰撞模式
+     * @param mode 碰撞模式 label || icon || outer(默认)
+     */
+    setCollisionMode(mode: string): void;
+    setLabelVisibility(visible: boolean): void;
+    setIconVisiblity(visible: boolean): void;
+    setHideModeWhenCollision(mode: string): void;
+    setVisiblePartWhenCollision(part: string): void;
+    setCollisionOverlap(x: number, y: number): void;
+    /**
+       * 设置POI层级
+       * @param level 层级
+       */
+    setLevel(level: number, forceOrder?: boolean): void;
+    /**
+       * 获取POI层级
+       */
+    getLevel(): number;
+    /**
+       * 设置POI可见性
+       * @param visible 可见性
+       */
+    setVisibility(visible: boolean): void;
+    /**
+       * 设置POI是否暂时隐藏
+       * @param hide true 全部隐藏 false: 根据 hideModeWhenCollision 做显隐判断
+       */
+    setHidden(hide: boolean, subHide?: boolean): void;
+    /**
+       * 设置Rect是否可见
+       * @param withRect 可见性
+       */
+    setRect(withRect: boolean): void;
+    /**
+       * 设置Rect默认宽高 未废弃, 不发挥作用
+       * @param withRect 可见性
+       */
+    private setRectDefSize;
+    /**
+       * 设置Rect背景色 未废弃, 不发挥作用
+       * @param color
+       */
+    setRectFill(color: number | string): void;
+    /**
+       * 设置Rect偏移 未废弃, 不发挥作用
+       * @param x
+       * @param y
+       */
+    setRectOffset(x?: number, y?: number): void;
+    setIconImage(src: string): void;
+    setIconSize(width: number, height: number): void;
+    /**
+     * 设置POI中icon的显示
+     */
+    setIconShowInCircle(lineWidth: number, lineColor: string): void;
+    drawIcon(): void;
+    private clearIcon;
+    /**
+       * 设置图标相对(0,0)的位置
+       * @param  direction: x / y  value: + / - 表示方向
+       * x = 2 的时候, 表示label 中心 和 icon 中心 同一条y轴, label 右边框 距离 icon 左边框2个单位
+       */
+    setIconAnchor(anchor: 'center' | 'left' | 'right' | 'top' | 'bottom' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright'): void;
+    /**
+     * 设置图标反转
+     */
+    setIconFlipY(flipY: boolean): void;
+    setIconOffset(x: number, y: number): void;
+    /**
+       * 设置文字字体大小
+       * @param fontSize 字号, 单位为px
+       */
+    setFontSize(fontSize: number): void;
+    setFontPadding(fPadding: number): void;
+    setLabelText(text: string): void;
+    drawText(): void;
+    recalcOffset(width: number, height: number, anchor: string, anchorOffsetX: number, anchorOffsetY: number): {
+        offsetX: number;
+        offsetY: number;
+    };
+    /**
+       * 设置POI文字相对(0,0)的位置。在有icon 和 无icon时锚点不同
+       * @param  direction: x / y  value: + / - 表示方向
+       * x = 2 的时候, 表示label 中心 和 icon 中心 同一条y轴, label 右边框 距离 icon 左边框2个单位
+       */
+    setLabelAnchor(anchor: 'center' | 'left' | 'right' | 'top' | 'bottom' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright'): void;
+    setLabelOffset(x: number, y: number): void;
+    getLabelAnchor(): 'center' | 'left' | 'right' | 'top' | 'bottom' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
+    getLabelOffset(): {
+        x: number;
+        y: number;
+    };
+    calcBoundingSize(): void;
+    private drawRect;
+    private drawBoundingBox;
+    setBoundingBox(): void;
+    /** @ignore */
+    getBoundingRect(): {
+        xMin: number;
+        yMin: number;
+        xMax: number;
+        yMax: number;
+    };
+    /** @ignore */
+    getOuterRect(): {
+        xMin: number;
+        yMin: number;
+        xMax: number;
+        yMax: number;
+    };
+    setAnimationEnabled(value: boolean): void;
+    private calcPoiRotation;
+    getVisibility(): boolean;
+    calcPosAndSize(frustum: NS_THREE.Frustum, widthHalf: number, heightHalf: number): {
+        isInFrustum: boolean;
+    };
+    draw(): void;
+    updatePosition(// 根据已计算出的position, offset, visible 等更新渲染位置, 显隐
+    euler: Euler, zoom: number): void;
+    update(): boolean;
+    setPoiId(poiId: number): void;
+}
+export { Poi3DOverlay, Poi3D };