容器
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]
)。