Cocos2dx 3.0 过渡篇（十三） action的用法从一个故事说起-阿里云开发者社区

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

2014-04-15 1808

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： <span style="color:rgb(54,46,43); font-family:Arial; font-size:14px; line-height:26px">本篇博客来自star特530，转载请注明出处。</span><a target="_blank" href="http://blog.csdn.net/start530/article/details/20153367

本篇博客来自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);  