时间戳

首页 > 解决方案 > glb 文件在 ar js 版本 1.0.4 中不起作用

javascript - glb 文件在 ar js 版本 1.0.4 中不起作用

问题描述

尽管有很多尝试，但我找不到这个问题。帮助将不胜感激！

<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<script src="https://google-ar.github.io/three.ar.js/dist/three.ar.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-entity gltf-model="url(CesiumMan.glb)" scale="0.2 0.2 0.2"></a-entity>
    <a-marker-camera preset='hiro'></a-marker-camera>
</a-scene>
</body>

标签： javascriptgitweb3dar.js

解决方案

您也可以将 glb 作为资产引入，这是我能够让我的工作的唯一方法：

 <a-scene embedded arjs>
        <a-assets>
            <a-asset-item id="glb-asset" src="CesiumMan.glb"></a-asset-item>
        </a-assets>
        <a-marker-camera preset="hiro">
            <a-entity
                animation-mixer
                gltf-model="#glb-asset"
                scale="0.2 0.2 0.2">
            </a-entity>
         </a-marker-camera>
 </a-scene>

此外，如果您使用的是 a-frame 版本，则不需要加载 three.ar.js 库。您可以简单地使用 aframe-ar.js 和 aframe.min.js 来实现您想要的结果

推荐阅读