Pixi - 失去焦点时如何继续动画?

Question

我有一个小精灵图形，我做了动画。

我希望即使浏览器最小化或选项卡不再是"活动"选项卡，动画吨也继续。

我该怎么做？当前，当浏览器焦点丢失时，所有动画都会暂停？

Answer 1

你对此无能为力，真的。pixi 中使用的代码使用 requestAnimationFrame，这是一个浏览器 api，允许您在每次浏览器想要绘制到屏幕时设置回调。因此，在大多数监视器上，回调每秒发生 60 次。但是为了节省 CPU 和电池，如果窗口最小化，浏览器将不会发送请求动画帧，从而导致动画暂停。

您无法更改此浏览器行为。

我猜您可以将更新动画链接到 setInterval，但浏览器这些天也会在最小化的窗口上限制任何窗口超时，同样出于 CPU 和省电原因

Answer 2

您可以随时通过调用来渲染舞台;

renderer.render(stage);

您必须在类似 setInterval 而不是 requestAnimationFrame 之类的东西中调用它，以便在页面未处于活动状态时继续动画。