Ich habe eine Pixi-Grafik, die ich animiere.Pixi - Wie man eine Animation fortsetzt, wenn der Fokus verloren geht?
Ich möchte die Animation weiter machen, auch wenn der Browser minimiert ist oder die Registerkarte nicht mehr die "aktive" Registerkarte ist.
Wie mache ich das? Derzeit werden alle Animationen angehalten, wenn der Fokus des Browsers verloren geht.
Da kann man wirklich nicht viel machen. Der in Pixi verwendete Ticker verwendet requestAnimationFrame, das ist die Browser-API, mit der Sie jedes Mal einen Callback einrichten können, wenn der Browser auf den Bildschirm zeichnen möchte. Bei den meisten Monitoren erfolgt der Rückruf daher 60 Mal pro Sekunde. Aber um CPU und Akku zu sparen, wird das Fenster requestAnimationFrame nicht vom Browser gesendet, wenn das Fenster minimiert ist.
Es gibt nichts, was Sie tun können, um dieses Browserverhalten zu ändern.
Sie verknüpfen können Animationen auf eine setInterval Aktualisierung Ich denke, aber Browser drosseln auch jedes Fenster in diesen Tagen auf einem minimierten Fenster Timeouts, wieder für CPU und Batteriespargründen
Sie die Bühne jederzeit machen kann durch den Aufruf ;
renderer.render(stage);
Sie dies wie setInterval in etwas zu rufen, anstatt requestAnimationFrame für die Animation, um fortzusetzen, wenn die Seite nicht aktiv ist.