tweenlite簡單介紹

tweenlite，是webgame開發人員比較常用的一個緩動庫。

官方網站：http://www.greensock.com/tweenlite/

• 先簡單介紹它的優點吧。

　　1.高效，性能不會差。
　　2.體積小，用到項目中，你的文件大小增加了3-4k。
　　3.容易使用，常用的函數就那么幾個

• 入門資料

　　看官方的《Getting Started Tweening》就夠了吧。偶爾再查閱了api就行了。tweenlite的使用非常簡單

TweenLite.to(mc, 1.5, {x:100, y:200, alpha:50});

　　第一個參數是需要緩動的對象，第二個參數是持續時間，第三個是需要改變的對象屬性。任何DisplayObject的屬性都可以改變。還有很多可選的參數，比如緩動函數，最后結束時候的回調函數。

• 說一下緩動函數，包括三種

　　easeIn：以零速率開始運動，然后在執行時加快運動速度
　　easeOut：以較快的速度開始運動，然后減慢運行速度，直至速率為零
　　easeInOut：方法兼有 easeIn() 方法和 easeOut() 方法的運動，開始運動時速率為零，先對運動進行加速，再減速直到速率為零。
　　tweenlite提供了各種類型的緩動函數，使用時直接調用即可

　　有人做了各個緩動函數的效果測試 http://big888.blog.163.com 如下圖

• 當你寫了一個tweenlite，想重復利用時，可以調用它的相關函數

var myTween:TweenLite = new TweenLite(mc, 1, {x:100, y:100});
//pause
myTween.pause();
//resume (honors direction - reversed or not)
myTween.resume();
//reverse (always goes back towards the beginning)
myTween.reverse();
//play() (always goes forwards)
myTween.play();
//restart
myTween.restart();
//invalidate (clears out any starting values that were 
//recorded and forces the tween to re-initialize on the next render)
myTween.invalidate();
//kill the tween immediately
myTween.kill();
//kill all tweens of the mc object
TweenLite.killTweensOf(mc)

• 如果有多個組合的動作需要播放，可以使用 TimelineLite

var myTimeline:TimelineLite = new TimelineLite();
myTimeline.append( new TweenLite(mc, 1, {x:100}) );
myTimeline.append( new TweenLite(mc, 1, {y:200}) );
myTimeline.append( new TweenMax(mc, 1, {tint:0xFF0000}) );

• 對於多個組件施加相同的動畫效果可以用

TweenMax.allTo([btn1, btn2, btn3], 1, {alpha:0, y:"100"}, 0.1);

更多的使用技巧，可以去看看官方的 《Tips and Tricks》

覺得tweenlite不夠用，還可以用tweenmax，它是tweenlite的擴展，提供了更為強大的功能

轉自：http://www.iamcoding.com/?p=217