为什么A-Sky元素出现在Firefox中,而不是出现在Chrome(A-Frame)中

时间:2016-12-29 01:00:47

标签: firefox aframe webvr

我有一张A-Sky图片在Firefox中显示正常,但不会出现在Chrome中。

所有其他图片在两个浏览器中都能正常工作,因此不确定为什么会出现此问题。

Github:https://github.com/ybinstock/OzymandiasWebVR Github页面:https://ybinstock.github.io/OzymandiasWebVR/

   <a-scene>
      <a-camera wasd-controls-enabled="false"></a-camera>
      <a-mountain color="#F8981E"></a-mountain>
      <a-sky src="desert.jpg" rotation="0 0 0"></a-sky>
      <a-image id="trader" src="trader.jpg">
        <a-animation attribute="position" from="0 2 -20" to="0 2 -1" dur="5000"
          ></a-animation>
        <a-animation attribute="material.opacity" begin="fade" to="0"></a-animation>

      </a-image>
      <a-image id="legs" src="legs1.jpg" position="4 2 -4" material="opacity: 0">
        <a-animation attribute="material.opacity" begin="fade" to=".8"></a-animation>

      </a-image>

      <a-image id="head" src="head1.jpg" position="-2 0 -4" rotation="0 0 90"  material="opacity: 0">
        <a-animation attribute="material.opacity" begin="fade" to=".8"></a-animation>
      </a-image>

      <a-image id="text" src="text.png"  position="0 1.5 -1"  material="opacity: 0">
        <a-animation attribute="material.opacity" begin="fade" to="1"></a-animation>
      </a-image>


      <a-entity id="poem" geometry="primitive: plane" visible="false" material="color: blue"
                sound="src: url(poetry2.mp3); volume: 3; autoplay: true; loop: false"></a-entity>
      <a-entity id="wind" geometry="primitive: plane" visible="false" material="color: blue"
                sound="src: url(wind2.mp3); volume: 3; autoplay: true; loop: true"></a-entity>

    </a-scene>

1 个答案:

答案 0 :(得分:2)

图像很大,需要时间来加载。 13000x6500像素。尝试调整它的大小。