使用CoCos2dx-3.4开发一套可以商用的跑酷游戏 之三 初始界面的编写（1）

上次我们有看到了视频的演示，这个游戏我们是如何做出来的呢，今天我们就来学习其中的一个，初始化界面

1：首先我们假设你已经创建了cocos2d-x的工程（我用的是cocos2d-x3.4),并且是可以运行的。

2：编写Loading的界面，这一步呢，我们主要是想写一个加载进度条，这一个里面我们重点讲解其效果，并不做实际意义上的东西，新建一个LoadLayer.cpp和。h的文件

里面写加载代码如下：

//实现LoadLayer类中的init方法，初始化布景

bool LoadLayer::init()

{

//调用父类的初始化

if ( !CCLayer::init() )

{

return false;

}

time =0;

//获取可见区域尺寸

CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();

//获取可见区域原点坐标

CCPoint origin = CCDirector::sharedDirector()->getVisibleOrigin();

label = CCLabelTTF::create("00 %", "Arial", 22);

addChild(label, 3);

label->setPosition( ccp(origin.x+visibleSize.width/3+130, origin.y+visibleSize.height/7+14));

//创建一个精灵对象，包含一张图片，充当背景

CCSprite* bSprite = CCSprite::create("gameBackground.png");

//设置精灵对象的位置

bSprite->setPosition(ccp(origin.x, origin.y));

bSprite->setAnchorPoint(ccp(0, 0));//设置锚点

//将背景精灵添加到布景中

this->addChild(bSprite, BACKGROUND_LEVEL_WYF);

//创建标题精灵

CCSprite* tSprite = CCSprite::create("skytitle2.png");

//设置标题精灵的位置

tSprite->setPosition(ccp(origin.x+visibleSize.width/3-40, origin.y+visibleSize.height/4));

tSprite->setAnchorPoint(ccp(0, 0));//设置锚点

//将标题精灵添加到布景中

this->addChild(tSprite, BACKGROUND_LEVEL_WYF+1);

//创建进度条背景精灵 进度条的背景图片

CCSprite* pSprite = CCSprite::create("progressbar1.png");

//设置进度条背景精灵的位置

pSprite->setPosition(ccp(origin.x+visibleSize.width/3-17, origin.y+visibleSize.height/7));

pSprite->setAnchorPoint(ccp(0, 0));//默认锚点为0.5，0.5

//将进度条背景精灵添加到布景中

this->addChild(pSprite, BACKGROUND_LEVEL_WYF+1);

//创建一个进度条的动作

CCProgressTo *to1 = CCProgressTo::create(2.5, 100);

//创建进度条内部精灵

CCProgressTimer *left = CCProgressTimer::create(CCSprite::create("progressbar2.png"));

left->setType(kCCProgressTimerTypeBar);

left->setMidpoint(ccp(0,0));//设置进度条从左往右走

left->setBarChangeRate(ccp(1, 0));//设置变化率

left->setAnchorPoint(ccp(0, 0));//设置锚点

//将进度条添加到布景中

pSprite->addChild(left, BACKGROUND_LEVEL_WYF+2);

//将进度条内部精灵 对齐到外部精灵中 实现一个整体的进度条

left->setPosition(ccp(34, 9));

//为内部进度条设置动作序列

left->runAction

(

CCSequence::create

(

to1,//滚动动作

CCCallFuncND::create(this,callfuncND_selector(LoadLayer::callFuncProgressOver),NULL),//切换到欢迎界面

NULL

)

);

schedule( schedule_selector(LoadLayer::step),0.05f);

return true;

}

//进度条走完后切换到欢迎界面

void LoadLayer::callFuncProgressOver(CCNode* node,void* param)

{

gpm->goMenu();

}

void LoadLayer::step(float dt)

{

if(time<100)

time+=2;

char temp[7];

sprintf(temp,"%d%%",time);

label->setString(temp);

}

至于.h见下面

/自定义的布景类

class LoadLayer : public cocos2d::CCLayer

{

public:

cocos2d::CCLabelTTF* label ;

int time;

//所属管理者

GameProjectMange *gpm;

//背景精灵

cocos2d::CCSprite *backSprite;

//初始化的方法

virtual bool init();

//进度条走完切换到welcome界面的方法

void callFuncProgressOver(cocos2d::CCNode*,void*);

void step(float dt);

//CCPlatformMacros.h文件中定义的一个宏，创建指定类型的对象

//并做好相应的初始化与释放工作

CREATE_FUNC(LoadLayer);

};

#endif

3：这里我们有用到了一个类GameProjectMange ，这个类主要是用来做跳转的，这样方面管理