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

简介: <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 plain copy 在CODE上查看代码片 派生到我的代码片
  1. auto size = Director::getInstance()->getWinSize();  
  2.     
  3. auto boy = Sprite::create("boy.png");  
  4. boy->setPosition(Point(0,size.height/2));//将boy的位置设置在最左边  
  5. this->addChild(boy,1);  
  6.   
  7. auto girl = Sprite::create("girl.png");  
  8. girl->setPosition(Point(size.width,size.height/2));//将girl的位置设置在最右边  
  9. this->addChild(girl,1);  

(故事的开始,boy 和 girl互相都不认识,直到有一天,俩人相遇了)
boy 和 girl 同时运动到场景中间

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. boy->runAction(MoveTo::create(1.0f,Point(size.width/2-20,size.height/2)));//boy的速度明显比girl的快。  
  2. girl->runAction(MoveTo::create(1.5f,Point(size.width/2 +10,size.height/2)));  

(boy看到girl的那一刻,惊呆了。他知道,她就是他一直在寻找的那个人。这,就是一见钟情)
boy用原地旋转360 + 全身血液膨胀来表达他的激动心情。表现方式有两种:

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. //1、边旋转边全身膨胀  
  2. boy->runAction(Spawn::create(RotateBy::create(1.0f,360),ScaleTo::create(1.0f,1.2f),NULL));  
  3.   
  4. //2、先旋转完再全身膨胀  
  5. boy->runAction(Sequence::create(RotateBy::create(1.0f,360),ScaleTo::create(1.0f,1.2f),NULL));  
(girl 看到 膨胀后的 boy,不禁觉得 boy好是高大威风(吐槽!),于是芳心暗许)
这里表现的动作就是 girl要在boy旋转+放大的动作做完后,才表现出她的...额,她的什么来着?对了,女的比较活泼,应该跳起来。恩,于是girl跳了起来。

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. //这里的重点是girl应该怎样才能在boy做完action后执行她的动作呢?有以下几种办法  
  2. //1、用延迟的DelayTime来实现,也就是boy运动完后延迟几秒,然后让girl运动  
  3.   
  4. //延迟2.5s,用1s时间跳了3次,跳跃高度100像素,并且向右移动了30像素  
  5. girl->runAction(Sequence::create(DelayTime::create(2.5f),JumpBy::create(1.0f,Point(30,0),100,3),NULL));  
  6.   
  7.   
  8. //2、用回调函数实现,当boy完成后,写一个lambda表达式来实现girl要做的动作(lambda表达式的使用可以参考我上一篇博客)  
  9.   
  10. boy->runAction(Sequence::create(RotateBy::create(1.0f,360),ScaleTo::create(1.0f,1.2f),  
  11.         CallFunc::create([=]()  
  12.         {  
  13.             //用1s时间跳了3次,跳跃高度100像素,并且向右移动了30像素  
  14.             girl->runAction(JumpBy::create(1.0f,Point(30,0),100,3));  
  15.         }),NULL));  
  16.   
  17.           
  18. //3、用现成的接口TargetedAction();  
  19.   
  20. auto jump = JumpBy::create(1.0f,Point(30,0),100,3);//先写一个跳跃的动作  
  21. auto targetAct = TargetedAction::create(girl,jump);//写一个目标动作,将动作执行人girl和要执行的动作jump放入其中  
  22. //将girl的目标动作放入boy的sequence里去  
  23. boy->runAction(Sequence::create(RotateBy::create(1.0f,360),ScaleTo::create(1.0f,1.2f),targetAct,NULL));    
(最后的剧情就是俩人很快的就在一起了,虽然认识时间不长,但他俩有足够的时间来认识对方,了解对方。用四年的时间来证明自己的眼光是对的)
有情人终成眷属,故事的最后,允许我用一颗闪烁的心来表达对他们的祝福。希望他们能永远在一起!!!

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. //创建逐帧动画          
  2. auto spriteFrameCache = SpriteFrameCache::sharedSpriteFrameCache();    
  3. spriteFrameCache->addSpriteFramesWithFile("heart.plist");  //将动画图片的plist放入缓存中  
  4.   
  5. SpriteFrame* frame = NULL;  
  6. auto frameArray = Array::create();  
  7.   
  8. for(int i=0;i<10;i++)  
  9. {  
  10.     frame = spriteFrameCache->spriteFrameByName(CCString::createWithFormat("%s%d.png","heart",i)->getCString());  
  11.     frameArray->addObject(frame);  
  12. }  
  13.   
  14. auto animation = Animation::createWithSpriteFrames(frameArray,0.15f);  
  15. auto animate = Animate::create(animation);//创建一个动画  
  16.   
  17. auto heard_sp = Sprite::create("heart.png");  
  18. heard_sp->setPosition(Point(size.width/2,size.height-200));  
  19. heard_sp->runAction(animate);//播放动画  
  20. this->addChild(heard_sp,2);  

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




本篇博客来自star特530,转载请注明出处。http://blog.csdn.net/start530/article/details/20153367
相关文章
|
6月前
Cocos Creator3.8 项目实战(五)背景无限滚屏效果如何实现
Cocos Creator3.8 项目实战(五)背景无限滚屏效果如何实现
182 0
|
6月前
|
人工智能 智能设计 算法
游戏编程之十三 3D类游戏
游戏编程之十三 3D类游戏
75 0
|
存储 缓存 图形学
ABC动画插件Alembic从浅入深(Unity3D)
今天分享一下Alembic插件的使用教程,这个插件的主要作用就是将.abc文件导入到Unity,然后进行播放。 .abc文件主要是影像业界使用的数据格式,用于存储巨大的顶点缓存数据。 Alembic插件就是转化这些影像资料和动力学等的模拟结果转换为顶点缓数 据为Unity可以使用的文件
|
22天前
|
JavaScript 前端开发 API
分享一次使用某个JavaScript游戏框架开发项目的经历,遇到了哪些挑战以及如何解决的。
在Phaser框架下开发2D平台跳跃游戏&quot;跳跃之旅&quot;时,面临性能优化、碰撞检测与响应及图形动画等挑战。通过使用Phaser的性能分析工具、资源优化和内置物理引擎实现性能提升与精确碰撞。借助图形绘制API和动画系统,创造出精美流畅的游戏体验。此次项目提升了开发者的技术水平和对游戏开发的理解。
|
5月前
|
C++ 容器
《QT从基础到进阶·三十》QVariant的基础用法
《QT从基础到进阶·三十》QVariant的基础用法
35 0
|
6月前
|
Android开发 iOS开发 容器
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)(2)
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)
158 0
|
6月前
|
JavaScript 数据安全/隐私保护 Android开发
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)(1)
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)
103 0
|
6月前
|
前端开发 Android开发
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)(3)
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)
|
6月前
|
uml
CocosCreator3.8研究笔记(二十一)CocosCreator Tween系统理解(1)
CocosCreator3.8研究笔记(二十一)CocosCreator Tween系统理解
192 0
|
6月前
CocosCreator3.8研究笔记(二十一)CocosCreator Tween系统理解(3)
CocosCreator3.8研究笔记(二十一)CocosCreator Tween系统理解