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

上一篇文章已经实现了MoonWarriors开始菜单的大部分元素，还差一个运动的飞船和一个点击newGame的特效和音效。

1.飞船

[cpp]  view plain copy print ?

1. // ships  
2.     CCTexture2D *textCache = CCTextureCache::sharedTextureCache()->addImage(s_ship01);  
3.     m_ship = CCSprite::createWithTexture(textCache, CCRectMake(0, 45, 60, 38));  
4.     this->addChild(m_ship, 0, 4);  
5.     CCPoint position = ccp(CCRANDOM_0_1() * winSize.width, 0);  
6.     m_ship->setPosition(position);  
7.     m_ship->runAction(CCMoveBy::create(2, ccp(CCRANDOM_0_1() * winSize.width, position.y + winSize.height + 100)));  

这里的飞船就是一个sprite，后面我会建一个飞船的类，但这个只是一个Sprite。

缓存飞船图片，create一个飞船，添加，设置位置，执行动作。

在设置飞船位置的时候注意，每次飞船出来位置都是随机的。引擎封装了一个随机函数CCRANDON_0_1(),这个是随机一个0到1之间的float数。用一个MoveBy来实现飞船移动，同样移动的目标点也有一定的随机性。

你以为这样就完了吗，那你就错了。所有的这些元素都在init()函数完成的，即使runAction了，也就只是执行一次。

为了看到不断有飞船在屏幕上飞，需要加点料。这里用schedule()函数来不断更新。这个函数就是任务调度，每隔dt调用一次回调函数，这里就是每0.1秒执行update函数

[cpp]  view plain copy print ?

1. this->schedule(schedule_selector(StartMenu::update), 0.1);  

然后看update的实现

[cpp]  view plain copy print ?

1. if (m_ship->getPosition().y > 480) {  
2.         CCPoint pos = ccp(CCRANDOM_0_1() * winSize.width, 10);  
3.         m_ship->setPosition(pos);  
4.         m_ship->runAction(CCMoveBy::create(floor(5 * CCRANDOM_0_1()), ccp(CCRANDOM_0_1() * winSize.width, pos.y + 480)));  
5.           
6.     }  

飞船飞出屏幕后就重新设置其位置再执行动作。

2.音效

这个很简单，直接用了声音引擎

[cpp]  view plain copy print ?

1. SimpleAudioEngine::sharedEngine()->setBackgroundMusicVolume(0.7);  
2. SimpleAudioEngine::sharedEngine()->playBackgroundMusic(s_mainMainMusic, true);  

3.点击特效

html5版的这个效果直接一个匿名函数搞定了，我不知道2dx怎么用一个回调搞定，就做了个特效类，专门来搞这个，嘿嘿。

记得前面有个flareEffec函数,就是在这里处理的。

[cpp]  view plain copy print ?

1. void StartMenu::flareEffect(CCNode *node)  
2. {  
3.     onButtonEffect();  
4.     Effect* flareEffect = Effect::create();  
5.     CCCallFunc *callback =  CCCallFunc::create(this, callfunc_selector(StartMenu::newGame));  
6.     flareEffect->flareEffect(this, callback);  
7. }  

onButtonEffect是声音特效，Effect就是用来做动画特效的，关键就是其flareEffect函数。

[cpp]  view plain copy print ?

1. void Effect::flareEffect(CCNode *parent, CCCallFunc *callback)  
2. {  
3.     // 特效图片  
4.     CCSprite *flare = CCSprite::create(s_flare);  
5.       
6.     // 设置混合模式  
7.     ccBlendFunc cbl = {GL_SRC_ALPHA, GL_ONE};  
8.     flare->setBlendFunc(cbl);  
9.       
10.     // 添加到父节点  
11.     parent->addChild(flare, 10);  
12.       
13.     // 设置初始透明度  
14.     flare->setOpacity(0);  
15.       
16.     // 设置初始位置  
17.     flare->setPosition(ccp(-30, 297));  
18.       
19.     // 设置初始角度  
20.     flare->setRotation(-120);  
21.       
22.     // 设置初始放大系数  
23.     flare->setScale(0.2);  
24.       
25.     // 透明度渐变  
26.     CCActionInterval *opacityAnim = CCFadeTo::create(0.5, 255);  
27.     CCActionInterval *opacDim = CCFadeTo::create(1, 0);  
28.       
29.     // 大小渐变  
30.     CCActionInterval *bigAnim = CCScaleBy::create(0.7, 1.2, 1.2);  
31.       
32.     // 渐变速率，正玄变化，由快到慢  
33.     CCEaseSineOut *biggerEase = CCEaseSineOut::create(bigAnim);  
34.     CCActionInterval *moveAnim = CCMoveBy::create(0.5, ccp(328, 0));  
35.     CCEaseSineOut *moveEase = CCEaseSineOut::create(moveAnim);  
36.       
37.     // 角度旋转  
38.     CCActionInterval *roteAnim = CCRotateBy::create(2.5, 90);  
39.       
40.     // 角度旋转速度，指数变化  
41.     CCEaseExponentialOut * rotateEase = CCEaseExponentialOut::create(roteAnim);  
42.       
43.     // 放大到原大小  
44.     CCScaleTo *bigger = CCScaleTo::create(0.5, 1);  
45.       
46.     // 动画完成后回调函数  
47.     CCCallFuncN *onComplete =  CCCallFuncN::create(flare, callfuncN_selector(Effect::killFlare));  
48.       
49.     // 执行动画和回调函数  
50.     flare->runAction(CCSequence::create(opacityAnim, biggerEase, opacDim, onComplete, callback,  NULL));  
51.     flare->runAction(moveEase);  
52.     flare->runAction(rotateEase);  
53.     flare->runAction(bigger);  
54.   
55. }  

这个还是按照js的逻辑写的。传了一个parent的node和一个回调函数进来，然后一系列动作，最后执行动作和回调。

回调函数里有个killFlare函数，其实就是用来干掉这个特效精灵的，因为如果不干掉，会一直添加。
到这里，这个菜单的基本功能就做完了，还差一些回调，状态控制等没有加，后续再来弄。