导出blender文件以在three.js中使用
我正在试图弄清楚如何在我的three.js代码中使用导出blender文件以在three.js中使用,three.js,blender,Three.js,Blender,我正在试图弄清楚如何在我的three.js代码中使用混合模型 我的代码如下所示: 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); sc
混合
模型
我的代码如下所示:
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);
});
什么都没有显示。我能找到的每一个教程现在都被弃用了,我在文档中找不到任何东西
我还尝试过使用dae
文件和,但这也不起作用。我使用了新的3.ColladaLoader()
尝试加载此文件。
具体而言,它涉及一种工具:
加载三维模型
三维模型有数百种文件格式,每种格式都有不同的用途、不同的功能和不同的复杂性。尽管three.js提供了许多加载程序,但选择正确的格式和工作流程将节省时间和以后的挫折感。有些格式很难使用,实时体验效率低下,或者目前还不完全支持
本指南为大多数用户提供了一个推荐的工作流,并提供了一些建议,说明如果事情没有按预期进行,应该尝试什么
在我们开始之前
如果您不熟悉运行本地服务器,请先从如何在本地运行开始。通过正确托管文件,可以避免查看三维模型时出现的许多常见错误
推荐的工作流程
如果可能,我们建议使用glTF(GL传输格式)。格式的.GLB和.GLTF版本都得到了很好的支持。因为glTF专注于运行时资产交付,所以它传输紧凑,加载速度快。功能包括网格、材质、纹理、蒙皮、骨架、变形目标、动画、灯光和摄影机
这来自上面的链接和THREE.js文档。在这篇文章中,他们解释说,为了提高工作效率,他们不赞成这样做,这意味着它无论如何都不能很好地工作
您提供的链接提供了将搅拌机型号导出为glTF的替代资源,由于其紧凑的尺寸和速度,建议将glTF用于传输以下指南可能会有所帮助:。此外,不能使用
three.js
直接加载混合文件。此外,不建议使用Collada。如果可能的话,使用glTF
。@Mugen87我也看到了。从这里我仍然不太清楚如何加载模型如果您将模型导出到glTF
,请使用以下示例中的代码作为开始模板:Json和blend可能是不同的格式。为什么要使用json加载程序?