导出Blender文件以在three.js中使用

时间:2018-10-29 15:49:54

标签: three.js blender

这可能是一个基本问题,但是我试图找出如何在我的three.js代码中使用blend模型。

我的代码如下:

const loader = new THREE.JSONLoader();
loader.load( "models/test.blend", function(geometry){
  let material = new THREE.MeshLambertMaterial({color: 0x55B663});
  mesh = new THREE.Mesh(geometry, material);
  scene.add(mesh);
});

什么都没显示。我可以find directs me here的每个教程现在都已弃用,而我在文档中找不到任何内容。

我也尝试过使用dae文件和followed the answer here,但这也不起作用。我使用new THREE.ColladaLoader();尝试加载此文件/

任何帮助或指导都将在这里得到感谢。

1 个答案:

答案 0 :(得分:1)

read this 具体来说,它解决了一个工具:

https://github.com/KhronosGroup/glTF-Blender-Exporter

加载3D模型

3D模型具有数百种文件格式,每种文件具有不同的用途,各种功能和不同的复杂性。尽管three.js提供了许多加载程序,但是选择正确的格式和工作流程将在以后节省时间和沮丧。某些格式难以使用,实时体验效率低下,或者目前根本不完全支持。

本指南提供了推荐给大多数用户的工作流程,并提供了一些建议,以防万一事情没有按预期进行。

开始之前 如果您不熟悉运行本地服务器,请先从本地运行方法开始。通过正确托管文件,可以避免查看3D模型的许多常见错误。

推荐的工作流程 如果可能,我们建议使用glTF(GL传输格式)。格式的.GLB和.GLTF版本均受支持。由于glTF专注于运行时资产交付,因此传输紧凑且加载快速。功能包括网格,材质,纹理,蒙皮,骨骼,变形目标,动画,灯光和相机。

这来自上面的链接和THREE.js文档。它解释说,他们不赞成这样做以提高工作流程的生产率,这意味着它无论如何都无法很好地工作。...

您提供的链接具有替代资源,可将搅拌器模型导出为glTF,由于其紧凑的尺寸和速度,建议进行传输