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

Question

我写了一个关于 glitch 的演示场景来测试我在一帧中导出的 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 错误地导入到 glitch 中或以错误的方式使用它。有人可以帮助我吗？

Answer 1

据我了解，您的 .gltf 包含对 .bins 和 .jpg 纹理的引用。
故障并没有那么简单，这些文件不在一个 "directory" 中，正如您在获得链接时看到的那样。

您遇到的错误是由 aframe 试图解析 null/nonexistent 源文件（bins 和 jpgs）引起的。

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

您还可以按照建议 .

更改 .gltf 文件中的文件路径

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

Archilogic gltf model can't be loaded in a-frame

aframe

gltf

archilogic