在 three.js 中渲染带有纹理的动画 fbx 模型答案

【问题标题】：Render an animated fbx model with texture in three.js在 three.js 中渲染带有纹理的动画 fbx 模型
【发布时间】：2017-02-26 05:10:36
【问题描述】：

我正在努力在网页上显示“动画 3D 模型”。这些模型采用 .obj、.mtl 和 .fbx 文件的形式，带有纹理和不带纹理。我在网页上成功显示了 .obj 3D 模型（带纹理，带 mtl 文件），但我无法显示带纹理的 .fbx 3D 动画模型。

我已经在 Google、SO 和 Github (https://github.com/mrdoob/three.js/issues) 上搜索过这个主题，但没有找到任何解决方案。

我想在这里问两个问题：

是否可以通过 three.js 显示带有纹理的 fbx 3D 模型？
如果可能，那么我该怎么做

请帮助我（在此先感谢）

【问题讨论】：

我知道的一种方法是将您的模型导入搅拌机（从 .fbx）然后exporting it to three json 格式。
您好@mlkn，感谢您的回复，我是 js 开发人员而不是 3D 设计师。 3D 设计师给了我要渲染的纹理的 .fbx 文件。经过大量的研发，我找到了three.js作为解决方案。但是three.js的FBXLoader库不支持纹理。由于它是动态的，用户将上传他们的模型文件，我必须直接在网页上呈现。所以我不能手动使用任何转换器。

标签： javascript three.js fbx 3d-model

【解决方案1】：

花了很多时间后，我了解到您不能将 .fbx 模型文件直接与 three.js 一起使用（直到 r82）。或者，您可以将 .fbx 文件转换为 .json（使用 three.js maya exporter）或 .js（使用 blender）。所以我正在使用 .json 文件格式。感谢您的建议@mlkn

【讨论】：