tweenlite

tweenlite

TweenLite最初是GreenSock公司推出的一款基於ActionScript的免費開源的緩動引擎。後續發展成為提供開放下載的有javascript， as2.0 和 as3.0 三個版本的動畫庫。

基本介紹

  • 中文名：tweenlite
  • 推出公司：GreenSock公司
  • 基於：ActionScript
  • 類型：最初為免費開源的緩動引擎
用途,優點,用法,

用途

TweenLite是webgame開發人員比較常用的一個動畫庫，使用TweenLite能夠簡化動畫製作的代碼編寫工作。

優點

  1. 運行效率高
  2. 回調方法豐富
    例如onComplete, onStart, onUpdate 等回調方法是Tween等其他常規動畫庫沒有的
  3. 智慧型的alpha
    當alpha達到0時，TweenLite會自動將對象的visible設為false
  4. 在一次方法調用中可以緩動多個屬性
  5. 可以設定每一次緩動的延時(對有先後順序的緩動很有效)
  6. 實現任何MovieClip/Sprite的變色效果非常簡單
  7. 可以緩動MovieClip的聲音
  8. 唯一的from()方法使你可以使用當前的屬性值作為緩動的目標值
  9. 可以使用相關聯的值
  10. 在一次方法調用中就可以緩動多個數組的值
  11. TweenLite默認會自動地覆蓋同一個對象的緩動以免出現衝突，這個特性也可以關閉
  12. delayedCall()方法使用戶可以隨意設定延時和延時過後所調用的變數，甚至傳遞任意個數的參數
  13. TweenLite的擴展程式豐富.

用法

TweenLite. to(target:Object, duration:Number, variables:Object);
Description：將target對象的屬性從調用方法時的值緩動到variables中所指定的值
Parameters：
  • target:要緩動的對象(這裡注意類型是Object,並不僅僅是MovieClip和Sprite)
  • duration:持續的時間(單位是秒)
  • variables: 一個Object,包含你想要緩動的所有屬性(在TweenLite.from()方法中，這些變數表示的則是開始緩動時的值)，如果你給某個屬性加引 號，它將關聯到當前的值。例如y:”xxx”,無論你引號里指定多少，它只會緩動到當前的值或者從當前的值開始緩動(在 TweenLite.from()方法中)
特殊屬性：
  • delay:Number
    延時幾秒後開始緩動，這在有先後順序的緩動效果中很有用
  • ease:Function
    套用在variables上的緩動函式，比如gs.easing.Elastic.easeOut。默認值是Regular.easeOut.當然你也可以套用CustomEase來定義自己的緩動函式(CustomEase屬於收費內容)
  • easeParam:Array
    給緩動函式提供額外參數的數組。這在使用Elastic緩動函式時控制其他參數比圖振幅和周期會非常有用(ADOBE官 方文檔中，Elastic.easeXX()方法是可以有6個參數的，但是在TweenLite中只提供4個參數，那么另外2個參數：周期和振幅就可以在 這個數組中給定)。大部分的緩動函式是只有4個參數的，所以通常情況下是不需要傳入easeParams參數的。
  • autoAlpha:Number
    效果和改變”alpha”值一樣，但是多了一個特性：如果alpha最終變為0，則自動將visible設為false。同樣如果autoAlpha的值大於0，則在開始緩動前會自動將visible設為true
  • visible:Boolean
    緩動效果結束時DisplayObject對象的visible屬性
  • volume:Number
    緩動對象的SoundTransform屬性(例如MovieClip/SoundChannel/NetStream等)
  • tint:uint
    改變DisplayObject對象的色調，設定一個要緩動到的16進制的顏色值(在from()函式中表示起始值)
  • removeTint:Boolean
    表示是否要取消一個套用在DisplayObject對象的tint屬性
  • frame:int
    緩動MovieClip到指定的幀(在from()函式中表示起始幀)
  • onStart:Function
    在緩動開始時觸發此方法
  • onStartParams:Array
    數組，裝有傳遞給onStart方法的參數
  • onUpdate:Function
    當屬性值發生改變時(緩動進行中的每一幀，每一秒)觸發此方法
  • onUpdateParams:Array
    數組，裝有傳遞給OnUpdate方法的參數
  • onComplete:Function
    在緩動效果結束時觸發此方法
  • onCompleteParams:Array
    數組，裝有傳遞給onComplete方法的參數
  • persist:Boolean
    如果設為true,在緩動效果結束時，TweenLite實例將不會被垃圾回收器自動回收。當然，persist為true的時候，這個緩動效果仍然可以被其他的緩動覆蓋。默認值是false
  • renderOnStart:Boolean
    在調用TweenLite.from()函式並且還有一個延時的時候，如果想要讓指定的起始屬性值在延時結 束之後才展現出來的話，將renderOnStart設為true,相反，如果設為false,在延時開始之時就會立即展現指定的起始屬性值。默認值是 false
  • overwrite:Boolean
    如果不想讓這個緩動效果被套用在同一個對象上的其他緩動效果自動覆蓋的話，請將這個值設為false
TweenLite.delayedCall(delay:Number, onComplete:Function, onCompleteParams:Array);
提 供一個簡單的方法來實現在指定的秒數之後調用指定的方法(其作用相當於setTimeout()方法，如果單為了實現setTimeout的功能而給你的 代碼增加3K的重量，實在不值，但是如果項目中已經引入了TweenLite,使用這個方法是個不錯的主意)，可以傳遞任意個數的參數
Parameters:略…
TweenLite.killTweensOf(target:Object, complete:Boolean);
提供一個簡單的方法來移除套用在對象上的所有緩動效果，可以指定是否立即強制結束
Parameters:
target:目標對象
complete: 如果設為true,目標對象的緩動效果將會立即結束(緩動的屬性直接變為緩動效果結束時的值，同時調用onComplete方法如果定義了的話)，若設為 false,同樣會立即結束緩動效果 ，但是屬性值將停留在當前緩動到的位置，onComplete函式也不會執行
TweenLite.killDelayedCallsTo(function:Function);
提供一個簡單的方法來移除TweenLite.delayedCall方法中設定了的方法(其作用相當於clearTimeout)
Parameters:略..
TweenLite.removeTween(tween:TweenLite):void
回收指定的TweenLite的實例
Parameters:略.

相關詞條

熱門詞條

聯絡我們