【iOS-Cocos2d游戏开发之二十二 】CCSpeed实现动画进行时慢动作\设置游戏加减速进行

简介:

最近也一直在忙,所以也只能每周的某一天抽出时间来分享一些知识点给童鞋们,希望童鞋们体谅下~

         那么废话不多说了,本篇知识点两个:

               1.利用CCSpeed当精灵执行CCAnimate动作途中设置其播放的速度;

           2.设置游戏的速率,让你自由设置整个游戏的速度;

        首先介绍第一个知识点:

        对于第一个知识点,精灵执行CCAnimate动作途中设置播放速度,说白一点就是当主角或者怪物播放一套帧动作(动画)的时候,可能突然受到其他因素影响希望主角或者怪物等动作放慢,也就是慢动作的感觉,那么这时候我们就需要设置动作的播放速度拉,也就是今天要介绍的CCSpeed这个类;可能Himi这里哇哇哇的说这么多还是没亭台明白吧...=。 = 那么下面我们来看看代码等就应该明白了;

         至于精灵如何利用CCAnimate实现帧集合动画教程在之前已经讲述过,那么这里就不在赘述,如果还不清楚如何利用很多帧形成动画让精灵播放的童鞋请移步到:【iOS-Cocos2d游戏开发之二十一 】自定义精灵类并为你的精灵设置攻击帧(指定开始帧)以及扩展Cocos2d源码的CCAnimation简化动画创建!

         直接上一段代码如下:

 


  
  
  1. [[CCSpriteFrameCache sharedSpriteFrameCache]addSpriteFramesWithFile:@"animationsFrames.plist"];   
  2.            
  3.         CCSprite*mySprite=[CCSprite spriteWithSpriteFrameName:@"himi1.png"];   
  4.         mySprite.position=ccp(120,150);   
  5.         [self addChild:mySprite];    
  6.         CCAnimation*anim=[CCAnimation animationWithFrame:@"himi" frameCount:12 delay:0.1];    
  7.         CCAnimate* animate = [CCAnimate actionWithAnimation:anim];   
  8.         CCSequence *seq = [CCSequence actions:animate,nil];    
  9.         CCRepeatForever* repeat = [CCRepeatForever actionWithAction:seq];   
  10.         [mySprite runAction:repeat];    

以上代码创建一个帧动画(帧资源都在animationFrames.plist加载到内存中了),然后创建一个精灵并让其永久循环执行这个帧动画;

 

  童鞋们想一想,如果在这个永久动作执行后,你想在一个任意时间设置这个动画播放的速度,那么就利用CCSpeed来实现了,代码如下:


  
  
  1. [[CCSpriteFrameCache sharedSpriteFrameCache]addSpriteFramesWithFile:@"animationsFrames.plist"];   
  2. //左侧正常速度的播放   
  3. CCSprite*mySprite=[CCSprite spriteWithSpriteFrameName:@"himi1.png"];   
  4. mySprite.position=ccp(120,150);   
  5. [self addChild:mySprite];    
  6. CCAnimation*anim=[CCAnimation animationWithFrame:@"himi" frameCount:12 delay:0.1];    
  7. CCAnimate* animate = [CCAnimate actionWithAnimation:anim];   
  8. CCSequence *seq = [CCSequence actions:animate,nil];    
  9. //让你的永久动作放入speed中   
  10. CCSpeed *speed =[CCSpeed actionWithAction:[CCRepeatForever actionWithAction:seq] speed:1.0f];   
  11. [speed setTag:888];//设置tag能任意获取到其实例,并且对其进行操作   
  12. [mySprite runAction:speed];   

这段代码和第一段代码不同点就是第二段将CCRepeatForever永久动作又包装到了CCSpeed中,整个动作等同与交给了CCSpeed来控制了,那么下面我还设置了[speed setTag:888];这个是留出接口,当你需要设置整个CCSpeed包装的动作速度的时候利用tag获取到,这个大家肯定很熟悉,那么获取动作方式如下:


  
  
  1. CCSpeed *speed=(CCSpeed*)[sprite getActionByTag:88];   

获取的时候是你之前runAction的精灵来利用getActionByTag来获取的!

