cocos2d-html5学习笔记（二）——cocos2d中的layer

一个游戏一般由多个场景构成，每一个场景可以有多个层（Layer），这个概念与PS类似。

1.新建一个层（Layer）

[javascript] view plain copy

1. var MyHelloWorld = cc.Layer.extend({  
2.     init: function () {  
3.         this._super();  
4.   
5.         var s = cc.Director.getInstance().getWinSize();  
6.   
7.         //新建一个黄色的纯色层  
8.         var layer1 = cc.LayerColor.create(cc.c4(255, 255, 0, 255), s.width, s.height);  
9.         layer1.setPosition(cc.p(s.width / 2, s.height / 2));  
10.         this.addChild(layer1);  
11.   
12.         return true;  
13.     }  
14.   
15. });  

注意，坐标的原点是bottom、left，而不是我们习惯的top、left

2. 再添加一个层

[javascript] view plain copy

1. var MyHelloWorld = cc.Layer.extend({  
2.     init: function () {  
3.         this._super();  
4.   
5.         var s = cc.Director.getInstance().getWinSize();  
6.   
7.         //添加一个黄色的纯色层  
8.         var layer1 = cc.LayerColor.create(cc.c4(255, 255, 0, 255), s.width, s.height);  
9.         layer1.setPosition(cc.p(s.width / 2, s.height / 2));  
10.         this.addChild(layer1);  
11.   
12.         //添加一个红色，透明度为50%的纯色层  
13.         var layer2 = cc.LayerColor.create(cc.c4(255, 0, 255, 128), 100, 100);  
14.         layer2.setPosition(cc.p(100, 100));  
15.         this.addChild(layer2, 2);  
16.   
17.         return true;  
18.     }  
19.   
20. });  

添加第二个层时，向this.addChild传递了两个参数，第二个表示层z轴的大小，表明新层在黄色层之上。

效果如图：