Three.js合并几何体导出STL/OBJ接缝错位问题求助

接缝错位的核心原因是合并后几何体存在位置极近但未重合的顶点——3D软件导出单个物体时会自动焊接这类顶点，而你的代码存在语法错误，且未处理顶点焊接逻辑，导致导出STL出现接缝。

代码中的错误点 #

1. 语法错误：e.geometry() 是错误调用，geometry是Mesh的属性而非方法，应改为 e.geometry.clone()。
2. 未处理重复顶点：即使启用mergeBufferGeometries的第二个参数（自动合并顶点），默认精度可能不足以处理模型中的微小顶点偏差，需要手动调用顶点焊接。
3. 冗余矩阵操作：gg.applyMatrix4(clone.matrix.clone().invert()) 会打乱已应用的Mesh矩阵，若clone是模型根节点，这一步通常不需要，反而会导致位置偏移。

修正后的合并代码 #

function mergeGeometries(clone) {
  const geoms = [];
  const meshes = [];

  // 确保所有矩阵更新完成
  clone.updateMatrixWorld(true);

  clone.traverseVisible(e => {
    if (e.isMesh) {
      meshes.push(e);
      // 处理索引/非索引几何体，避免修改原模型
      const geom = e.geometry.index 
        ? e.geometry.toNonIndexed().clone() 
        : e.geometry.clone();
      geoms.push(geom);
    }
  });

  // 将每个Mesh的世界矩阵应用到对应几何体
  geoms.forEach((g, i) => {
    g.applyMatrix4(meshes[i].matrixWorld);
  });

  // 合并几何体，启用自动顶点合并（可自定义精度，默认1e-4）
  const mergedGeom = THREE.BufferGeometryUtils.mergeBufferGeometries(geoms, true);
  
  // 手动焊接重复顶点，调整精度阈值适配模型
  mergedGeom.mergeVertices(1e-3);

  // 修复合并后的法线（可选，若导出后模型显示异常）
  mergedGeom.computeVertexNormals();

  // 缩放操作（按需保留）
  mergedGeom.scale(10, 10, 10);

  // 存储材质信息（可选）
  mergedGeom.userData.materials = meshes.map(m => m.material);

  return new THREE.Mesh(mergedGeom, new THREE.MeshLambertMaterial({ color: 0xff0000 }));
}

其他可行方法 #

1. 3D软件预处理：直接在Blender等软件中将glb模型合并为单个物体后导出STL，从源头避免Three.js合并的精度问题。
2. 专用工具库：使用three-mesh-merge这类专门的合并工具，它们针对顶点焊接、材质兼容做了更多优化。
3. 检查导入设置：导入glb时确保GLTFLoader的flipY等参数设置正确，避免模型坐标偏差影响合并结果。

导出STL示例 #

合并完成后，用Three.js的STLExporter导出：

const exporter = new THREE.STLExporter();
const stlContent = exporter.parse(mergeMesh);

// 下载STL文件
const blob = new Blob([stlContent], { type: 'application/sla' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'merged-model.stl';
a.click();
URL.revokeObjectURL(url);

内容的提问来源于stack exchange，提问作者Arnaud Coutant