Three.js 导入 Blender 模型。未捕获的类型错误：无法读取未定义的属性“x”答案

【问题标题】：Three.js importing Blender Model. Uncaught TypeError: Cannot read property 'x' of undefinedThree.js 导入 Blender 模型。未捕获的类型错误：无法读取未定义的属性“x”
【发布时间】：2019-05-24 19:15:14
【问题描述】：

我正在尝试将 3d 模型从 Blender 导入到 Three.js 项目，但我仍然收到此错误：Uncaught TypeError: Cannot read property 'x' of undefined。这是造成问题的一段代码：

var loader= new THREE.JSONLoader();
loader.load('http://localhost/js/map.json', function(geometry) {
 mesh= new THREE.Mesh(geometry);
 scene.add(mesh);
});

在这里您可以找到提供给我的 3d 模型的 json： http://s000.tinyupload.com/index.php?file_id=14990264909497963783

我们将不胜感激任何帮助了解什么不起作用。

【问题讨论】：

请不要再使用 JSON Blender 导出器了。它在几个版本前已被删除。将模型导出为 glTF 并使用 GLTFLoader 进行加载。阅读以下指南了解更多信息：threejs.org/docs/index.html#manual/en/introduction/…

标签： javascript three.js blender

【解决方案1】：

您正在尝试创建一个没有材质的Mesh()。您应该将材质作为其构造函数的第二个参数传递，如下所示：

var loader= new THREE.JSONLoader();
loader.load('http://localhost/js/map.json', function(geometry) {
    var material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
    var mesh = new THREE.Mesh(geometry, material);
    scene.add(mesh);
});

您可以阅读有关创建Mesh object in the documents 的信息。正如 Mugen87 所说，建议您使用 .gltf 导出器而不是 JSON，因为 JSON 已被弃用。

【讨论】：