那么下面继续添加代码,我们让一个由CCSpeed包装一个帧动画并让精灵执行后的5秒后让其速度变成原有播放速度的一半,代码如下:


  
  
  1. CCSprite *mySpriteByF =[CCSprite spriteWithSpriteFrameName:@"himi1.png"];   
  2. mySpriteByF.position=ccp(360,150);   
  3. [self addChild:mySpriteByF z:0 tag:66];    
  4. anim=[CCAnimation animationWithFrame:@"himi" frameCount:12 delay:0.1];    
  5. animate = [CCAnimate actionWithAnimation:anim];     
  6. seq =[CCSequence actions:animate, nil];   
  7. CCSpeed *speed =[CCSpeed actionWithAction:[CCRepeatForever actionWithAction:seq] speed:1.0f];    
  8. [speed setTag:88];   
  9. [mySpriteByF runAction:speed];   
  10. [self schedule:@selector(slowForHimi) interval:5];  


  
  
  1. -(void)slowForHimi{   
  2.     [self unschedule:@selector(slowForHimi)];//解除此选择器   
  3.     CCSprite*sprite=(CCSprite*)[self getChildByTag:66];   
  4.     CCSpeed *speed=(CCSpeed*)[sprite getActionByTag:88];   
  5.     [speed setSpeed:0.5];//放慢原有速度的0.5倍   
  6. }   

CCSpeed的创建很简单,那么设置速率的方法如下:


  
  
  1. [CCSpeed* setSpeed:XX];  

这里的XX参数指的是倍率,传入1表示原速,大于1表示增快,小于1表示放慢速度~

 

下面直接给出全部测试项目代码:

 


  
  
  1. //   
  2. //  HelloWorldLayer.m   
  3. //  SLowAnimationByHimi   
  4. //   
  5. //  Created by 华明 李 on 11-11-21.   
  6. //  Copyright Himi 2011年. All rights reserved.   
  7. //   
  8.    
  9.    
  10. // Import the interfaces   
  11. #import "HelloWorldLayer.h"   
  12. #import "CCAnimationHelper.h"   
  13. // HelloWorldLayer implementation   
  14. @implementation HelloWorldLayer   
  15.    
  16. +(CCScene *) scene   
  17. {   
  18.     // 'scene' is an autorelease object.   
  19.     CCScene *scene = [CCScene node];   
  20.        
  21.     // 'layer' is an autorelease object.   
  22.     HelloWorldLayer *layer = [HelloWorldLayer node];   
  23.        
  24.     // add layer as a child to scene   
  25.     [scene addChild: layer];   
  26.        
  27.     // return the scene   
  28.     return scene;   
  29. }   
  30. //CCJumpTo实现,抛物线   
  31. //   
  32. // on "init" you need to initialize your instance   
  33. -(id) init{   
  34.    
  35.     if( (self=[super init])) {   
  36.         CCLabelTTF *label = [CCLabelTTF labelWithString:@"暂缓动作&设置整个游戏加速/减速" fontName:@"Marker Felt" fontSize:24];   
  37.         label.position =  ccp(260,260);   
  38.         [self addChild: label z:0  ];    
  39.         label = [CCLabelTTF labelWithString:@"正常速度的播放" fontName:@"Marker Felt" fontSize:12];   
  40.         label.position =  ccp(120,220);   
  41.         [self addChild: label z:0 tag:99];    
  42.         label = [CCLabelTTF labelWithString:@"左侧动态放慢的速度的动作" fontName:@"Marker Felt" fontSize:12];   
  43.         label.position =  ccp(350,220);   
  44.         [self addChild: label z:0  ];    
  45.            
  46.            
  47.         [[CCSpriteFrameCache sharedSpriteFrameCache]addSpriteFramesWithFile:@"animationsFrames.plist"];   
  48.         //左侧正常速度的播放   
  49.         CCSprite*mySprite=[CCSprite spriteWithSpriteFrameName:@"himi1.png"];   
  50.         mySprite.position=ccp(120,150);   
  51.         [self addChild:mySprite];    
  52.         CCAnimation*anim=[CCAnimation animationWithFrame:@"himi" frameCount:12 delay:0.1];    
  53.         CCAnimate* animate = [CCAnimate actionWithAnimation:anim];   
  54.         CCSequence *seq = [CCSequence actions:animate,nil];    
  55.         CCRepeatForever* repeat = [CCRepeatForever actionWithAction:seq];   
  56.         [mySprite runAction:repeat];    
  57.            
  58.            
  59.            
  60.         //左侧动态放慢的速度的动作    
  61.         CCSprite *mySpriteByF =[CCSprite spriteWithSpriteFrameName:@"himi1.png"];   
  62.         mySpriteByF.position=ccp(360,150);   
  63.         [self addChild:mySpriteByF z:0 tag:66];    
  64.         anim=[CCAnimation animationWithFrame:@"himi" frameCount:12 delay:0.1];    
  65.         animate = [CCAnimate actionWithAnimation:anim];     
  66.         seq =[CCSequence actions:animate, nil];   
  67.         CCSpeed *speed =[CCSpeed actionWithAction:[CCRepeatForever actionWithAction:seq] speed:1.0f];    
  68.         [speed setTag:88];   
  69.         [mySpriteByF runAction:speed];   
  70.         [self schedule:@selector(slowForHimi) interval:5];   
  71.     }   
  72.     return self;   
  73. }   
  74.     
  75. -(void)slowForHimi{   
  76.     [self unschedule:@selector(slowForHimi)];//解除此选择器   
  77.     CCSprite*sprite=(CCSprite*)[self getChildByTag:66];   
  78.     CCSpeed *speed=(CCSpeed*)[sprite getActionByTag:88];   
  79.     [speed setSpeed:0.5];//放慢原有速度的0.5倍   
  80. }   
  81.    
  82.    
  83. // on "dealloc" you need to release all your retained objects   
  84. - (void) dealloc   
  85. {   
  86.     // in case you have something to dealloc, do it in this method   
  87.     // in this particular example nothing needs to be released.   
  88.     // cocos2d will automatically release all the children (Label)   
  89.        
  90.     // don't forget to call "super dealloc"   
  91.     [super dealloc];   
  92. }   
  93. @end   

 

运行截图如下:  (图片中有个"左"写错了,应该是"右",懒得改了,大家知道就行了 娃哈哈)偷笑

 

 

从截图中可能童鞋们看不出什么效果。等文章最后放出源码,大家运行就可以看到效果了-。 -  

   这里备注下:除了利用CCSpeed来实现慢动作之外,还有其他的一些方法,不怕麻烦的童鞋甚至可以尝试当需要慢动作的时候,取出当前的帧下标,然后利用指定帧下标的方法创建一个新的帧动画同时增加播放时间即可;(在上一节《iOS-Cocos2d游戏开发之二十一》中Himi封装了一个指定帧下标进行创建帧动画的方法,还没有看过的童鞋请移步到这里:【iOS-Cocos2d游戏开发之二十一 】自定义精灵类并为你的精灵设置攻击帧(指定开始帧)以及扩展Cocos2d源码的CCAnimation简化动画创建!);再或者直接去修改Cocos2d-iphone引擎的源码;

    Himi当时做的时候因为用CCSpeed方式有问题一直不行,就去改了源码弄的。后来才发现CCSpeed正确用法,我去了=。 =

    

这里Himi必须强调一点!!!!!!!

    很多时候你的主角的动作利用CCAction来实现,移动则是在update刷帧函数或者一些选择器的方法中进行的,那么为了让你的主角慢动作比较逼真,那么Himi建议不要使用scheduleUpdate函数,因为这个你无法修改每次调用update的时间默认都是每帧都调用,那么你应该自己定义一个选择器当刷逻辑的函数,这样就能配合CCSpeed实现逼真慢动作拉~


  下面我们来介绍第二个知识点:设置游戏速度

    对于游戏速度最常见的出现在塔防游戏中,当玩家创建好防守的东东后开始出怪后,可能怪物移动速度慢,而玩家着急看到结果,那么我们就会人性化的加上加快游戏速度的按钮拉~那么这个功能在Cocos2d引擎中封装好的,一句代码即可完成,如下代码即可:

 


  
  
  1. [[CCScheduler sharedScheduler] setTimeScale:XX];   

 

