容器

Container 可以作为任何显示对象的容器,renderer 所渲染的主 display => camera 就是一个 Container,所有显示对象的父集 stage 也是 Container。 你可以像下面这样创建一个容器:

var container = new Tiny.Container();

然后,你可以把任何东东加进去:

var sprite = Tiny.Sprite.fromImage('https://gw.alipayobjects.com/as/g/tiny/resources/1.0.0/images/logo.png'); // 创建一个精灵
var txt = new Tiny.Text('Tiny.js'); // 创建一个文字
var g = new Tiny.Graphics(); // 创建一个图形
g.beginFill(0xFF3300);
g.lineStyle(10, 0xffd900, 1);
g.drawRect(50, 250, 100, 100);
g.endFill();

// 将它们添加到 container 中
container.addChild(sprite);
container.addChild(txt);
container.addChild(g);

然后,让你的 app 显示一下。

app.run(container);

效果如下图:

Tips

camera 下有两个显示对象,分别为舞台(stage [Container])和帧频(label [Text])。