用cocos2d-html5做的消除类游戏《英雄爱消除》(1)——系统主菜单

首先，介绍下这个主菜单，它包含了一个动画logo以及一个按钮选项，动画logo每隔1秒钟切换一张图片，点击相应的按钮选项会切换不同的游戏场景。 p> 

p>下面看下这个界面的源码：

p> 

p> 

p> 

p>复制代码

p>/**

p> * Power by  html5中文网(html5china.com)

p> * author: jackyWHJ

p> */

p> 

p>cc.dumpConfig();

p>var winSize;

p>var SysMenu = cc.Layer.extend({

p>    _hero:null,

p>    _logo:null,

p>    _logoFrameCache:null,

p>    imagesArrLen:0,

p>    bigImgLen:0,

p>    init:function () {

p>        var bRet = false;

p>        if (this._super()) {

p>            this._logoFrameCache = cc.SpriteFrameCache.getInstance();

p>            this._logoFrameCache.addSpriteFrames(s_textureBigImage_plist);

p> 

p>            winSize = cc.Director.getInstance().getWinSize();

p>            var sp = cc.Sprite.create(s_b01);

p>            sp.setAnchorPoint(cc.p(0,0));//设置锚点左下角

p>            this.addChild(sp, 0, 1);//addChild(cocos2d::CCNode *child, int zOrder, int tag);

p>            // 其中child参数为将要添加的节点。对于场景而言。添加的节点就是层，先添加的层会被置于后添加的层之下。

p>            // 如果想要指定先后次顺，可以使用不同的zOrder，zOrder代表该节点下元素的先后次序，值越大显示越靠上。

p>            // 默认值是0.tag是元素的标识号码，如果子节点设置了tag值，就可以在它的父节点中利用tag值找到它

p> 

p>            var newGameNormal = cc.Sprite.create(s_menu, cc.rect(0, 0, 126, 33));

p>            var newGameSelected = cc.Sprite.create(s_menu, cc.rect(0, 33, 126, 33));

p>            var newGameDisabled = cc.Sprite.create(s_menu, cc.rect(0, 33 * 2, 126, 33));

p> 

p>            var gameSettingsNormal = cc.Sprite.create(s_menu, cc.rect(126, 0, 126, 33));

p>            var gameSettingsSelected = cc.Sprite.create(s_menu, cc.rect(126, 33, 126, 33));

p>            var gameSettingsDisabled = cc.Sprite.create(s_menu, cc.rect(126, 33 * 2, 126, 33));

p> 

p>            var aboutNormal = cc.Sprite.create(s_menu, cc.rect(252, 0, 126, 33));

p>            var aboutSelected = cc.Sprite.create(s_menu, cc.rect(252, 33, 126, 33));

p>            var aboutDisabled = cc.Sprite.create(s_menu, cc.rect(252, 33 * 2, 126, 33));

p> 

p>            var newGame = cc.MenuItemSprite.create(newGameNormal, newGameSelected, newGameDisabled, function () {