如何将 gltf 模型加载到 Three.js？答案

【问题标题】：How to load a gltf model to Three.js?如何将 gltf 模型加载到 Three.js？
【发布时间】：2014-10-13 00:46:46
【问题描述】：

我决定尝试使用 gltf 格式在 Three.js 中渲染模型，并使用此转换器 (http://cesiumjs.org/convertmodel.html) 将模型从 Collada 转换为 GlTF。它会输出一个 *.gltf 文件，但是在 Three.js 中的示例中，它们传递了一个 *.json 文件。如何加载 *.gltf 文件或如何获取要加载的正确文件集？谢谢

【问题讨论】：

标签： three.js gltf

【解决方案1】：

您可以使用THREE.glTFLoader，它可以在examples/js/loaders 目录中找到。

有关演示，请参阅http://threejs.org/examples/webgl_loader_gltf.html。

three.js r.95

【讨论】：

对不起。问题是将什么文件传递给加载程序？在示例中，它们传递 *.json，但没有一个 collada-to-gltf 转换器生成 json 文件。我正在获取 *.gltf、*.bin 等文件，但没有 json...
好问题。似乎还有其他问题：github.com/mrdoob/three.js/issues/5161
至少从 r83-r84 开始，.json 版本已经过时并且不需要了。您可以通过 THREE.GLTFLoader 直接使用 .gltf 文件。

【解决方案2】：

据我所知，gltf 文件是一个有效的 json 文件。我打开了一个从 collada 转换为 gltf 的文件，它只是普通的 json。我还通过JSONLint 的验证器进行了验证。我建议将文件结尾从 .gltf 更改为 .json 。

【讨论】：

截至 2016 年，.gltf 文件仍然是有效的 JSON，但没有必要重命名。只需使用 .gltf 文件的 URL 作为 THREE.GLTFLoader 的输入。
@Don McCurdy 文件的 URL 是文件路径对吗？