2016-12-29 25 views
1

Firefoxには正常に表示されますが、Chromeでは表示されないA-Sky画像があります。A-Skyの要素がFirefoxでは表示されますが、Chromeでは表示されません(Aフレーム)

他のすべての画像は両方のブラウザで正常に動作しますが、なぜこの問題が発生しているのかわかりません。

の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> 

答えて

2

画像が巨大で、ロードに時間を割いています。 13000×6500ピクセル。サイズを変更してみてください。

+0

それでした。ありがとう! –

+0

私はこの問題も抱えていました。コンテンツは私の開発マシンにキャッシュされていましたが、私の携帯電話には3分でロードされました。 Chromeでリモートプロファイリングツールを使用するまでわからなかった> _> – rensa

関連する問題