场景

一个通俗的解释可以快速理解场景的概念:一个场景可以认为是PPT的一页。

场景可以是任何基于 DisplayObject 的显示类,强烈建议使用 Tiny.Container 初始化一个场景。

// 创建 Scene1 类,并继承自 Tiny.Container
var Scene1 = function() {
  Tiny.Container.call(this);
}
Scene1.prototype = Object.create(Tiny.Container.prototype);
Scene1.prototype.constructor = Scene1;

// 创建 Scene2 类,并继承自 Tiny.Container
var Scene2 = function() {
  Tiny.Container.call(this);
}
Scene2.prototype = Object.create(Tiny.Container.prototype);
Scene2.prototype.constructor = Scene2;

// 实例化
var scene1 = new Scene1();
var scene2 = new Scene2();

app.run(scene1); // 启动场景1
...
app.replaceScene(scene2, 'SlideInR'); // 以 SlideInR 过渡效果切换到场景2

或者用 ES2015:

// 创建 Scene1 类,并继承自 Tiny.Container
class Scene1 extends Tiny.Container {
  constructor() {
    super();
  }
}

// 创建 Scene2 类,并继承自 Tiny.Container
class Scene2 extends Tiny.Container {
  constructor() {
    super();
  }
}

// 实例化
var scene1 = new Scene1();
var scene2 = new Scene2();