Pixi - フォーカスが失われたときにアニメーションを続ける方法は？

Question

私はpixiグラフィックを持っています。

ブラウザが最小化されているか、タブが「アクティブ」タブではなくなっても、アニメーションを継続したいと思います。

どうすればよいですか？現在のところ、ブラウザのフォーカスが失われたときにすべてのアニメーションが一時停止していますか？

Answer 1

本当にこれについて行うことはあまりありません。 pixiで使用されているティッカーはrequestAnimationFrameを使用します。requestAnimationFrameはブラウザが画面に描画したいときにコールバックを設定できるブラウザAPIです。したがって、ほとんどのモニターでは、コールバックは1秒間に60回発生します。しかし、CPUとバッテリーを節約するために、ウィンドウが最小化されている場合、ブラウザはrequestAnimationFrameを送信しないため、アニメーションが一時停止します。

このブラウザの動作を変更する方法はありません。

あなたは私が推測するsetIntervalにアニメーションを更新しリンクすることができますが、ブラウザはまた、CPUとバッテリー節約の理由から、再び、任意のウィンドウが最小化されたウィンドウ上で、これらの日タイムアウト

Answer 2

を絞るあなたが呼び出すことにより、任意の時点でのステージをレンダリングすることができます;

renderer.render(stage); 

あなたはページがアクティブでないときのアニメーションが継続するためには、むしろrequestAnimationFrameよりも、setIntervalのようなものでこれを呼び出す必要があります。