Gltf 2.0 模型未使用 ar.js 加载答案

【问题标题】：Gltf 2.0 model not loading using ar.jsGltf 2.0 模型未使用 ar.js 加载
【发布时间】：2018-07-13 18:15:42
【问题描述】：

我正在尝试使用ar.js 加载gltf2.0 模型。我已经尝试了几次，但我认为我在某些方面是错误的。代码如下：

    <script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/examples/vendor/aframe/build/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"></script>
<script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script>
<body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs='trackingMethod: best;'>
      <a-anchor hit-testing-enabled='true'>
      <a-gltf-model-next src="damagedHelmet/damagedHelmet.gltf" scale="0.5 0.5 0.5"></a-gltf-model>
      </a-anchor>
        <a-camera-static/>
    </a-scene>
</body>

gltf模型的文件夹与html代码所在的文件夹相同。谁能帮我解决这个问题？

【问题讨论】：

如果 A-Frame >= 0.7.0，您不需要额外的或 gltf-model-next。只需使用gltf-model。另外，你能检查一下这个模型在这个drag-and-drop viewer 上是否有效吗？如果不是，则模型本身可能存在问题。
感谢模型在查看器上运行良好的答案。并且将 gltf-model-next 更改为 gltf-model 也无济于事。您能否分享任何一段 html，其中某个 gltf 模型加载了更新版本的库或可以共享相同的语法
我不知道 AR.js 是否需要特定版本的 A-Frame，但只有 A-Frame 0.7.0 的工作示例是 here 或 here。

标签： javascript gltf ar.js

【解决方案1】：

这是旧 aframe 构建的已知问题，但是您的代码有额外的问题。提升您的aframe 版本和aframe-ar 版本。删除 aframe-extras 脚本，在新版本中不需要它。去掉a-anchor，最后加上a-marker-camera的标记：

<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.5/aframe/build/aframe-ar.js"></script>
<body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs='trackingMethod: best;'>
      <a-gltf-model src="https://rawgit.com/KhronosGroup/glTF-Sample-Models/master/2.0/DamagedHelmet/glTF/DamagedHelmet.gltf"></a-gltf-model>
      <a-marker-camera preset='hiro'></a-marker-camera>
      <a-camera-static/>
    </a-scene>
</body>

(run code) (download marker)

或者，如果您想保留旧的 aframe 库，您可以使用 a-assets 加载模型，如下所示：

<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/examples/vendor/aframe/build/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"></script>
<body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs='trackingMethod: best;'>
    <a-assets>
    <a-asset-item id="model" src="https://rawgit.com/KhronosGroup/glTF-Sample-Models/master/1.0/CesiumMan/glTF/CesiumMan.gltf" crossOrigin="anonymous"></a-asset-item> 
  </a-assets>
  <a-gltf-model src="#model"></a-gltf-model>
  <a-marker-camera preset='hiro'></a-marker-camera>
    <a-camera-static/>
    </a-scene>
</body>

(run code) (download marker)

但请注意，您只能加载 gltf 1.0 模型（头盔为 gltf 2.0）

【讨论】：