快速找到自己想要用到的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的瀏覽器才能看到效果)



 

這樣如果想實現什么效果,看下效果圖就知道該用什么函數實現它了,不用再一個一個嘗試了…


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM