2011年11月14日

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討論

0 意見:

 

One Design Copyright © 2009 BeMagazine Blogger Template is Designed by Blogger Template
In Collaboration with fifa