2017年4月24日

Create.js实战-Container容器操作

作者 admin

大家好,今天给大家带来的是Create.js实战-Container容器操作,官网传送入口:http://www.createjs.cc/src/docs/easeljs/classes/Container.html

官网说法是:

容器是一个嵌套显示列表,允许您与化合物显示元素。例如,你可以将手臂、腿部、躯干和头部Bitmap instances together into a Person Container, and 实例聚在一起,把它们转换为一组,同时还可以将各个部分相对彼此移动。集装箱的儿童有他们的 transformalpha与它们的父容器连接的属性。 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);

成功的把容器添加到了舞台上,并且跟舞台等宽等高,容器这个东西可以理解为存储图片,对象,数组,放置的箱子等等。

今天又是代码满满的一天,各位老哥我们下期再见