【Cocos2d-html5游戏引擎学习笔记(11)】运动中速度效果

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


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


第1种  指数缓冲

【Cocos2d-html5游戏引擎学习笔记(11)】运动中速度效果_第1张图片

cc.EaseExponentialIn.create();
cc.EaseExponentialOut.create();
cc.EaseExponentialInOut.create();

第2种  Sine缓冲

【Cocos2d-html5游戏引擎学习笔记(11)】运动中速度效果_第2张图片

cc.EaseSineIn.create();
cc.EaseSineOut.create();
cc.EaseSineInOut.create();

第3种  弹性缓冲

【Cocos2d-html5游戏引擎学习笔记(11)】运动中速度效果_第3张图片

cc.EaseElasticIn.create();
cc.EaseElasticOut.create();
cc.EaseElasticInOut.create();

第4种  跳跃缓冲

【Cocos2d-html5游戏引擎学习笔记(11)】运动中速度效果_第4张图片

cc.EaseBounceIn.create();
cc.EaseBounceOut.create();
cc.EaseBounceInOut.create();

第5种  回震缓冲

【Cocos2d-html5游戏引擎学习笔记(11)】运动中速度效果_第5张图片

cc.EaseBackIn.create();
cc.EaseBackOut.create();
cc.EaseBackInOut.create();


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

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

sprite.runAction(cc.EaseBackIn.create(cc.MoveTo.create(1.2,cc.p(300,300))));

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

你可能感兴趣的:(JavaScript,cocos2d-html5)