【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进行动作。