javascript - 如何从 Blender 将模型和相关纹理导入 three.js？

Question

我是 Open/WebGL 的新手，在从下载的 Blender 模型中获取纹理/皮肤以显示在 three.js 中时遇到问题。我可以从 Chrome 的网络选项卡中验证它正在下载所有纹理文件，但由于某种原因它们没有被渲染。

我使用 webgl_loader_collada.html 示例作为基础，将示例 3D 模型从 blender 导入 three.js。

对于输入，我使用 the MESSENGER model available from the NASA website .作为引用，可以查看 NASA 3D 模型的完整图库 here .

我目前的步骤:

• 在 Blender 中下载并打开模型
• 文件->导出->Collada (.dae)

查看:

• 修改 threejs/examples/webgl_loader_collada.html 的副本以指向导出的 .dae 文件
• 删除第 59 行的缩放。

使用 blender 中的默认选项导出生成的渲染没有所有纹理。如果我启用“包括 Material 纹理”，我最终会在模型的主要部分上涂上金色，但没有其他纹理被映射，而且太阳能电池板会进一步变成全黑。或者，如果我还选中“包括 UV 纹理”，我会得到没有纹理的全灰色渲染。

我也尝试过用于 Blender 的 three.js JS 导出器插件，但在那种情况下(使用适当的演示模板)我得到的只是一个 JS 异常“无法读取未定义的属性‘opacity’”。

是我在翻译过程中做错了什么，还是源模型有问题？如果是后者，我该如何着手修复原始模型或其导出的形式？

谢谢，- 大卫

Answer 1

非常好的项目，感谢您的链接。

用于 collada 导出

• 不包含 UV 纹理
• 包括 Material 纹理
• 不要复制(你可以使用提供的纹理图像)
• 仔细检查 .dae 文件中的纹理路径，在 <library_images> 中标签，使用相关的

我自己试过了，如果你想要的话，就在这里https://github.com/vincent/three.js-nasa ,但它并不完美，例如没有使用法线贴图的箔效果。