@aibee/owlly 1.0.25

package/lib/src/owlly/element/polygon-mesh.d.ts

@@ -0,0 +1,107 @@
+import { NS_THREE } from '../stage/externals';
+import { Element, ElementFrameContext } from './element';
+import { Shape } from './map-kit/shape';
+declare class PolygonMesh extends Element {
+    private initialized;
+    private loaded;
+    private verticesInvalidated;
+    private shape;
+    private zShape;
+    private vertices;
+    private group;
+    /**
+     * 生成三角化多边形网格
+     * 通过一个Shape描述形状, 通过第二个Shape来做高度的描述.
+     * @param shape 如果shape是一个"line", 则它是一个从折线描述的一个立面, 此时zShape的pathStep里面应该是和shape相同长度的PathStep数组, 里面的command和coords长度与第一个shape逐一对应, 但coords表示是z的起始位置和z的结束位置
+     * 并以每个类型为MOVE的PathStep作为折线段的起点
+     * 如果shape是一个'shape', 则它是一个从多边形描述的水平图形, 这时zShape的pathStep里面应该是和shape相同长度的PathStep数组, 里面的command和coords长度与第一个shape逐一对应, 但coords[0]表示其z高度
+     * 除第一个以外的类型为MOVE的PathStep作为一个孔的起点，可参考earcut的定义方式：https://github.com/mapbox/earcut
+     * @param zShape 见上述说明
+     * @example
+     * ```
+     const rectsLinesShapeData = {
+        id: 'rectsLines',
+        x: panoData[2].position.x,
+        y: panoData[2].position.y,
+        zIndex: 1000,
+        height: panoData[2].position.z - 0.5,
+        shapeType: 'line',
+        path: 'm-2,-2l-2,2l2,2l2,-2l-2,-2m-1,-1l-1,1l1,1l1,-1l-1,-1',
+        fill: 0x00ffff,
+        opacity: 1.0,
+        scale: [1.0, 1.0, 1.0],
+        rotation: [0.0, 0.0, 0.0, 1.0],
+      };
+      const rectsLines = new Shape(rectsLinesShapeData);
+  
+      const rectsSidesShapeData = {
+        id: 'rectsSides',
+        shapeType: 'line',
+        path: 'm1,0l1,0l1,0l1,0l1,0m1,-1l1,-1l1,-1l1,-1l1,-1',
+      };
+      const rectsSides = new Shape(rectsSidesShapeData);
+  
+      const facade = new PolygonMesh(
+        rectsLines,
+        rectsSides,
+      );
+      stage.bindElement(facade);
+  
+      const rectsPolygonShapeData = {
+        id: 'rectsPolygon',
+        x: panoData[2].position.x,
+        y: panoData[2].position.y,
+        zIndex: 1100,
+        height: panoData[2].position.z - 0.5,
+        shapeType: 'shape',
+        path: 'm-2,-2l-2,2l2,2l2,-2l-2,-2m-1,-1l-1,1l1,1l1,-1l-1,-1',
+        fill: 0xff00ff,
+        opacity: 1.0,
+        scale: [1.0, 1.0, 1.0],
+        rotation: [0.0, 0.0, 0.0, 1.0],
+      };
+      const rectsPolygon = new Shape(rectsPolygonShapeData);
+      const polygon = new PolygonMesh(
+        rectsPolygon,
+        rectsSides,
+      );
+      stage.bindElement(polygon);
+     * ```
+     */
+    constructor(shape: Shape, zShape: Shape, optionalParams?: {
+        material?: NS_THREE.Material;
+    });
+    private updateGeometries;
+    private updateMaterials;
+    /**
+     * 以当前Shape成员更新Mesh
+     */
+    applyShapes(shape?: Shape, zShape?: Shape): void;
+    setColor(color: NS_THREE.Color | string | number, opacity?: number): void;
+    /**
+     * 把当前顶点数组同步到Mesh的Geometry以及Shape成员的PathSteps中
+     */
+    private applyVertices;
+    /**
+     * 设置单个已有顶点的位置
+     * @param index 顶点序号
+     * @param position 三维坐标
+     * @returns 若顶点序号越界，则返回false
+     */
+    setVertex(index: number, position: NS_THREE.Vector3): boolean;
+    /**
+     * 获得从顶点序号到顶点位置的映射Map
+     */
+    getVertexMap(): Map<number, NS_THREE.Vector3>;
+    /**
+     * 得到当前用以描述顶面/线的Shape对象
+     */
+    getShape(): Shape;
+    /**
+     * 得到当前用以描述侧面的Shape对象
+     */
+    getZShape(): Shape;
+    update(): ElementFrameContext;
+    dispose(): void;
+}
+export { PolygonMesh };

