AS3 - greensock TimelineMax 應用 - 重複性文字動畫

重複性的文字動畫，在logo或是banner動畫中常會使用到，如果不是太複雜的特效，可以用TimelineMax助你一臂之力





以上方文字動畫為例，假設有9個文字，如果是用一般的傳統影格動畫，你就得將9個元件分開到9個圖層上，再個別製作影格動畫...





如果是用greensock TimelineMax的話，會輕鬆到讓你不知所措...
分別將元件設定好名稱之後，位置排好，再寫一段小小的ac，就完成了基本的文字動畫了。




語法如下：

import com.greensock.*;
import com.greensock.easing.*;

var timeline:TimelineMax = new TimelineMax({repeat:-1,yoyo:true,repeatDelay:1});
timeline.insertMultiple( TweenMax.allFrom([a01,a02,a03,a04,a05,a06,a07,a08,a09], 0.5, {autoAlpha:0,x:"20",ease:Back.easeOut}, 0.1), 0.1);

說明：

import com.greensock.*; import com.greensock.easing.*; 載入greensock
repeat:-1 重複無限次，不要重複的話就是0。
yoyo:true  動畫是否要倒退嚕回來，不要倒退嚕就是false。
repeatDelay:1  重複延遲秒數
allFrom([a01,a02,a03,a04,a05,a06,a07,a08,a09]  [ ] 中輸入元件名稱
autoAlpha:0  元件透明度的值會從0跑到1
x:"20"  有加上""表示移動位置20，沒有加上""的話，則是表示元件x:20為起點

後面的兩個數值，第一個0.1 是元件與元件之間的動畫間格時間，第二個0.1則是動畫一段跑完的delay時間

facebook討論