使用 THREE.OBJExporter 导出 Makehuman.js Three.js

Question

我正在使用https://github.com/makehuman-js/makehuman-js

该示例从源导出网格。所以我试图从更改它的场景中获取它。

当我尝试将场景导出到 obj 文件时，它是空的：

     var objscene = new THREE.OBJExporter().parse( self.scene );
     var output = JSON.stringify( objscene, null, 2 );               
     saveAs (new Blob([output], {type : 'text/plain;charset=utf-8'} ), 'Avatar.obj');

我可以数出场景中的物体。有四个。

 var scene_size = app.scene.children.length; 
     var i = 0;
     while(i < scene_size){ 
        alert(app.scene.children[i]) 
        i = i + 1;
    }

但是他们没有名字，所以我给主要的人类对象添加了一个名字。

// HUMAN
this.human = new makehuman.Human(this.resources);
this.human.name = 'human';

所以现在我可以检索名为 human 的对象的名称。

     var scene_size = app.scene.children.length; 
     var i = 0;
     while(i < scene_size){ 
        var thisone = app.scene.children[i]
        alert(thisone.name) 
        i = i + 1;
     }

所以，我可以证明对象存在。稍后我将为其他对象分配名称。我无法理解的是为什么我的出口是空的。该文件大小为1kb，当我在我的编辑器中打开它时，里面只有“”。

如有任何见解，我们将不胜感激。我已经敲了一个星期了，不知所措...谢谢！

Answer 1

OBJExporter.parse() 不是 return 一个 JSON 对象。所以在这种情况下使用 JSON.stringify() 是没有意义的。看看这个 example 中的实际输出（您会看到它只是一个普通字符串）。

无论如何，我建议使用 GLTFExporter，因为 glTF 是 three.js 的 recommended format。您可以将以下示例中的代码片段用于您自己的项目。

https://threejs.org/examples/#misc_exporter_gltf

使用 THREE.OBJExporter 导出 Makehuman.js Three.js

Exporting Makehuman.js Three.js using THREE.OBJExporter

three.js

exporter

makehuman