1. 程式人生 > >【Cocos2d-html5】運動中速度效果

【Cocos2d-html5】運動中速度效果

font run img b2c cocos2d nts neo clipboard toc

在我們使用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進行動作。

【Cocos2d-html5】運動中速度效果