0

奇妙な webVR Mozilla A-Frame の質問がありました

だから私は次のようにa-curvedimageタグに画像をロードしています（いくつかのアニメーションが含まれています）：

<a-curvedimage src="img/wolfson.png" position="0 1 -10" radius="15.7" theta-length="90" height="10" rotation="0 100 0" scale="0.8 0.8 0.8">
    <a-animation easing="linear"attribute="rotation"dur="8000"fill="backward"from="0 0 0" to="0 360 0"repeat="indefinite"></a-animation>
</a-curvedimage>

そして、私はクロムのネットワークタブをチェックしていました（最適化ではかなり新しく、このことについて学んでいます）、画像が2回リクエストされていることがわかります。他の'。

A-Frame が画像を 2 回要求している

a-curvedimage タグから src 属性を削除し、ページをリロードすると、画像の両方のインスタンスが消えました。

デモはhttp://www.forwardcreation.comで見ることができます... 一番下の「過去の作品」セクションにカーソルを合わせます。

なぜ 2 回リクエストされているのかわかりません... A-Frame に問題がありますか? 私が間違っていること（おそらく！）

助けてくれてありがとう！

4

1 に答える 1

1

何が起こっているのかわかりませんが、回避策として (およびブラウザーのキャッシュを活用するため)、おそらく次のようにイメージを定義できます。<a-assets>

<a-scene>
  <a-assets>
    <img id="myImg" src="img/wolfson.png">
  </a-assets>
  <a-curved-image src="#myImg"></a-curved-image>
</a-scene>

これにより、ブラウザのキャッシュも取得できます。

于 2016-08-16T18:20:08.620 に答える