xl-public-utils 1.0.13 → 1.0.15

package/index.d.ts

@@ -682,6 +682,32 @@ declare module "xl-public-utils" {
      */
     export function initDrcCoder(): void;
   }
+  export namespace meshUtils {
+    /**
+     * * 生成一个六边形网格 polyData
+     * @param { number } rows 行数
+     * @param { number } cols 列数
+     * @param { number } radius 半径
+     * @param { number } wall 壁厚
+     * @param { number } height 高度
+     * @param { vec3 } center 中心位置
+     * @param { vec3 } axisX 朝向 X 轴，默认 [1, 0, 0]
+     * @param { vec3 } axisY 朝向 Y 轴，默认 [0, 1, 0]
+     * @param { vec3 } axisZ 朝向 Z 轴，默认 [0, 0, 1]
+     * @returns { vtkPolyData } polydata 六边形网格
+     */
+    export function createHexagonPolydata(
+      rows:number,
+      cols: number,
+      radius: number,
+      wall: number,
+      height: number,
+      center: vec3 = [0, 0, 0],
+      axisX: vec3 = [1, 0, 0],
+      axisY: vec3 = [0, 1, 0],
+      axisZ: vec3 = [0, 0, 1]
+    ): vtkPolyData
+  }
 
   export namespace utils {
     /**
@@ -988,7 +1014,7 @@ declare module "xl-public-utils" {
     bevelSize: number;
     bevelEnabled: boolean;
   }
-
+  export interface  IndexData { zeroIndexs: number[], oneIndexs: number[] };
   export class FontManager {
     private constructor(); // 使用单例模式
     static Mgr(): FontManager;

package/index.js

@@ -3,5 +3,6 @@ import * as utils from './src/utils.js'
 import * as qrcode from './src/qrcode.js'
 import * as BwipJs from './src/bwip-js.js';
 import * as drcUtils from './src/drcUtils.js';
+import * as meshUtils from './src/meshUtils.js';
 import FontManager  from './src/threeFont/index.js';
-export { vtkUtils, utils, qrcode, BwipJs, drcUtils, FontManager };
+export { vtkUtils, utils, qrcode, BwipJs, drcUtils, FontManager, meshUtils };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xl-public-utils",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "",
   "main": "index.js",
   "module": "index.js",

package/src/meshUtils.js

@@ -0,0 +1,110 @@
+import { ExtrudeGeometry } from './threeFont/TextGeometry/ExtrudeGeometry.js';
+import { Shape } from './threeFont/Curve/Shape.js';
+import { vec3, mat4 } from 'gl-matrix';
+import vtkPolyData from '@kitware/vtk.js/Common/DataModel/PolyData.js';
+import { clonePolyData, createPolyData, getL2WMatrix, getPolydataCenterOffset, mergePolyData, pointsApplyMat4 } from './vtkUtils.js';
+
+
+/**
+ * * 生成六边形 Geometry
+ */
+export function createHexagonGeometry(radius, height, wallThickness) {
+	// 创建外六边形
+	const outerShape = new Shape();
+	for (let i = 0; i < 6; i++) {
+		const angle = (i / 6) * Math.PI * 2;
+		const x = Math.cos(angle) * radius;
+		const y = Math.sin(angle) * radius;
+		if (i === 0) {
+			outerShape.moveTo(x, y);
+		} else {
+			outerShape.lineTo(x, y);
+		}
+	}
+
+	// 计算正确的内半径（关键修正）
+	const innerRadius = radius - wallThickness / Math.cos(Math.PI / 6); // 壁厚在半径方向的分量
+
+	if (innerRadius > 0) {
+		const innerShape = new Shape();
+		for (let i = 0; i < 6; i++) {
+			const angle = (i / 6) * Math.PI * 2;
+			const x = Math.cos(angle) * innerRadius;
+			const y = Math.sin(angle) * innerRadius;
+			if (i === 0) {
+				innerShape.moveTo(x, y);
+			} else {
+				innerShape.lineTo(x, y);
+			}
+		}
+		outerShape.holes.push(innerShape);
+	}
+
+	// 挤出几何体
+	const extrudeSettings = {
+		depth: height,
+		bevelEnabled: false
+	};
+
+	return new ExtrudeGeometry(outerShape, extrudeSettings);
+}
+
+/**
+ * * 生成一个六边形网格 polyData
+ * @param { number } rows 行数
+ * @param { number } cols 列数
+ * @param { number } radius 半径
+ * @param { number } wall 壁厚
+ * @param { number } height 高度
+ * @param { vec3 } center 中心位置
+ * @param { vec3 } axisX 朝向 X 轴，默认 [1, 0, 0]
+ * @param { vec3 } axisY 朝向 Y 轴，默认 [0, 1, 0]
+ * @param { vec3 } axisZ 朝向 Z 轴，默认 [0, 0, 1]
+ * @returns { vtkPolyData } polydata 六边形网格
+ */
+export function createHexagonPolydata(
+	rows,
+	cols,
+	radius,
+	wall,
+	height,
+	center = [0, 0, 0],
+	axisX = [1, 0, 0],
+	axisY = [0, 1, 0],
+	axisZ = [0, 0, 1]
+) {
+	// 计算偏移量（根据OpenSCAD代码和形状调整）
+	const z = Math.sqrt(3); // sqrt(3);
+	const _wall = wall / Math.sqrt(2); //六边形网格边上有重叠
+
+	const a = radius * 1.5 - _wall / 2 / z;
+	const b = (radius / 2) * z - _wall / 2 / z;
+
+	const geometry = createHexagonGeometry(radius, height, _wall);
+	const polyData = createPolyData(geometry.vertices, geometry.faces);
+
+	let polyDataArr = [];
+	// 生成网格
+	for (let i = 0; i < rows; i++) {
+		let q = i % 2; // 奇偶行偏移
+		for (let j = 1; j <= cols; j++) {
+			let _polyData = clonePolyData(polyData);
+
+			// 根据形状和OpenSCAD公式计算位置
+			let x = i * a;
+			let y = j * b * 2 + q * b - b;
+			let _trans = mat4.fromTranslation(mat4.create(), [x, y, 0]);
+			pointsApplyMat4(_trans, _polyData);
+			polyDataArr.push(_polyData);
+		}
+	}
+
+	const resultPolyData = mergePolyData(polyDataArr);
+	const _offset = getPolydataCenterOffset(resultPolyData);
+	const offsetM4 = mat4.translate(mat4.create(), mat4.create(), [_offset.x, _offset.y, 0]);
+	pointsApplyMat4(offsetM4, resultPolyData);
+
+	const _matrix = getL2WMatrix(center, axisX, axisY, axisZ);
+	pointsApplyMat4(_matrix, resultPolyData);
+	return resultPolyData;
+}

package/src/threeFont/index.js

@@ -68,7 +68,7 @@ class FontManager {
    * @param {string} text 
    * @param {string} fontName 
    * @param {vec3} scale 
-   * @returns {{ polyData: import('@kitware/vtk.js/Common/DataModel/PolyData').default, indexData: { zeroIndexs: number[], oneIndexs: number[] } }}
+   * @returns {{ polyData: vtkPolyData, indexData: { zeroIndexs: number[], oneIndexs: number[] } }}
    */
   generateShapes(text, fontName = 'defaultFont', scale = [0.018, 0.018, 0.018]) {
     const scaleM4 = mat4.scale(mat4.create(), mat4.create(), scale);
@@ -87,7 +87,9 @@ class FontManager {
 
     let polyData = this.createPolyData(extrude.vertices, extrude.faces);
     polyData = deduplicatePolyData(polyData);
+    polyData = this.reIndexPolyData(polyData);
     const indexData = this.getPointsMapData(polyData);
+    // console.log(indexData);
 
     const _polyData = clonePolyData(polyData);
     pointsApplyMat4(scaleM4, _polyData);
@@ -103,7 +105,7 @@ class FontManager {
 
   /**
    * 获取前后层顶点索引映射数据
-   * @param {import('@kitware/vtk.js/Common/DataModel/PolyData').default} polydata 
+   * @param {vtkPolyData} polydata 
    * @returns {{ zeroIndexs: number[], oneIndexs: number[] }}
    */
   getPointsMapData(polydata) {
@@ -134,6 +136,40 @@ class FontManager {
       oneIndexs
     };
   }
+  /**
+   * 
+   * @param {vtkPolyData} polydata 
+   * @returns {vtkPolyData} 重组索引之后的polydata
+   */
+  reIndexPolyData(polydata) {
+    const indexData = this.getPointsMapData(polydata);
+    const allIndexData = [...indexData.zeroIndexs, ...indexData.oneIndexs]
+    const nowPoints = polydata.getPoints().getData();
+    const nowFaces = polydata.getPolys().getData();
+    const newPoints = new Float32Array(nowPoints.length);
+    const indexMap = {};
+    for(let i = 0; i < allIndexData.length; i++) {
+      const index = allIndexData[i];
+      const x = nowPoints[index * 3];
+      const y = nowPoints[index * 3 + 1];
+      const z = nowPoints[index * 3 + 2];
+      newPoints[i * 3] = x
+      newPoints[i * 3 + 1] = y
+      newPoints[i * 3 + 2] = z
+      indexMap[index] = i;
+    }
+    for(let i =0; i< nowFaces.length; i += 4) {
+      const p1 = nowFaces[i + 1];
+      const p2 = nowFaces[i + 2]
+      const p3 = nowFaces[i + 3]
+      nowFaces[i + 1] = indexMap[p1]
+      nowFaces[i + 2] = indexMap[p2]
+      nowFaces[i + 3] = indexMap[p3]
+    }
+    polydata.getPoints().setData(newPoints);
+    polydata.getPolys().setData(nowFaces);
+    return polydata
+  }
 
   /**
    * 创建 vtkPolyData 对象

package/src/vtkUtils.js

@@ -10,6 +10,9 @@ import vtkPLYReader from '@kitware/vtk.js/IO/Geometry/PLYReader';
 import vtkSTLReader from '@kitware/vtk.js/IO/Geometry/STLReader';
 import vtkDracoReader from '@kitware/vtk.js/IO/Geometry/DracoReader';
 import vtkTriangleFilter from "@kitware/vtk.js/Filters/General/TriangleFilter";
+import vtkPoints from '@kitware/vtk.js/Common/Core/Points';
+import vtkCellArray from '@kitware/vtk.js/Common/Core/CellArray';
+import vtkAppendPolyData from '@kitware/vtk.js/Filters/General/AppendPolyData';
 import { vec3, mat4, mat3, quat } from 'gl-matrix';
 import { exportBinarySTL } from './exportSTL.js';
 import { writePLY } from "./exportPLY.js";
@@ -1043,4 +1046,95 @@ export function clonePolyData(originalPolyData) {
   const originalCells = originalPolyData.getPolys().getData();
   clonedPolyData.getPolys().setData([...originalCells]);
   return clonedPolyData;
+}
+
+/**
+ * 根据点和面创建一个vtkPolydata
+ * @param {number[] | TypedArray} verts 
+ * @param {number[] | TypedArray} faces 
+ * @returns { vtkPolyData } 生成出来的vtkPolydata
+ */
+export function createPolyData(verts, faces) {
+  let values_v = Object.values(verts);
+  let values_f = Object.values(faces);
+  let _verts = [];
+  let _faces = [];
+  values_v.forEach((v) => _verts.push(parseFloat(v)));
+  values_f.forEach((f) => _faces.push(parseInt(f)));
+
+  const vpoints = vtkPoints.newInstance();
+  const cellArray = vtkCellArray.newInstance();
+
+  vpoints.setData(_verts, 3);
+  cellArray.setNumberOfComponents(4);
+  cellArray.setData(_faces);
+
+  const polyData = vtkPolyData.newInstance();
+  polyData.setPoints(vpoints);
+  polyData.setPolys(cellArray);
+  return polyData;
+}
+
+
+/**
+ * 合并多个polydata
+ * @param {vtkPolyData[]} params 多个polyData
+ * @returns { vtkPolyData } 合并之后的polydata
+ */
+export function mergePolyData(params) {
+    const appendPolyData = vtkAppendPolyData.newInstance();
+    params.forEach(data => {
+        appendPolyData.addInputData(data);
+    });
+    return appendPolyData.getOutputData();
+}
+
+/**
+ * 计算网格的boundingBox
+ * @param { vtkPolyData } polydata 网格数据
+ * @returns 返回网格的boundingBox
+ */
+export function computeBoundingBox(polydata) {
+    // 初始化最小值和最大值
+    const min = vec3.fromValues(Infinity, Infinity, Infinity);
+    const max = vec3.fromValues(-Infinity, -Infinity, -Infinity);
+
+    // 从 vtkPolyData 中提取顶点数据（假设是 Float32Array 格式）
+    const points = polydata.getPoints().getData();
+    const numPoints = points.length / 3;
+
+    // 遍历所有顶点
+    for (let i = 0; i < numPoints; i++) {
+        const x = points[i * 3];
+        const y = points[i * 3 + 1];
+        const z = points[i * 3 + 2];
+
+        // 更新最小值和最大值
+        min[0] = Math.min(min[0], x);
+        min[1] = Math.min(min[1], y);
+        min[2] = Math.min(min[2], z);
+
+        max[0] = Math.max(max[0], x);
+        max[1] = Math.max(max[1], y);
+        max[2] = Math.max(max[2], z);
+    }
+
+    return { min, max };
+}
+
+/**
+ * 计算网格移动到相对自己中心位置的xyz偏移量
+ * @param { vtkPolyData } _polydata 网格 
+ * @returns {{x: number, y: number, z: number}} 网格自己居中所需要的xyz偏移量
+ */
+export function getPolydataCenterOffset(_polydata) {
+    const _boundBox = computeBoundingBox(_polydata);
+    const _width = Math.abs(_boundBox.min[0] - _boundBox.max[0]);
+    const _height = Math.abs(_boundBox.min[1] - _boundBox.max[1]);
+    const _surface =Math.abs(_boundBox.min[2] - _boundBox.max[2]);
+    return {
+        x: -(_boundBox.max[0] - _width / 2),
+        y: -(_boundBox.max[1] - _height / 2),
+        z: -(_boundBox.max[2] - _surface / 2),
+    };
 }