无法在ar.js的<a-frame>中加载obj

时间:2017-12-06 20:00:00

标签: javascript augmented-reality aframe ar.js

尽管给出了正确的路径,但无法在ar.js的以下html文件中加载obj文件:

<script src=”https://aframe.io/releases/0.6.1/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=’sourceType: webcam;’>
      <a-marker preset=’hiro’>
        <!-- Adding an OBJ file to an AR Project-->
        <a-entity 
            obj-model=”obj: url(https://rishavjayswal.github.io/augmented-reality/resources/couch.obj); 
            mtl: url(https://rishavjayswal.github.io/augmented-reality/resources/couch.mtl)”>
        </a-entity>

      </a-marker>
  <a-entity camera>
  </a-entity>
  </a-scene>
</body>

获取

  

获取https://rishavjayswal.github.io/augmented-reality/%E2%80%9Dhttps://aframe.io/releases/0.6.1/aframe.min.js%22 net :: ERR_ABORTED

跑完后

尝试使用obj和mtl文件的相对路径:

  

/resources/couch.obj

可以在此处打开链接:https://rishavjayswal.github.io/augmented-reality/

1 个答案:

答案 0 :(得分:3)

你的模型加载得很好。这是毛刺中的一个工作示例:https://glitch.com/edit/#!/excellent-face?path=index.html:13:19

我看到你在属性值周围混合了引号类型。您的HTML无效。使用双引号:"

在您的obj-model属性中,您使用的是,而在您的arjs属性中,您使用的是