canvas - 将 three.js 网格导出为 OBJ 或 STL

Question

我想为参数化 Three.js 网格对象创建导出为 OBJ 或 STL 链接。就像http://www.3dtin.com上的导出选项一样

任何意见，将不胜感激。

Answer 1

为了获得 .obj 格式的网格，我使用了这个简单的函数：

THREE.saveGeometryToObj = function (geometry) {
var s = '';
for (i = 0; i < geometry.vertices.length; i++) {
    s+= 'v '+(geometry.vertices[i].x) + ' ' +
    geometry.vertices[i].y + ' '+
    geometry.vertices[i].z + '\n';
}

for (i = 0; i < geometry.faces.length; i++) {

    s+= 'f '+ (geometry.faces[i].a+1) + ' ' +
    (geometry.faces[i].b+1) + ' '+
    (geometry.faces[i].c+1);

    if (geometry.faces[i].d !== undefined) {
        s+= ' '+ (geometry.faces[i].d+1);
    }
    s+= '\n';
}

return s;
}

Answer 2

写一个OBJExporter应该很容易。只需将OBJLoader用作参考。如果到那时还没有人这样做，我可能会在几周后自己写。

Answer 3

我会首先研究 python OBJ -> three.js 转换器。

除此之外，我认为您不会找到任何预先构建的库来执行此操作。我实际上会问 3DTin 他们是使用图书馆还是在内部开发它。

Answer 4

我稍微调整了上面的代码，以允许在场景中复制和平移的对象数组。我目前正在使用 document.writeln 然后手动复制并粘贴到文档中。

var l = parent.length;
var j = 0;

while (l--) {

 var numVerts = parent[l].children[0].geometry.vertices.length;
 document.writeln(THREE.saveGeometryToObj(parent[l].children[0],j*(numVerts)));     

 j++;
}

THREE.saveGeometryToObj = function (geo,nums) {

geo.updateMatrixWorld();
var num = parseInt(nums);
var s = '';

for (i = 0; i < geo.geometry.vertices.length; i++) {

    var vector = new THREE.Vector3( geo.geometry.vertices[i].x, geo.geometry.vertices[i].y, geo.geometry.vertices[i].z );
    geo.matrixWorld.multiplyVector3( vector );


    s+= 'v '+(vector.x) + ' ' +
    vector.y + ' '+
    vector.z + '</br>';
}

for (i = 0; i < geo.geometry.faces.length; i++) {

    s+= 'f '+ (geo.geometry.faces[i].a+1+num) + ' ' +
    (geo.geometry.faces[i].b+1+num) + ' '+
    (geo.geometry.faces[i].c+1+num);

    if (geo.geometry.faces[i].d!==undefined) {
        s+= ' '+ (geo.geometry.faces[i].d+1+num);
    }
    s+= '</br>';
}

return s;

}