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

一、飞船

// ships
CCTexture2D *textCache = CCTextureCache::sharedTextureCache()->addImage(s_ship01);
m_ship = CCSprite::createWithTexture(textCache, CCRectMake(0, 45, 60, 38));
this->addChild(m_ship, 0, 4);
CCPoint position = ccp(CCRANDOM_0_1() * winSize.width, 0);
m_ship->setPosition(position);
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函数
this->schedule(schedule_selector(StartMenu::update), 0.1);
然后看update的实现
if (m_ship->getPosition().y > 480) {
CCPoint pos = ccp(CCRANDOM_0_1() * winSize.width, 10);
m_ship->setPosition(pos);
m_ship->runAction(CCMoveBy::create(floor(5 * CCRANDOM_0_1()), ccp(CCRANDOM_0_1() * winSize.width, pos.y + 480)));
}

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

二、音效

这个很简单,直接用了声音引擎
SimpleAudioEngine::sharedEngine()->setBackgroundMusicVolume(0.7);
SimpleAudioEngine::sharedEngine()->playBackgroundMusic(s_mainMainMusic, true);

三、点击特效

html5版的这个效果直接一个匿名函数搞定了,我不知道2dx怎么用一个回调搞定,就做了个特效类,专门来搞这个,嘿嘿。
记得前面有个flareEffec函数,就是在这里处理的。
void StartMenu::flareEffect(CCNode *node)
{
onButtonEffect();
Effect* flareEffect = Effect::create();
CCCallFunc *callback = CCCallFunc::create(this, callfunc_selector(StartMenu::newGame));
flareEffect->flareEffect(this, callback);
}

onButtonEffect是声音特效,Effect就是用来做动画特效的,关键就是其flareEffect函数。
void Effect::flareEffect(CCNode *parent, CCCallFunc *callback)
{
// 特效图片
CCSprite *flare = CCSprite::create(s_flare);
// 设置混合模式
ccBlendFunc cbl = {GL_SRC_ALPHA, GL_ONE};
flare->setBlendFunc(cbl);
// 添加到父节点
parent->addChild(flare, 10);
// 设置初始透明度
flare->setOpacity(0);
// 设置初始位置
flare->setPosition(ccp(-30, 297));
// 设置初始角度
flare->setRotation(-120);
// 设置初始放大系数
flare->setScale(0.2);
// 透明度渐变
CCActionInterval *opacityAnim = CCFadeTo::create(0.5, 255);
CCActionInterval *opacDim = CCFadeTo::create(1, 0);
// 大小渐变
CCActionInterval *bigAnim = CCScaleBy::create(0.7, 1.2, 1.2);
// 渐变速率,正玄变化,由快到慢
CCEaseSineOut *biggerEase = CCEaseSineOut::create(bigAnim);
CCActionInterval *moveAnim = CCMoveBy::create(0.5, ccp(328, 0));
CCEaseSineOut *moveEase = CCEaseSineOut::create(moveAnim);
// 角度旋转
CCActionInterval *roteAnim = CCRotateBy::create(2.5, 90);
// 角度旋转速度,指数变化
CCEaseExponentialOut * rotateEase = CCEaseExponentialOut::create(roteAnim);
// 放大到原大小
CCScaleTo *bigger = CCScaleTo::create(0.5, 1);
// 动画完成后回调函数
CCCallFuncN *onComplete = CCCallFuncN::create(flare, callfuncN_selector(Effect::killFlare));
// 执行动画和回调函数
flare->runAction(CCSequence::create(opacityAnim, biggerEase, opacDim, onComplete, callback, NULL));
flare->runAction(moveEase);
flare->runAction(rotateEase);
flare->runAction(bigger);
}

这个还是按照js的逻辑写的。传了一个parent的node和一个回调函数进来,然后一系列动作,最后执行动作和回调。
回调函数里有个killFlare函数,其实就是用来干掉这个特效精灵的,因为如果不干掉,会一直添加。
到这里,这个菜单的基本功能就做完了,还差一些回调,状态控制等没有加,后续再来弄。