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

时间:2017-07-18 08:09:06

标签: pixi.js

我有一个pixi图形,我制作动画。

我希望即使浏览器最小化或标签不再是“有效”标签,动画也会继续播放。

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

2 个答案:

答案 0 :(得分:0)

关于这一点你真的没什么可做的。 pixi中使用的自动收录器使用requestAnimationFrame,它是浏览器api,允许您在每次浏览器绘制到屏幕时设置回调。因此,在大多数监视器上,回调每秒发生60次。但是为了节省CPU和电池,如果窗口最小化,浏览器将不会发送requestAnimationFrame,从而导致动画暂停。

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

我猜你可以将更新动画链接到setInterval,但是浏览器也会在最小化的窗口上限制任何窗口超时,同样是出于节省cpu和电池的原因

答案 1 :(得分:0)

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

 renderer.render(stage);

您必须使用setInterval而不是requestAnimationFrame来调用此方式,以便在页面处于非活动状态时继续播放动画。