【Cocos2d-html5】運動中速度效果
阿新 • • 發佈:2017-09-13
font run img b2c cocos2d nts neo clipboard toc view plain copy
在我們使用Action系統動作的時候,比如MoveTo,在進行運動的時候總是在規定的時間內進行勻速運動,有時候可能會想添加一些加速度的效果,cocos2d-html5就依然和cocos2dx一樣為我們提供了這套。
主要分為5種運動速度效果:
第1種 指數緩沖
[javascript] view plain copy
- cc.EaseExponentialIn.create();
- cc.EaseExponentialOut.create();
- cc.EaseExponentialInOut.create();
第2種 Sine緩沖
[javascript]
- cc.EaseSineIn.create();
- cc.EaseSineOut.create();
- cc.EaseSineInOut.create();
第3種 彈性緩沖
[javascript] view plain copy
- cc.EaseElasticIn.create();
- cc.EaseElasticOut.create();
- cc.EaseElasticInOut.create();
第4種 跳躍緩沖
[javascript] view plain copy
- cc.EaseBounceIn.create();
- cc.EaseBounceOut.create();
- cc.EaseBounceInOut.create();
第5種 回震緩沖
[javascript] view plain copy
- cc.EaseBackIn.create();
- cc.EaseBackOut.create();
- cc.EaseBackInOut.create();
一般來說,這些速度控制放在cc.MoveTo函數中效果最好,可以直接看運動中曲線的變化
用法就是直接把移動函數放入進來就可以了
[javascript] view plain copy
- sprite.runAction(cc.EaseBackIn.create(cc.MoveTo.create(1.2,cc.p(300,300))));
用起來還是很方便的,如果不喜歡這樣嵌套使用,也可以分開用變量保存,最後再使用runAction進行動作。
【Cocos2d-html5】運動中速度效果