@aibee/owlly 1.0.25

package/lib/src/owlly/element/map-kit/block.js

@@ -0,0 +1,339 @@
+import { Color, } from 'three';
+import { BufferGeometryUtils } from '../../../external/util/buffer-geometry-utils';
+import { Externals } from '../../stage/externals';
+import { Element, ElementFrameContext } from '../element';
+import { BasicTools } from '../../utils/basic-tools';
+import { MapUtils } from '../../utils/map-utils';
+import { Env, EnvironmentUtils } from '../../utils/environment-utils';
+import { ExtrudeGeometry2 } from '../../geometries/ExtrudeGeometry2';
+import { PathUtils } from '../../utils/path-utils';
+var StrokeType;
+(function (StrokeType) {
+    StrokeType[StrokeType["all"] = 0] = "all";
+    StrokeType[StrokeType["up"] = 1] = "up";
+    StrokeType[StrokeType["down"] = 2] = "down";
+})(StrokeType || (StrokeType = {}));
+/**
+ * 块状模型
+ * @noInheritDoc
+ */
+class Block extends Element {
+    /**
+     * 块状模型通用类
+     * @param shape 块状模型基础图形
+     * @example
+     * ```typescript
+     * // 以使用svg生成Shape对象为例, 首先将svg解析为Shape对象
+     * const shapes = await SvgUtils.parseSVG(
+     *   <svg url>,
+     *   [0.02, 0, 0, 0, 0, -0.02, 0, 0, 0, 0, 0, 0, -40, 40, 0, 1], // 对齐矩阵
+     * );
+     * // 用每个shape生成对应的block
+     * const blocks = shapes.map((s) => new Block(s));
+     * // 绑定block
+     * blocks.forEach((b) => { stage.bindElement(b); });
+     * ```
+     */
+    constructor(shape, lowPerformance = false, tag = '', renderStroke = true, borderOptions) {
+        super();
+        this.needUpdate = false;
+        this.initialized = false;
+        this.loaded = false;
+        this.lowPerformance = lowPerformance;
+        this.tag = tag;
+        this.renderStroke = renderStroke;
+        this.borderOptions = borderOptions;
+        if (shape)
+            this.load(shape, this.lowPerformance, this.renderStroke, borderOptions);
+    }
+    load(shape, lowPerformance = false, renderStroke = true, borderOptions) {
+        this.initialized = false;
+        this.loaded = false;
+        this.shape = shape;
+        this.lowPerformance = lowPerformance;
+        this.renderStroke = renderStroke;
+        const shapeData = shape.getData();
+        const threeShape = MapUtils.GenerateShapeFromSteps(shape.getSteps());
+        const { THREE } = Externals.getInstance();
+        const label = `${this.tag}-${shapeData.fill}-${shapeData.fillOpacity}`;
+        if (!Block.SharedResourceMap)
+            Block.SharedResourceMap = new Map();
+        /** 如果是低性能模式，直接用Mesh做渲染 */
+        if (this.lowPerformance && !Block.SharedResourceMap.has(label)) {
+            const material = new THREE.MeshStandardMaterial({
+                color: shapeData.fill,
+                transparent: true,
+                opacity: shapeData.fillOpacity,
+                depthWrite: false,
+            });
+            Block.SharedResourceMap.set(label, {
+                count: 0,
+                material,
+            });
+        }
+        let geometry;
+        if (this.lowPerformance) {
+            geometry = new THREE.ExtrudeBufferGeometry(threeShape, {
+                steps: 1,
+                bevelEnabled: false,
+                depth: shapeData.height,
+                curveSegments: 4,
+            });
+            const resource = Block.SharedResourceMap.get(label);
+            const count = resource.count + 1;
+            const material = resource.material;
+            let mesh;
+            if (resource.mesh) {
+                mesh = resource.mesh;
+                const newGeometry = BufferGeometryUtils.mergeBufferGeometries([mesh.geometry, geometry], true);
+                mesh.geometry = newGeometry;
+            }
+            else {
+                mesh = new THREE.Mesh(geometry, material);
+                this.add(mesh);
+                this.position.set(shapeData.x, shapeData.y, shapeData.zIndex);
+            }
+            Block.SharedResourceMap.set(label, { count, mesh, material });
+        }
+        else {
+            geometry = new THREE.ExtrudeBufferGeometry(threeShape, {
+                steps: 1,
+                bevelEnabled: false,
+                depth: shapeData.height,
+                curveSegments: 4,
+            });
+            const material = new THREE.MeshStandardMaterial({
+                color: shapeData.fill,
+                roughness: 1,
+                transparent: true,
+                opacity: shapeData.fillOpacity,
+                depthWrite: true,
+            });
+            let materials = material;
+            if (shapeData.sideColor !== undefined) {
+                const sideMaterial = new THREE.MeshStandardMaterial({
+                    color: shapeData.sideColor,
+                    transparent: true,
+                    opacity: shapeData.sideOpacity || 1,
+                });
+                materials = [material, sideMaterial];
+            }
+            const mesh = this.shapeMesh = new THREE.Mesh(geometry, materials);
+            this.add(mesh);
+            this.position.set(shapeData.x, shapeData.y, shapeData.zIndex);
+        }
+        this.loaded = true;
+        try {
+            if (EnvironmentUtils.GetEnv() === Env.Miniapp) {
+                return;
+            }
+        }
+        catch (e) {
+            // do nothing
+        }
+        if (renderStroke) {
+            if (!(Block.StrokeType === StrokeType.all)) {
+                geometry = new THREE.ShapeBufferGeometry(threeShape, 4);
+            }
+            const edgesGeometry = new THREE.EdgesGeometry(geometry);
+            edgesGeometry.translate(0, 0, shapeData.height + 0.001 || 0);
+            // const lineSegmentsGeometry = new LineSegmentsGeometry();
+            // lineSegmentsGeometry.fromEdgesGeometry(edgesGeometry);
+            const line = new THREE.LineSegments(edgesGeometry, new THREE.LineBasicMaterial({
+                color: new THREE.Color(shapeData.stroke).getHex(),
+                opacity: shapeData.strokeOpacity,
+                transparent: true,
+                depthWrite: false,
+            }));
+            // const lineMaterial = new LineMaterial({
+            //   color: new THREE.Color(shapeData.stroke).getHex(),
+            //   opacity: shapeData.strokeOpacity,
+            //   transparent: true,
+            //   linewidth: shapeData.strokeWidth || 1,
+            //   dashed: false,
+            //   depthWrite: false,
+            // });
+            // const line = new LineSegments2(
+            //   lineSegmentsGeometry,
+            //   lineMaterial,
+            // );
+            // if (Block.StrokeType === StrokeType.up) {
+            //   line.position.z = shapeData.height || 0;
+            // }
+            // line.computeLineDistances();
+            // line.scale.set(1, 1, 1);
+            //
+            // this.line = line;
+            // if (this.viewWidth && this.viewHeight) {
+            //   lineMaterial.resolution.set(this.viewWidth, this.viewHeight);
+            // }
+            this.add(line);
+        }
+        this.updateBorderOptions(borderOptions, threeShape);
+    }
+    updateShape(shape, lowPerformance = false, renderStroke = true, borderOptions) {
+        this.disposeChildren();
+        this.load(shape, lowPerformance, renderStroke, borderOptions);
+        this.needUpdate = true;
+    }
+    updateBorderOptions(borderOptions, threeShape) {
+        if (this.borderMesh) {
+            BasicTools.dispose(this.borderMesh, true);
+            this.remove(this.borderMesh);
+            this.borderMesh = undefined;
+        }
+        if (borderOptions) {
+            const { THREE } = Externals.getInstance();
+            // console.log(this.shape.shape.z);
+            const shapeData = this.shape.getData();
+            // eslint-disable-next-line no-param-reassign
+            threeShape = threeShape || MapUtils.GenerateShapeFromSteps(this.shape.getSteps());
+            const borderColor = borderOptions.color != null ? borderOptions.color : 0x000;
+            const surface = borderOptions.surface;
+            const splitPoints = borderOptions.splitPoints;
+            const widths = borderOptions.splitWidth;
+            const shapePath = threeShape.getPoints().map((v2) => (new THREE.Vector3(v2.x, v2.y, shapeData.zIndex)));
+            const paths = [];
+            let split = false;
+            let closed = borderOptions.closed;
+            if (splitPoints && widths) {
+                PathUtils.mergeSamePoint3(shapePath);
+                PathUtils.mergePathSameVectorPoint3(shapePath);
+                if (PathUtils.nearlyEqualsV3(shapePath[0], shapePath[shapePath.length - 1])) {
+                    closed = true;
+                    shapePath.splice(shapePath.length - 1, 1);
+                }
+                const ps = splitPoints.map(((v) => new THREE.Vector3(v.x, v.y, shapeData.zIndex)));
+                const shapePathsObj = PathUtils.splitPathByPoints(shapePath, closed, ps, widths);
+                split = shapePathsObj.split;
+                paths.push(...shapePathsObj.paths);
+            }
+            else {
+                paths.push(shapePath);
+            }
+            if (paths.length) {
+                const { opacity = 1 } = borderOptions;
+                const material2 = new THREE.MeshLambertMaterial({
+                    color: borderColor, wireframe: false, opacity, transparent: true,
+                });
+                paths.forEach((pPath) => {
+                    const extrudeSettings = {
+                        closed: closed && !split,
+                        extrudePath: pPath,
+                    };
+                    // const geometry2 = new THREE.ExtrudeBufferGeometry(surface, extrudeSettings);
+                    const geometry2 = new ExtrudeGeometry2(surface, extrudeSettings);
+                    const mesh2 = this.borderMesh = new THREE.Mesh(geometry2, material2);
+                    this.add(mesh2);
+                });
+            }
+        }
+        this.needUpdate = true;
+    }
+    resize(width, height) {
+        if (this.viewWidth === width && this.viewHeight === height)
+            return;
+        if (this.line) {
+            this.line.material.resolution.set(width, height);
+            this.viewWidth = width;
+            this.viewHeight = height;
+        }
+    }
+    updateColor(options) {
+        if (this.shapeMesh) {
+            const materials = this.shapeMesh.material;
+            const materialIsArray = Array.isArray(materials);
+            const meshMaterial = materialIsArray
+                ? materials[0]
+                : materials;
+            if (options.fill !== undefined) {
+                meshMaterial.color = new Color(options.fill);
+                meshMaterial.needsUpdate = true;
+            }
+            if (options.fillOpacity !== undefined) {
+                meshMaterial.opacity = options.fillOpacity;
+                meshMaterial.needsUpdate = true;
+            }
+            if (options.sideColor && materialIsArray) {
+                materials[1].color = new Color(options.sideColor);
+                materials[1].needsUpdate = true;
+            }
+            if (options.sideOpacity && materialIsArray) {
+                materials[1].opacity = options.sideOpacity;
+                materials[1].needsUpdate = true;
+            }
+        }
+        if (this.line) {
+            const material = this.line.material;
+            if (options.stroke !== undefined) {
+                material.color = new Color(options.stroke);
+                material.needsUpdate = true;
+            }
+            if (options.strokeOpacity !== undefined) {
+                material.opacity = options.strokeOpacity;
+                material.needsUpdate = true;
+            }
+            if (options.strokeWidth !== undefined) {
+                material.linewidth = options.strokeWidth;
+                material.needsUpdate = true;
+            }
+        }
+        if (this.borderMesh) {
+            const material = this.borderMesh.material;
+            if (options.borderColor !== undefined) {
+                material.color = new Color(options.borderColor);
+                material.needsUpdate = true;
+            }
+        }
+        this.needUpdate = true;
+    }
+    setVisible(visible) {
+        if (this.visible !== visible) {
+            this.visible = visible;
+            this.needUpdate = true;
+        }
+    }
+    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;
+        }
+        if (this.needUpdate) {
+            frameContext.needUpdate = true;
+            this.needUpdate = false;
+        }
+        return frameContext;
+    }
+    disposeChildren() {
+        if (this.lowPerformance) {
+            const shapeData = this.shape.getData();
+            const label = `${this.tag}-${shapeData.fill}-${shapeData.fillOpacity}`;
+            const resource = Block.SharedResourceMap.get(label);
+            if (resource && resource.count === 1 && resource.mesh) {
+                BasicTools.dispose(resource.mesh, true);
+            }
+            Block.SharedResourceMap.delete(label);
+        }
+        BasicTools.dispose(this, true);
+        const children = this.children;
+        if (children) {
+            this.remove(...children);
+        }
+        this.borderMesh = undefined;
+        this.shapeMesh = undefined;
+        // children.forEach((child) => {
+        //   this.remove(child);
+        // });
+    }
+    dispose() {
+        super.dispose();
+        this.disposeChildren();
+    }
+}
+Block.StrokeType = StrokeType.up;
+export { Block, StrokeType };
+//# sourceMappingURL=block.js.map

