快速找到自己想要用到的cocos2d-x的缓冲动画

游戏中在做很多动画时，需要用到缓冲来增强表现。比如宝箱“鼓”几下，然后“蹦”的一下打开。很多时候要调效果时，需要轮着试，如果有一张图和实际示例效果，那就省很多事情了。cocos2d-x中的缓冲动画跟以前JavaScript用到的缓冲动画公式大同小异，较早之前写过关于JavaScript动画的文章，把它拿过来就直接可以使用了

《JavaScript的动画组件》

 

不过需要注意的是，cocos2d-x中只需要6种缓冲，分别是：

1、线性的；

2、指数（Exponential）：EaseExponentialIn、EaseExponentialOut、EaseExponentialInOut；

3、Sine缓冲：EaseSineIn、EaseSineOut、EaseSineInOut；

4、弹跳缓冲（Bounce）：EaseBounceIn、EaseBounceOut、EaseBounceInOut；

5、弹性缓冲（跟上面啥区别呢？看有没有越界…）：EaseElasticIn、EaseElasticOut、EaseElasticInOut；

6、回震缓冲：EaseBackIn、EaseBackOut、EaseBackInOut；

 

我从javascript.info上找到动画相关的文章，把动画绘制的页面嵌入到这篇文章里了。（需要支持canvas的浏览器才能看到效果）

 

这样如果想实现什么效果，看下效果图就知道该用什么函数实现它了，不用再一个一个尝试了…