2017年4月24日
Create.js实战-Container容器操作
大家好,今天给大家带来的是Create.js实战-Container容器操作,官网传送入口:http://www.createjs.cc/src/docs/easeljs/classes/Container.html
官网说法是:
容器是一个嵌套显示列表,允许您与化合物显示元素。例如,你可以将手臂、腿部、躯干和头部Bitmap instances together into a Person Container, and 实例聚在一起,把它们转换为一组,同时还可以将各个部分相对彼此移动。集装箱的儿童有他们的 transform
和 alpha
与它们的父容器连接的属性。 Container.
例如,一个形状(Shape) 与×= 100和α= 0.5,放置在一个容器中,与×= 50和α= 0.7将呈现给画布在×= 150和α= 0.35。容器有一些开销,所以你通常不应该创建一个容器来容纳一个孩子。
实例
var container = new createjs.Container();
container.addChild(bitmapInstance, shapeInstance);
container.x = 100;
刚刚说官网的说法,接下来我开始把自己的代码搞上来,
var gameView = new createjs.Container();
//容器
gameView.width = stage.width;
gameView.height = stage.height;
//容器与舞台等宽等高
stage.addChild(gameView);
成功的把容器添加到了舞台上,并且跟舞台等宽等高,容器这个东西可以理解为存储图片,对象,数组,放置的箱子等等。
今天又是代码满满的一天,各位老哥我们下期再见