应用控制
应用整体的控制比较重要,当然,使用也很简单。
让应用开始:
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);