4

使用 three.js 插件将一些 obj 模型从 Blender 导出到 json 会导致我的网页出现 javascript 错误。错误总是像

类型错误：顶点未定义

在 Three.js 中

zLength = vertices.length;

json 文件的格式似乎不正确，要更改什么？如何创建正确的 obj 文件？

json 文件的格式确实不同，节点“顶点”不会作为根节点出现，而是在 embeds 节点内部：

"embeds" :
{
"emb___9903__30_1 __9903__30_1_8.002": {    "scale" : 1.000000,

"materials" : [],

"vertices" : [...]}

这种格式似乎不正确，但我不知道在导出 json 或创建 obj 文件期间要做什么。

html/js 网页似乎可以正常工作，因为某些文件已在浏览器中正确打开

基本上我这样做：

function init()
{
...
var jsonLoader = new THREE.JSONLoader();
jsonLoader.load( "models/model.js", addModelToScene );
...
}

function addModelToScene( geometry, materials ) 
{
    var material = new THREE.MeshFaceMaterial( materials );
    modeltd = new THREE.Mesh( geometry, material );
    modeltd.scale.set(1,1,1);
    scene.add( modeltd );
}
4

1 回答 1

0

我遇到了和你描述的完全一样的问题。这对我有用（尽管我的输出可能有不同的目标）我得到了导出器的最新开发分支和 three.js 代码，我通过一个 zip 文件加载了导出器，而不是仅仅复制文件。（我提到所有这些可能是相关的，但我怀疑解决方案如下）我将导出选项设置如下

  • 场景：场景检查；
  • 几何：检查顶点和检查面；
  • 材料：检查面材料；
  • 所有其他项目均未选中或保留原始值。

进口商代码：

var loader = new THREE.JSONLoader();
loader.load(path /*<--not file system but url*/, doLoad );
console.log("success");
doLoad = function(g) {
    mesh = new THREE.Mesh(g, new THREEMeshBasicMaterial(someVal));
    mesh.scale.set(3,3,3); //perhaps the mesh is loaded but off the screen?
    scene.add(mesh);
}

此外，知道我能够完全删除加载程序时遇到相同的错误，这可能有助于调试。其中 g = ({/*json blob here*/})。

于 2017-10-28T18:38:28.977 回答