【Cocos2d-html5】运动中速度效果

在我们使用Action系统动作的时候,比如MoveTo,在进行运动的时候总是在规定的时间内进行匀速运动,有时候可能会想添加一些加速度的效果,cocos2d-html5就依然和cocos2dx一样为我们提供了这套。

主要分为5种运动速度效果:

第1种  指数缓冲

[javascript] view plain copy
 
  1. cc.EaseExponentialIn.create();  
  2. cc.EaseExponentialOut.create();  
  3. cc.EaseExponentialInOut.create();  


第2种  Sine缓冲

[javascript] view plain copy
 
  1. cc.EaseSineIn.create();  
  2. cc.EaseSineOut.create();  
  3. cc.EaseSineInOut.create();  


第3种  弹性缓冲

[javascript] view plain copy
 
  1. cc.EaseElasticIn.create();  
  2. cc.EaseElasticOut.create();  
  3. cc.EaseElasticInOut.create();  


第4种  跳跃缓冲

[javascript] view plain copy
 
  1. cc.EaseBounceIn.create();  
  2. cc.EaseBounceOut.create();  
  3. cc.EaseBounceInOut.create();  


第5种  回震缓冲

[javascript] view plain copy
 
  1. cc.EaseBackIn.create();  
  2. cc.EaseBackOut.create();  
  3. cc.EaseBackInOut.create();  

一般来说,这些速度控制放在cc.MoveTo函数中效果最好,可以直接看运动中曲线的变化

用法就是直接把移动函数放入进来就可以了

[javascript] view plain copy
 
  1. sprite.runAction(cc.EaseBackIn.create(cc.MoveTo.create(1.2,cc.p(300,300))));  

用起来还是很方便的,如果不喜欢这样嵌套使用,也可以分开用变量保存,最后再使用runAction进行动作。

转自http://blog.csdn.net/w337198302/article/details/16946575

原文地址:https://www.cnblogs.com/jiajunjie/p/7514658.html