您的位置:首页 > 移动开发 > Cocos引擎

Cocos2dx 3.0 过渡篇(十三) action的用法从一个故事说起

2014-04-15 17:20 316 查看
本篇博客来自star特530,转载请注明出处。http://blog.csdn.net/start530/article/details/20153367

-------------

动作到底该怎么玩?说的也就是runAction这货了。

如果你觉得本文还是在写像MoveTo,SacleTo这类动作的用法的话,那你就错了。那样不够厚道。当然了,像Sequence,Spawn这类的东西多少也是会涉及到一点的。那到底要写什么呢?我们的故事从这里开始。

首先我们创建俩精灵,就命名为boy 和 girl 吧。

[cpp] view
plaincopy





auto size = Director::getInstance()->getWinSize();



auto boy = Sprite::create("boy.png");

boy->setPosition(Point(0,size.height/2));//将boy的位置设置在最左边

this->addChild(boy,1);



auto girl = Sprite::create("girl.png");

girl->setPosition(Point(size.width,size.height/2));//将girl的位置设置在最右边

this->addChild(girl,1);

(故事的开始,boy 和 girl互相都不认识,直到有一天,俩人相遇了)

boy 和 girl 同时运动到场景中间

[cpp] view
plaincopy





boy->runAction(MoveTo::create(1.0f,Point(size.width/2-20,size.height/2)));//boy的速度明显比girl的快。

girl->runAction(MoveTo::create(1.5f,Point(size.width/2 +10,size.height/2)));

(boy看到girl的那一刻,惊呆了。他知道,她就是他一直在寻找的那个人。这,就是一见钟情)

boy用原地旋转360 + 全身血液膨胀来表达他的激动心情。表现方式有两种:

[cpp] view
plaincopy





//1、边旋转边全身膨胀

boy->runAction(Spawn::create(RotateBy::create(1.0f,360),ScaleTo::create(1.0f,1.2f),NULL));



//2、先旋转完再全身膨胀

boy->runAction(Sequence::create(RotateBy::create(1.0f,360),ScaleTo::create(1.0f,1.2f),NULL));

(girl 看到 膨胀后的 boy,不禁觉得 boy好是高大威风(吐槽!),于是芳心暗许)

这里表现的动作就是 girl要在boy旋转+放大的动作做完后,才表现出她的...额,她的什么来着?对了,女的比较活泼,应该跳起来。恩,于是girl跳了起来。

[cpp] view
plaincopy





//这里的重点是girl应该怎样才能在boy做完action后执行她的动作呢?有以下几种办法

//1、用延迟的DelayTime来实现,也就是boy运动完后延迟几秒,然后让girl运动



//延迟2.5s,用1s时间跳了3次,跳跃高度100像素,并且向右移动了30像素

girl->runAction(Sequence::create(DelayTime::create(2.5f),JumpBy::create(1.0f,Point(30,0),100,3),NULL));





//2、用回调函数实现,当boy完成后,写一个lambda表达式来实现girl要做的动作(lambda表达式的使用可以参考我上一篇博客)



boy->runAction(Sequence::create(RotateBy::create(1.0f,360),ScaleTo::create(1.0f,1.2f),

CallFunc::create([=]()

{

//用1s时间跳了3次,跳跃高度100像素,并且向右移动了30像素

girl->runAction(JumpBy::create(1.0f,Point(30,0),100,3));

}),NULL));





//3、用现成的接口TargetedAction();



auto jump = JumpBy::create(1.0f,Point(30,0),100,3);//先写一个跳跃的动作

auto targetAct = TargetedAction::create(girl,jump);//写一个目标动作,将动作执行人girl和要执行的动作jump放入其中

//将girl的目标动作放入boy的sequence里去

boy->runAction(Sequence::create(RotateBy::create(1.0f,360),ScaleTo::create(1.0f,1.2f),targetAct,NULL));

(最后的剧情就是俩人很快的就在一起了,虽然认识时间不长,但他俩有足够的时间来认识对方,了解对方。用四年的时间来证明自己的眼光是对的)

有情人终成眷属,故事的最后,允许我用一颗闪烁的心来表达对他们的祝福。希望他们能永远在一起!!!

[cpp] view
plaincopy





//创建逐帧动画

auto spriteFrameCache = SpriteFrameCache::sharedSpriteFrameCache();

spriteFrameCache->addSpriteFramesWithFile("heart.plist"); //将动画图片的plist放入缓存中



SpriteFrame* frame = NULL;

auto frameArray = Array::create();



for(int i=0;i<10;i++)

{

frame = spriteFrameCache->spriteFrameByName(CCString::createWithFormat("%s%d.png","heart",i)->getCString());

frameArray->addObject(frame);

}



auto animation = Animation::createWithSpriteFrames(frameArray,0.15f);

auto animate = Animate::create(animation);//创建一个动画



auto heard_sp = Sprite::create("heart.png");

heard_sp->setPosition(Point(size.width/2,size.height-200));

heard_sp->runAction(animate);//播放动画

this->addChild(heard_sp,2);

故事简单,过程却没那么容易,结局也没想象的那么美好。



本篇博客来自star特530,转载请注明出处。http://blog.csdn.net/start530/article/details/20153367
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