package/lib/src/owlly/element/polygon-mesh.js

@@ -0,0 +1,308 @@
+import earcut from 'earcut';
+import { Externals } from '../stage/externals';
+import { Element, ElementFrameContext } from './element';
+import { BasicTools } from '../utils/basic-tools';
+import { PathCommand } from './map-kit/shape';
+class PolygonMesh extends Element {
+    /**
+     * 生成三角化多边形网格
+     * 通过一个Shape描述形状, 通过第二个Shape来做高度的描述.
+     * @param shape 如果shape是一个"line", 则它是一个从折线描述的一个立面, 此时zShape的pathStep里面应该是和shape相同长度的PathStep数组, 里面的command和coords长度与第一个shape逐一对应, 但coords表示是z的起始位置和z的结束位置
+     * 并以每个类型为MOVE的PathStep作为折线段的起点
+     * 如果shape是一个'shape', 则它是一个从多边形描述的水平图形, 这时zShape的pathStep里面应该是和shape相同长度的PathStep数组, 里面的command和coords长度与第一个shape逐一对应, 但coords[0]表示其z高度
+     * 除第一个以外的类型为MOVE的PathStep作为一个孔的起点，可参考earcut的定义方式：https://github.com/mapbox/earcut
+     * @param zShape 见上述说明
+     * @example
+     * ```
+     const rectsLinesShapeData = {
+        id: 'rectsLines',
+        x: panoData[2].position.x,
+        y: panoData[2].position.y,
+        zIndex: 1000,
+        height: panoData[2].position.z - 0.5,
+        shapeType: 'line',
+        path: 'm-2,-2l-2,2l2,2l2,-2l-2,-2m-1,-1l-1,1l1,1l1,-1l-1,-1',
+        fill: 0x00ffff,
+        opacity: 1.0,
+        scale: [1.0, 1.0, 1.0],
+        rotation: [0.0, 0.0, 0.0, 1.0],
+      };
+      const rectsLines = new Shape(rectsLinesShapeData);
+  
+      const rectsSidesShapeData = {
+        id: 'rectsSides',
+        shapeType: 'line',
+        path: 'm1,0l1,0l1,0l1,0l1,0m1,-1l1,-1l1,-1l1,-1l1,-1',
+      };
+      const rectsSides = new Shape(rectsSidesShapeData);
+  
+      const facade = new PolygonMesh(
+        rectsLines,
+        rectsSides,
+      );
+      stage.bindElement(facade);
+  
+      const rectsPolygonShapeData = {
+        id: 'rectsPolygon',
+        x: panoData[2].position.x,
+        y: panoData[2].position.y,
+        zIndex: 1100,
+        height: panoData[2].position.z - 0.5,
+        shapeType: 'shape',
+        path: 'm-2,-2l-2,2l2,2l2,-2l-2,-2m-1,-1l-1,1l1,1l1,-1l-1,-1',
+        fill: 0xff00ff,
+        opacity: 1.0,
+        scale: [1.0, 1.0, 1.0],
+        rotation: [0.0, 0.0, 0.0, 1.0],
+      };
+      const rectsPolygon = new Shape(rectsPolygonShapeData);
+      const polygon = new PolygonMesh(
+        rectsPolygon,
+        rectsSides,
+      );
+      stage.bindElement(polygon);
+     * ```
+     */
+    constructor(shape, zShape, optionalParams) {
+        super();
+        const { THREE } = Externals.getInstance();
+        this.shape = shape;
+        this.zShape = zShape;
+        this.group = new THREE.Group();
+        this.add(this.group);
+        const shapeData = shape.getData();
+        const options = optionalParams || {};
+        const material = options.material || new THREE.MeshBasicMaterial({
+            color: shape.getData().fill || 0xffff00,
+            transparent: shapeData.opacity !== 1.0,
+            opacity: shapeData.opacity || 1.0,
+            side: THREE.DoubleSide,
+            depthWrite: false,
+        });
+        this.vertices = [];
+        const vertices2D = [];
+        const holes = [];
+        const pathSteps = shape.getSteps();
+        const zPathSteps = zShape.getSteps();
+        pathSteps.forEach((pathStep, index) => {
+            if (index > 0 && pathStep.command === PathCommand.MOVE) {
+                holes.push(index);
+            }
+            const coord = pathStep.coords[0];
+            const zCoord = zPathSteps[index].coords[0];
+            this.vertices.push(coord[0], coord[1], zCoord[0]);
+            vertices2D.push(...coord);
+        });
+        const shapeType = shape.getShapeType();
+        if (shapeType === 'shape') {
+            const vertexBuffer = new Float32Array(this.vertices);
+            const bufferGeometry = new THREE.BufferGeometry();
+            bufferGeometry.setAttribute('position', new THREE.BufferAttribute(vertexBuffer, 3));
+            const indices = earcut(vertices2D, holes, 2);
+            bufferGeometry.setIndex(indices);
+            const mesh = new THREE.Mesh(bufferGeometry, material);
+            mesh.renderOrder = shapeData.zIndex || 1000;
+            this.group.add(mesh);
+        }
+        else if (shapeType === 'line') {
+            const oneSideVertexCount = vertices2D.length / 2;
+            pathSteps.forEach((pathStep, index) => {
+                const coord = pathStep.coords[0];
+                const zCoord = zPathSteps[index].coords[0];
+                this.vertices.push(coord[0], coord[1], zCoord[1]);
+            });
+            const vertexBuffer = new Float32Array(this.vertices);
+            let endIndices;
+            if (holes) {
+                endIndices = holes.concat([oneSideVertexCount]);
+            }
+            else {
+                endIndices = [oneSideVertexCount];
+            }
+            let startIndex = 0;
+            endIndices.forEach((endIndex) => {
+                const bufferGeometry = new THREE.BufferGeometry();
+                bufferGeometry.setAttribute('position', new THREE.BufferAttribute(vertexBuffer, 3));
+                const indices = [];
+                for (let i = startIndex; i < endIndex - 1; i += 1) {
+                    indices.push(i, i + oneSideVertexCount, i + 1, i + 1, i + oneSideVertexCount, i + oneSideVertexCount + 1);
+                }
+                startIndex = endIndex;
+                bufferGeometry.setIndex(indices);
+                const mesh = new THREE.Mesh(bufferGeometry, material);
+                mesh.renderOrder = shapeData.zIndex || 1000;
+                this.group.add(mesh);
+            });
+        }
+        if (shapeData.x !== undefined && shapeData.y !== undefined) {
+            this.group.position.set(shapeData.x, shapeData.y, shapeData.height || 0.0);
+        }
+        if (shapeData.rotation !== undefined) {
+            this.group.quaternion.set(...shapeData.rotation);
+        }
+        if (shapeData.scale !== undefined) {
+            this.group.scale.set(...shapeData.scale);
+        }
+        this.initialized = false;
+        this.loaded = true;
+        this.verticesInvalidated = false;
+    }
+    updateGeometries() {
+        const { THREE } = Externals.getInstance();
+        const vertexBuffer = new Float32Array(this.vertices);
+        this.group.children.forEach((child) => {
+            const mesh = child;
+            const bufferGeometry = mesh.geometry;
+            bufferGeometry.setAttribute('position', new THREE.BufferAttribute(vertexBuffer, 3));
+        });
+    }
+    updateMaterials(material) {
+        this.group.children.forEach((child) => {
+            const mesh = child;
+            mesh.material = material;
+        });
+    }
+    /**
+     * 以当前Shape成员更新Mesh
+     */
+    applyShapes(shape, zShape) {
+        const { THREE } = Externals.getInstance();
+        if (shape)
+            this.shape = shape;
+        if (zShape)
+            this.zShape = zShape;
+        this.vertices = [];
+        const pathSteps = this.shape.getSteps();
+        const zPathSteps = this.zShape.getSteps();
+        pathSteps.forEach((pathStep, index) => {
+            const coord = pathStep.coords[0];
+            const zCoord = zPathSteps[index].coords[0];
+            this.vertices.push(coord[0], coord[1], zCoord[0]);
+        });
+        if (this.shape.getShapeType() === 'line') {
+            pathSteps.forEach((pathStep, index) => {
+                const coord = pathStep.coords[0];
+                const zCoord = zPathSteps[index].coords[0];
+                this.vertices.push(coord[0], coord[1], zCoord[1]);
+            });
+        }
+        this.updateGeometries();
+        const material = new THREE.MeshBasicMaterial({
+            color: this.shape.getData().fill || 0xffff00,
+            transparent: this.shape.getData().opacity !== 1.0,
+            opacity: this.shape.getData().opacity || 1.0,
+            side: THREE.DoubleSide,
+            depthWrite: false,
+        });
+        this.updateMaterials(material);
+    }
+    setColor(color, opacity) {
+        const { THREE } = Externals.getInstance();
+        const material = new THREE.MeshBasicMaterial({
+            color,
+            transparent: opacity !== 1.0,
+            opacity: opacity || this.shape.getData().opacity,
+            side: THREE.DoubleSide,
+            depthWrite: false,
+        });
+        this.updateMaterials(material);
+    }
+    /**
+     * 把当前顶点数组同步到Mesh的Geometry以及Shape成员的PathSteps中
+     */
+    applyVertices() {
+        const pathSteps = this.shape.getSteps();
+        const zPathSteps = this.zShape.getSteps();
+        let pathStepIndex = 0;
+        if (this.shape.getShapeType() === 'line') {
+            for (let i = 0; i < this.vertices.length / 2; i += 3) {
+                const coord = pathSteps[pathStepIndex].coords[0];
+                coord[0] = this.vertices[i];
+                coord[1] = this.vertices[i + 1];
+                const zCoord = zPathSteps[pathStepIndex].coords[0];
+                zCoord[0] = this.vertices[i + 2];
+                pathStepIndex += 1;
+            }
+            pathStepIndex = 0;
+            for (let i = this.vertices.length / 2; i < this.vertices.length; i += 3) {
+                const coord = pathSteps[pathStepIndex].coords[0];
+                coord[0] = this.vertices[i];
+                coord[1] = this.vertices[i + 1];
+                const zCoord = zPathSteps[pathStepIndex].coords[0];
+                zCoord[1] = this.vertices[i + 2];
+                pathStepIndex += 1;
+            }
+        }
+        else {
+            for (let i = 0; i < this.vertices.length; i += 3) {
+                const zCoord = zPathSteps[pathStepIndex].coords[0];
+                zCoord[0] = this.vertices[i + 2];
+                pathStepIndex += 1;
+            }
+        }
+        this.updateGeometries();
+        this.verticesInvalidated = false;
+    }
+    /**
+     * 设置单个已有顶点的位置
+     * @param index 顶点序号
+     * @param position 三维坐标
+     * @returns 若顶点序号越界，则返回false
+     */
+    setVertex(index, position) {
+        if (index < 0 || index >= this.vertices.length / 3) {
+            return false;
+        }
+        this.group.updateMatrixWorld();
+        const matrix = this.group.matrixWorld.clone().invert();
+        const newPosition = position.clone().applyMatrix4(matrix);
+        this.vertices[3 * index] = newPosition.x;
+        this.vertices[3 * index + 1] = newPosition.y;
+        this.vertices[3 * index + 2] = newPosition.z;
+        this.verticesInvalidated = true;
+        return true;
+    }
+    /**
+     * 获得从顶点序号到顶点位置的映射Map
+     */
+    getVertexMap() {
+        const { THREE } = Externals.getInstance();
+        this.group.updateMatrixWorld();
+        const matrix = this.group.matrixWorld;
+        const ret = new Map();
+        for (let i = this.vertices.length / 3 - 1; i >= 0; --i) {
+            const position = new THREE.Vector3(this.vertices[3 * i], this.vertices[3 * i + 1], this.vertices[3 * i + 2]);
+            ret.set(i, position.applyMatrix4(matrix));
+        }
+        return ret;
+    }
+    /**
+     * 得到当前用以描述顶面/线的Shape对象
+     */
+    getShape() { return this.shape; }
+    /**
+     * 得到当前用以描述侧面的Shape对象
+     */
+    getZShape() { return this.zShape; }
+    update() {
+        const frameContext = new ElementFrameContext(this);
+        if (!this.initialized && this.loaded) {
+            this.initialized = true;
+            frameContext.needUpdate = true;
+        }
+        else if (this.verticesInvalidated) {
+            this.applyVertices();
+            frameContext.needUpdate = true;
+        }
+        if (this.initialized && !this.parent) {
+            frameContext.shouldPlaceElement = true;
+        }
+        return frameContext;
+    }
+    dispose() {
+        super.dispose();
+        BasicTools.dispose(this, true);
+    }
+}
+export { PolygonMesh };
+//# sourceMappingURL=polygon-mesh.js.map