package/lib/src/owlly/element/map-kit/block.js.map

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

package/lib/src/owlly/element/map-kit/index.d.ts

@@ -0,0 +1,4 @@
+export * from './area';
+export * from './shape';
+export * from './block';
+export * from './block-set';

package/lib/src/owlly/element/map-kit/index.js

@@ -0,0 +1,7 @@
+// #if WEB_ONLY
+export * from './area';
+// #endif
+export * from './shape';
+export * from './block';
+export * from './block-set';
+//# sourceMappingURL=index.js.map

package/lib/src/owlly/element/map-kit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/owlly/element/map-kit/index.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,cAAc,QAAQ,CAAC;AACvB,SAAS;AACT,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/lib/src/owlly/element/map-kit/shape.d.ts

@@ -0,0 +1,131 @@
+/**
+ * 图形结构描述体
+ */
+interface ShapeData {
+    /** 图形ID */
+    id: string;
+    /** 图形位置X坐标 */
+    x: number;
+    /** 图形位置Y坐标 */
+    y: number;
+    /** 图形半径 */
+    radius: number;
+    /** 图形位置Z起始高度 */
+    zIndex: number;
+    /** @ignore 图形几何中心 */
+    centroid: [number, number];
+    /** 图形在三维空间(Z轴)高度 */
+    height: number;
+    /** 图形类型, 分别有: shape(闭合图形), line(线段集), point(点) */
+    shapeType: 'point' | 'line' | 'shape';
+    /**
+     * 图形路径, 路径描述采取以下规范:
+     * 采取类path的指令式描述, 指令结构为 `<command><position>,<position>[,<position>]...`, path为指令的连续组合.
+     * 其中, command分为三种, 每种command后跟随数对x, y坐标:
+     *   - m: 移动, 结构为 `m<x>,<y>`, 移动至x, y坐标
+     *   - l: 直线, 结构为 `l<x>,<y>`, 从当前所在位置连线到x, y坐标
+     *   - c: 二次贝塞尔曲线, 结构为 `c<cp0x>,<cp0y>,<cp1x>,<cp1y>,<x>,<y>`, 从当前所在位置连线到x, y, 并通过控制点cp0, cp1生成曲线
+     */
+    path: string;
+    /**
+     * 缺口索引描述, 针对shape与line,可以配置缺口.
+     * 结构为`<from i0>,<to i1>,<from i2>, <to i3>, ...`
+     * 每两个索引成为一组, 该组所对应的path指令将不会被绘制.
+     */
+    hollows: string;
+    /** 填充颜色, 接受HEX, 默认 #FFFFFF */
+    fill: string;
+    /** 描边颜色, 接受HEX, 默认 #444444 */
+    stroke: string;
+    /** 描边宽度, 接受整数, 默认 1 */
+    strokeWidth: number;
+    /** @ignore 整体透明度, 范围为 [0 - 1] */
+    opacity: number;
+    /** 填充透明度, 范围为 [0 - 1] */
+    fillOpacity: number;
+    /** 透明度, 范围为 [0 - 1] */
+    strokeOpacity: number;
+    /** @ignore 缩放, 数组元素分别对应X, Y, Z轴缩放 */
+    scale: [number, number, number];
+    /** @ignore 旋转, 数组元素描述一个四元数 */
+    rotation: [number, number, number, number];
+    /** @ignore 天花板是否可见 */
+    ceilingVisible: boolean;
+    /** 节点标签 from id/name, [ground, impassable, store] */
+    tag: string;
+    /** 父级名称 from group, [ground, impassable, store] */
+    parentName: string;
+    /** 3D侧面颜色 */
+    sideColor?: string;
+    /** 3D侧面透明度 */
+    sideOpacity?: number;
+}
+/**
+ * PathCommand
+ * @ignore
+ */
+declare enum PathCommand {
+    MOVE = "m",
+    LINE = "l",
+    CURVE = "c"
+}
+/**
+ * PathStep
+ * @ignore
+ */
+interface PathStep {
+    command: PathCommand;
+    coords: [number, number][];
+}
+declare class ShapeUtils {
+    static GenerateStepsFromPath(path: string): PathStep[];
+    static GeneratePathFromSteps(steps: PathStep[]): string;
+    static ParseHollows(hollowString: string): [number, number][];
+    static UnparseHollows(hollows: [number, number][]): string;
+    static PolyonOfPathStep(pathSteps: PathStep[]): [number, number][][];
+    static PolygonOfShape(shape: Shape): [number, number][][];
+}
+/**
+ * 图形, 用作地图图形描述
+ * @noInheritDoc
+ */
+declare class Shape {
+    private data;
+    private steps;
+    private hollows;
+    autoCalculateCentroid: boolean;
+    /**
+     * @param data 基于ShapeData结构的描述.
+     * @param autoCalculateCentroid 自动计算图形的视觉中心.
+     * @example
+     * ```typescript
+     * // 将svg解析为Shape对象数组
+     * const shapes = await SvgUtils.parseSVG(
+     *   <svg url>,
+     *   [0.02, 0, 0, 0, 0, -0.02, 0, 0, 0, 0, 0, 0, -40, 40, 0, 1], // 对齐矩阵
+     * );
+     * // 也可以直接传入配置生成shape
+     * const shape = new Shape({ path: 'm0,0l1,0l1,1l0,1' }); // 正方形
+     * // 或
+     * shape.updateData({ fill: '#ff0000' });
+     * ```
+     */
+    constructor(data?: object, autoCalculateCentroid?: boolean);
+    /**
+     * 更新图形数据
+     * @param data 基于ShapeData结构的描述
+     */
+    updateData(data: object, autoCalculateCentroid?: boolean): void;
+    updatePathFromSelfSteps(): void;
+    /**
+     * 获得图形数据
+     */
+    getData(): ShapeData;
+    /** @ignore */
+    getHollows(): [number, number][];
+    /** @ignore */
+    getSteps(): PathStep[];
+    /** 获得图形类型 */
+    getShapeType(): 'point' | 'line' | 'shape';
+}
+export { ShapeData, Shape, PathStep, PathCommand, ShapeUtils, };