Javascript Gltf 2.0模型未使用ar.js加载_Javascript_Gltf_Ar.js

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

javascript

Javascript Gltf 2.0模型未使用ar.js加载,javascript,gltf,ar.js,Javascript,Gltf,Ar.js,我正在尝试使用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

我正在尝试使用

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代码所在的文件夹相同。

有人能帮我解决这个问题吗？

这是旧的

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>

（）（）

但请注意，您只能加载

gltf 1.0

模型（头盔是

gltf 2.0

）

A-Frame>=0.7.0，您不需要额外的或

gltf模型。只需使用gltf模型
。另外，你能检查一下这个模型在这上面是否有效吗？如果没有，模型本身可能有问题。thanx对于答案，模型在查看器上运行良好。将gltf model next
更改为gltf model也无济于事。如果某个gltf model加载了更新版本的库，或者可以共享sameI的语法，请与我共享任何html，我不知道AR.js是否需要特定版本的a-Frame，但仅使用A-Frame 0.7.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>
<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>