AR.js 和 A 型框架的模型问题

Question

所以我正在编写一个使用 A 型框架和 AR.js 的教程，我刚刚复制了代码并代入了我自己的模型，但是模型不会加载到场景中，我'我已经在 Blender 中调整了模型的比例和光照以尝试不同的尺寸和配置，但模型就是无法加载。我一直很难弄清楚如何格式化模型，因为我确定问题出在使用我的模型，因为代码工作正常。

有谁知道如何 troubleshoot/modify 建模以便它们实际加载？

这是我的模型无法使用的代码，供参考，在此先感谢！

<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>

Answer 1

您的 glTF 文件调用的 .bin 文件不在同一文件夹中。具体来说，在 line 112，它要求一个名为 buffer_ROCK_TEST_2.bin 的文件，但该文件不存在。

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

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

AR.js 和 A 型框架的模型问题

Model issues with AR.js and A-frame

javascript

augmented-reality

aframe

gltf

ar.js