aframe - AFrame にスリープ/待機機能を実装する方法はありますか?

Question

アニメーションとバックグラウンド ミュージックを含む AFrame Web ページがあります。ページが読み込まれるとすぐにアニメーションが始まりますが、音楽の読み込みには時間がかかります。音楽が完全にロードされた後にのみアニメーションが開始されるように、シーン (またはアニメーション) に対して待機/スリープのような方法はありますか?

Answer 1

https://aframe.io/docs/0.2.0/core/asset-management-system.html

imgアセット ( 、video、audio、などのメディア要素a-asset-item) を<a-assets>下に配置し<a-scene>ます。

<a-scene timeout="5000">
  <a-assets>
    <img id="myImg" crossorigin src="myimg.jpg">
    <video id="myVideo autoplay crossorigin src="myvideo.mp4"></video>
  </a-assets>

  <a-video src="#myVideo"></a-video>
</a-scene>

シーンは、アセットが読み込まれると初期化をブロックします。ただし、デフォルトで 3 秒に設定されているタイムアウトがあり、シーンのロードが開始されます。これは、timeout上記の属性で構成できます。

完全にブロックしたい場合はtimeout、非常に高い金額に設定できます。

を使用すると、 、、<a-assets>などのさまざまなメディア要素属性のブラウザー キャッシュと構成も提供されます。crossoriginautoplaypreload

Answer 2

要素にアセットを配置してa-assets、読み込まれるまでレンダリングをブロックする必要があります。ここで例を見つけることができます: https://github.com/aframevr/aframe/blob/master/examples/showcase/anime-UI/index.html#L14