package/lib/src/owlly/element/polygon-mesh.js.map

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

package/lib/src/owlly/element/ring-element.d.ts

@@ -0,0 +1,79 @@
+import { NS_THREE } from '../stage/externals';
+import { Element, ElementFrameContext } from './element';
+declare class RingElement extends Element {
+    torus: NS_THREE.Mesh;
+    downArrow: NS_THREE.Mesh;
+    textArrowMesh: NS_THREE.Mesh;
+    tubeMesh: NS_THREE.Mesh;
+    signMesh: NS_THREE.Mesh;
+    downMesh: NS_THREE.Mesh;
+    tubeRadius: number;
+    textMeshMap: Map<string, {
+        mesh: NS_THREE.Mesh;
+        textWidth: number;
+        spacing: number;
+        spacingLeft: number;
+    }>;
+    private leftMeshGroup;
+    private centerMeshGroup;
+    private rightMeshGroup;
+    private leftTextMeshGroup;
+    private rightTextMeshGroup;
+    private maskCenterMesh;
+    private textValuePre;
+    private initialized;
+    private needUpdate;
+    private viewWidth;
+    private viewHeight;
+    private enabled;
+    private directionPre;
+    private innerRadius;
+    private outerRadius;
+    private showTopArrow;
+    private isStop;
+    private angle;
+    private text;
+    private direction;
+    private navRadius;
+    private maxLeftAngle;
+    private maxRightAngle;
+    constructor(option: {
+        innerRadius: number;
+        outerRadius: number;
+        textArrowMesh?: NS_THREE.Mesh;
+        tubeMesh?: NS_THREE.Mesh;
+        tubeRadius?: number;
+        downMesh?: NS_THREE.Mesh;
+        signMesh?: NS_THREE.Mesh;
+        textMeshMap?: Map<string, {
+            mesh: NS_THREE.Mesh;
+            textWidth: number;
+            spacing: number;
+            spacingLeft: number;
+        }>;
+        maxLeftAngle?: number;
+        maxRightAngle?: number;
+    });
+    private createSign;
+    private createDown;
+    private createMask;
+    updateText(angle: number, value: string | number): void;
+    private renderText;
+    setDirection(direction: string): void;
+    setAngle(angle: number): void;
+    setText(text: string): void;
+    setRing(angle: number, text: string, direction?: string): void;
+    setToursPosition(x: number, y: number, z: number): void;
+    setTopArrowVisible(visible: boolean): void;
+    /**
+     * 设置是否更新
+     * @param value 开关值
+     */
+    setEnabled(value: boolean): void;
+    play(): void;
+    stop(): void;
+    resize(width: number, height: number): void;
+    update(): ElementFrameContext;
+    dispose(): void;
+}
+export { RingElement };