这里的XX仍然是倍率:传入1表示原速,大于1表示增快,小于1表示放慢速度~

 

 

      OK,本篇就到此~

     源码下载地址: http://www.himigame.com/iphone-cocos2d/532.html

 









本文转自 xiaominghimi 51CTO博客,原文链接:http://blog.51cto.com/xiaominghimi/723894,如需转载请自行联系原作者
目录
相关文章
|
8天前
|
Swift iOS开发 UED
如何使用Swift和UIKit在iOS应用中实现自定义按钮动画
本文通过一个具体案例,介绍如何使用Swift和UIKit在iOS应用中实现自定义按钮动画。当用户点击按钮时,按钮将从圆形变为椭圆形,颜色从蓝色渐变到绿色;释放按钮时,动画以相反方式恢复。通过UIView的动画方法和弹簧动画效果,实现平滑自然的过渡。
23 1
|
17天前
|
Swift iOS开发 UED
如何使用Swift和UIKit在iOS应用中实现自定义按钮动画
【10月更文挑战第18天】本文通过一个具体案例,介绍如何使用Swift和UIKit在iOS应用中实现自定义按钮动画。当用户按下按钮时,按钮将从圆形变为椭圆形并从蓝色渐变为绿色;释放按钮时,动画恢复原状。通过UIView的动画方法和弹簧动画效果,实现平滑自然的动画过渡。
40 5
|
2月前
|
Swift iOS开发 UED
揭秘一款iOS应用中令人惊叹的自定义动画效果,带你领略编程艺术的魅力所在!
【9月更文挑战第5天】本文通过具体案例介绍如何在iOS应用中使用Swift与UIKit实现自定义按钮动画,当用户点击按钮时,按钮将从圆形变为椭圆形并从蓝色渐变到绿色,释放后恢复原状。文中详细展示了代码实现过程及动画平滑过渡的技巧,帮助读者提升应用的视觉体验与特色。
60 11
|
3月前
|
Swift iOS开发 UED
【绝妙创意】颠覆你的视觉体验!揭秘一款iOS应用中令人惊叹的自定义动画效果,带你领略编程艺术的魅力所在!
【8月更文挑战第13天】本文通过一个具体案例,介绍如何使用Swift与UIKit在iOS应用中创建独特的按钮动画效果。当按钮被按下时,其形状从圆形变化为椭圆形,颜色则从蓝色渐变为绿色;释放后,动画反向恢复原状。利用UIView动画方法及弹簧动画效果,实现了平滑自然的过渡。通过调整参数,开发者可以进一步优化动画体验,增强应用的互动性和视觉吸引力。
49 7
|
2月前
|
图形学 iOS开发 Android开发
从Unity开发到移动平台制胜攻略:全面解析iOS与Android应用发布流程,助你轻松掌握跨平台发布技巧,打造爆款手游不是梦——性能优化、广告集成与内购设置全包含
【8月更文挑战第31天】本书详细介绍了如何在Unity中设置项目以适应移动设备,涵盖性能优化、集成广告及内购功能等关键步骤。通过具体示例和代码片段,指导读者完成iOS和Android应用的打包与发布,确保应用顺利上线并获得成功。无论是性能调整还是平台特定的操作,本书均提供了全面的解决方案。
149 0
|
5月前
|
前端开发 iOS开发
input框设置placeholder属性在iOS中显示不完整
input框设置placeholder属性在iOS中显示不完整
69 1
|
6月前
|
安全 开发者 iOS开发
iOS16系统手机设置开启开发者模式才能安装ipa包
iOS16系统手机设置开启开发者模式才能安装ipa包
206 1
|
6月前
按钮的image图片是非圆角,直接对UIButton设置圆角,iOS13系统没有圆角效果的问题及解决方案
按钮的image图片是非圆角,直接对UIButton设置圆角,iOS13系统没有圆角效果的问题及解决方案
48 0
|
iOS开发
iOS动画开发之五——炫酷的粒子效果(二)
iOS动画开发之五——炫酷的粒子效果
335 0
iOS动画开发之五——炫酷的粒子效果(二)
|
iOS开发
iOS动画开发之五——炫酷的粒子效果(一)
iOS动画开发之五——炫酷的粒子效果
375 0