cocos2d-x游戏开发(一)开始菜单

欢迎转载：http://blog.csdn.net/fylz1125/article/details/8489333

打开html5的工程，我用的是WebStorm。然后看到MoonWarriors的源码，如下：

源码都在src目录下，config目录下是一下配置信息，比如游戏状态，分数，命条数等。接下来就是游戏js代码了。看名字就大致知道是干什么的了。

我从开始菜单开始。

html5版的开始菜单代码是SysMenu.js。我按照它的逻辑用cocos2d-x重写了一下。看下效果

这个开始菜单有几个元素：菜单项，logo，飞机，背景图，fps就不说了。

这个类继承CCLayer。跟HelloWorld里面的结构差不多。可以看到没有构造函数。咦，为什么没有构造函数？简单解释一下。引擎引入引用计数来管理内存，然后为了方便开发者，把C++的东西包装了一下，搞的有点类似O-c了。很多地方都能看到这样的结构，又叫“二阶段构造”。如下流程：

最下面有一个宏定义的函数CREATE_FUNC(StartMenu),看代码知道他就是一个create()函数。

首先new一个对象，然后看其init()函数的返回值，init成功则将对象添加到自动释放池，否则返回null。

所以如果用这个结构来定义类，就需要实现init()函数。

我所有的界面元素都在init()函数做完了，然后下面都是一些回调函数，update()用来完成飞机的随机飞行。

1.背景

2.logo

CCSprite*logo=CCSprite::create(s_logo);
1. logo->setAnchorPoint(ccp(0,153); list-style:decimal-leading-zero outside; color:inherit; line-height:20px; margin:0px!important; padding:0px 3px 0px 10px!important"> logo->setPosition(ccp(0,250));
2. this->addChild(logo,10,1);

这个也是一个CCSprite，设置锚点，设置位置，添加。设置锚点为（0，0）即以其左下角为基准点，然后设置位置（0，250），这样就是logo的左下角在（0，250）处，而其余部分则按照opengl的坐标系确定。

3.菜单

这些菜单都是用图片做的，所以还是用CCSprite来实现

CCSprite*newGameNormal=CCSprite::create(s_menu,CCRectMake(0,126,33));
1. CCSprite*newGameSelected=CCSprite::create(s_menu,33,33));
2. CCSprite*newGameDisabled=CCSprite::create(s_menu,33*2,33));

可以看到这张图片包含了所有的菜单项，所以创建某个菜单项的时候需要用坐标来取。取这个图片的时候坐标系是屏幕坐标系，就是原点在左上角，向右为x正轴，向下为y正轴。

然后创建一个MenuItem

CCMenuItemSprite*newGame=CCMenuItemSprite::create(newGameNormal,newGameSelected,newGameDisabled,this,menu_selector(StartMenu::flareEffec));

这只是其中一个item，还有两个menu item，about和settings，跟newGame是一样的，只是用的图片不一样，回调不一样。

然后创建Menu：

CCMenu*menu=CCMenu::create(newGame,gameSetting,about,NULL);

然后,

menu->alignItemsVerticallyWithPadding(10);
1. this->addChild(menu,1,2);
2. menu->setPosition(ccp(winSize.width/2,winSize.height/2-80));

到这里就差不多了，就差后面乱跑的飞机了。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!