Archilogic gltf 模型无法加载到框架中答案

【问题标题】：Archilogic gltf model can't be loaded in a-frameArchilogic gltf 模型无法加载到框架中
【发布时间】：2017-12-16 12:16:03
【问题描述】：

我写了一个关于故障的演示场景，以在 a-frame 中测试我导出的 gltf 模型，但我在控制台中收到错误：

我的代码

<!DOCTYPE html>
<html>
  <head>
    <title>Basic Scene - A-Frame</title>
    <meta name="description" content="Basic Scene - A-Frame">
    <script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-assets>
        <a-asset-item id="gltfDemo" src="https://cdn.glitch.com/a3c2afff-dcc6-4918-bb73-5716b35f39b0%2Fexport.gltf?1499844855169"></a-asset-item>
        <a-asset-item id="buffer_0.bin" src="https://cdn.glitch.com/a3c2afff-dcc6-4918-bb73-5716b35f39b0%2Fbuffer_0.bin?1499844851189"></a-asset-item>
        <a-asset-item id="buffer_1.bin" src="https://cdn.glitch.com/a3c2afff-dcc6-4918-bb73-5716b35f39b0%2Fbuffer_1.bin?1499844853034"></a-asset-item>
      </a-assets>
      
      <a-entity gltf-model="#gltfDemo"></a-entity>
      
      <a-sky color="#000"></a-sky>
      <a-light type="ambient" color="#445451"></a-light>
      <a-plane color="#050" rotation="-90 0 0" height="100" width="100"></a-plane>  
      <a-camera>
        <a-cursor color="#FAFAFA"></a-cursor>
      </a-camera>
    </a-scene>
  </body>
</html>

错误：

VM1762:1 Uncaught SyntaxError: Unexpected end of JSON input
at JSON.parse (<anonymous>)
at e.parse (GLTFLoader.js:68)
at GLTFLoader.js:32
at three.js:29160

源文件： Glitch Fiddle with source files

我感觉我错误地将 gltf 导入到故障中或以错误的方式使用它。有人可以帮帮我吗？

【问题讨论】：

标签： aframe gltf archilogic

【解决方案1】：

据我了解，您的 .gltf 包含对 .bins 和 .jpg 纹理的引用。
Glitch 并不是那么简单，而且这些文件不在一个“目录”中，正如您在获得链接时所看到的那样。

您得到的错误是由 aframe 试图解析一个空/不存在的源文件（bins 和 jpgs）引起的。

我认为如果你把这些文件放在你的服务器上可能会更好，或者如果你想把它放在 github 上（因为目录很简单）。

您还可以更改.gltf 文件中的文件路径，如建议的here。

【讨论】：

非常感谢！所以问题只是在故障上托管文件？很高兴知道这真的很遗憾（因为故障对于快速演示和共享代码来说非常棒）
@MadlainaKalunder，我尝试将 gltf 文件中的源更改为故障链接，但仍然出现相同的错误，我不确定 aframe 究竟是什么无法解析（正如我最初认为的那样null 来源，现在我认为 https 链接也可能无效）。尽管如此，我建议您在故障上制作您的示例，但在其他地方托管模型+资产。很高兴我能帮忙:)