AR.js和A-frame的模型问题

时间:2018-05-01 15:25:48

标签: javascript augmented-reality aframe gltf ar.js

所以我正在研究A-frame和AR.js的教程,我刚刚在我自己的模型中复制了代码和subbed,但模型不会加载到场景中,我玩过Blender中模型的比例和光照,以尝试不同的尺寸和配置,但模型不会加载。我一直很难弄清楚如何格式化模型,因为我确定问题出在我的模型上,因为代码工作正常。

是否有人知道如何对模型进行故障排除/修改以便实际加载?

以下是我的工作模型的代码供参考,提前谢谢!

<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>

<body style='margin : 0px; overflow: hidden;'>
  <a-scene embedded arjs>

<a-gltf-model src="https://cdn.rawgit.com/3164255/AR_TEST/master/ROCK_TEST_2.gltf" scale="1 1 1"></a->

    <a-marker-camera preset='hiro'></a-marker-camera>
  </a-scene>
</body>

1 个答案:

答案 0 :(得分:2)

您的glTF文件要求.bin文件不在同一文件夹中。具体来说,在line 112上,它会询问名为buffer_ROCK_TEST_2.bin的文件,但此文件不存在。

glTF文件通常有两种形式。 *.gltf表单是纯文本JSON格式的文件,通常引用外部文件,例如.bin.jpg.png文件。网格数据全部存储在bin文件中,如果没有它,模型就无法渲染。

另一种形式的glTF存储在.glb文件中。这是一个二进制包,它包含JSON,图像和网格数据都在一个文件中。