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

时间:2017-07-12 07:42:29

标签: aframe gltf archilogic

我在故障上编写了一个演示场景来测试我在一帧中导出的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导入故障或以错误的方式使用它。有人能帮助我吗?

1 个答案:

答案 0 :(得分:5)

根据我的理解你的.gltf包含对.bins和.jpg纹理的引用。
小故障不是那么简单,这些文件不在一个目录中,你可以看到,当你得到链接时。
我允许自己上传文件,并将gltf上传到我的小型服务器上,并使其工作:http://gftruj.nazwa.pl/sogltftest/。你可能得到的错误是由于aframe尝试解析空/不存在的源文件(bin和jpgs)引起的。


该链接将来可能已经死亡,但这些文件与故障项目中的文件相同(我只丢弃了灯光,并定位了模型)。
我认为如果你把这些文件放在你的服务器上,或者把它放在github上你可能会更好(因为目录很简单)。
我必须承认我一直在处理很多故障,也许有一种更简单的方法来管理资产,但我不知道该怎么做。
如果您希望我从我的服务器中删除该模型,只需说一句话。