Cocos2d JS 之消灭星星(七) 处理星星类之——排列星星

 1 /*
 2  * 本层拥有处理星星的实例化以及对星星的操作
 3  */
 4 var GameStarLayout = ccui.Layout.extend(
 5 {
 6     size:null,
 7     starArr:[],//存放点击与被点击状态的星星资源
 8     starObjArr:[],//存放游戏中星星的二位数组
 9     ctor:function()
10     {
11         this._super();
12         this.zinit();
13         this.layoutStar();
14     },
15     //将星星按10*10的矩阵排列出来
16     layoutStar:function()
17     {
18         for(var i = 0; i < 10; i++)
19         {
20             for(var j = 0; j < 10; j++)
21             {
22                 //随机从5种不同颜色的星星中选择一个
23                 var randomNumber = Math.floor(Math.random()*this.starArr.length);
24                 var starResource = this.starArr[randomNumber];
25                 var star = new GameCreateStar(starResource.normal, starResource.id,starResource.selected);
26                 this.addChild(star, 0);
27                 //星星出现的动画
28                 var moveTo = cc.moveTo(i/10, cc.p(star.width*i, star.height*j));
29                 star.runAction(moveTo);
30                 //将星星装到数组中
31                 this.starObjArr[i][j] = star;
32             }
33         }
34     },
35     //初始化
36     zinit:function()
37     {
38         this.size = cc.size(480, 500);
39         //设置层的大小
40         this.setSize(this.size);
41         //将星星资源存放到数字中
42         this.starArr = [
43                         {id:1, normal:res.star1, selected:res.star1s},
44                         {id:2, normal:res.star2, selected:res.star2s},
45                         {id:3, normal:res.star3, selected:res.star3s},
46                         {id:4, normal:res.star4, selected:res.star4s},
47                         {id:5, normal:res.star5, selected:res.star5s}
48                         ];
54     }
55 });
56 //实例化
57 GameStarLayout.createLayout = function()
58 {
59     var starLayout = new GameStarLayout();
60     return starLayout;
61 };
/********************************effect image**********************************/