为什么 A-Sky 元素出现在 Firefox 中，但没有出现在 Chrome（A-Frame）中

Question

我的 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>

Answer 1

图片很大，加载需要时间。 13000x6500 像素。尝试缩小它的大小。