Question

我做了一个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张图片或网址之间有什么区别以及为什么它能内联网址，为什么不离线？

Answer 1

您必须通过本地服务器（例如http-server）来提供图像。浏览器无权访问本地文件系统。有关A-Frame FAQ

的更多详细信息

a帧ar的纹理图像中存在错误

1 个答案: