A帧AR的纹理图像中存在错误



我做了一个aframe ar.,我放了一个纹理png。当我从某个网址使用png时,它工作一些png不,当我尝试使用计算机上下载的相同 png 时,它不起作用。

不起作用的示例:

<script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
<script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.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>
 <a-assets>
    <img id="my-texture" src="rubiscube.png">
  </a-assets>
  <a-entity geometry="primitive: box" material="src: #my-texture"></a-entity>
    <a-marker-camera preset='hiro'></a-marker-camera>
  </a-scene>
</body>
but like this it works:

<a-entity geometry="primitive: box" material="src: url(https://static.wixstatic.com/media/2cd43b_b13c89d3859a48129a434265b3ddd1a1~mv2_d_1826_1920_s_2.png)"></a-entity>

但图像的网址不是

https://i2.wp.com/rgvbingo.com/wp-content/uploads/2014/04/bingo-balls-hi-res.png(">

为什么? 这 2 张图片或 URL 有什么区别为什么如果它可以内联 URL 工作,为什么不离线?

您必须通过本地服务器(例如http-server(提供图像。浏览器无法访问本地文件系统。有关 A 型框架常见问题解答的更多详细信息

最新更新