应用控制

应用整体的控制比较重要,当然,使用也很简单。

让应用开始:

app.start();

暂停:

app.pause();

app 的 pause 会同时操作如下的整体 pause:

  • 暂停 Tiny.ticker.shared 下的所有事件(含主调度)
  • 暂停 Tiny.TWEEN 动画
  • 暂停 CountDown 实例
  • 暂停 tinyjs-plugin-audio 的 Audio 实例

继续:

app.resume();

app 的 resume 会同时恢复以上自动暂停的恢复

注意 ⚠️⚠️⚠️ 这很重要,为避免移动端压后台引发的运行 Crash,需要你控制一下应用,如:

// 使用浏览器自身事件监听(注意:各个手机浏览器支持不一,请按使用场景做好测试覆盖)
document.addEventListener('visibilitychange', function (e) {
  if (document.hidden) {
    app.pause();
  } else {
    app.resume();
  }
}, false);

支付宝容器环境:

// 页面压后台,让应用停下来
document.addEventListener('pause', function (e) {
  app.pause();
}, false);

// 页面恢复运行,让应用继续
document.addEventListener('resume', function (e) {
  app.resume();
}, false);

手淘容器环境:

document.addEventListener('WV.Event.APP.Background', (e) => {
  // 页面压后台
}, false);
document.addEventListener('WV.Event.APP.Active', (e) => {
  // 页面恢复运行
}, false);