文章/答案/技术大牛

发布

社区首页 >问答首页 >未使用ar.js加载Gltf2.0模型

问未使用ar.js加载Gltf2.0模型
EN

Stack Overflow用户

提问于 2018-02-03 18:28:38

回答 1查看 2.5K关注 0票数 1

我正在尝试使用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 model的文件夹与html代码所在的文件夹相同。有谁能帮我一下吗？

javascript

gltf

ar.js

回答 1

Stack Overflow用户

发布于 2018-04-19 17:30:12

这是旧的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)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48596340

复制

相似问题

问未使用ar.js加载Gltf2.0模型
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未使用ar.js加载Gltf2.0模型EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未使用ar.js加载Gltf2.0模型
EN