6

我写了一个关于故障的演示场景，以在 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

我有一种感觉，我错误地将 gltf 导入到故障中或以错误的方式使用它。有谁能够帮助我？

4

1 回答 1

5

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

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

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

您还可以像这里.gltf建议的那样更改文件中的文件路径。

于 2017-07-12T08:59:54.807 回答