使用 requestAnimationFrame 的 TweenJS 在选项卡切换时暂停

Question

我使用createjs.TweenJS 在我的画布游戏中缠绕对象。问题是当我切换选项卡时，Tween 暂停并在选项卡重新聚焦后继续处理。

我的目标是在当前时间情况下显示阶段状态，此时选项卡重新聚焦。如果换一种说法，当我切换标签时，进程不能暂停，而是在后台运行。

如果我将 TweenJS 计时模式切换到 TIMEOUT 而不是 requestAnimationFrame (RAF)，一切正常。

是否可以使用 requestAnimationFrame 计时模式达到相同的效果？

Answer 1

这是 RAF 的功能之一。它具有不确定的频率，并允许浏览器节流甚至完全暂停背景动画，以防止隐藏内容烧毁 CPU 和电池。它由浏览器管理，您无法控制它。

如果我没记错的话，一些浏览器（例如 Safari）也会在一定程度上限制超时事件。

查看所有现代浏览器中都可用的页面可见性 API，您应该能够跟踪标签从隐藏到显示之间的经过时间，并做出相应的反应。