2011年10月13日

和Greensock做好朋友



和Greensock做好朋友的好處多多,不會寫as的設計師也不用太害怕,
因為Greensock有提供一個Basics.swf的工具,如上圖所示,簡單的xy位置,或是放大縮小、轉圈圈、alpha透明度設定,點一點之後就會在下方幫你產生了as碼,複製到你的fla檔案中就可以了(前提是Greemsock已經安裝好了,安裝可參考此篇文章)

運行的速度也提供了多種,看你是想要正常跑、減速跑、加速跑、跑過頭... 任君挑選!
只要一段程式碼就可以讓你的flash跑起來更順暢,可以早點下班多快樂啊!





簡單的用了四個運行的方式,
1. 基本款微減速
2. 跑過頭
3. 先跑+跑過頭
4. 放大+旋轉+透明度改變


語法如下:

/*元件dog01在一秒內跑用微煞車到位置x:400*/ 
TweenLite.to(dog01, 1, {x:400});  

/*元件dog02在一秒內用減速還有跑過頭的方式跑到位置x:400*/
TweenLite.to(dog02, 1, {x:400, ease:Back.easeOut});  

/*元件dog03在一秒內先起跑一點再跑過頭的方式跑到位置x:400*/ 
TweenLite.to(dog03, 1, {x:400, ease:Elastic.easeInOut});   

/*元件dog04在一秒內用減速的方式跑到位置x:400,旋轉15度、放大130%、透明度降為70%*/ 
TweenLite.to(dog04, 1, {x:400, scaleX:1.3, scaleY:1.3, rotation:15, alpha:0.7, ease:Quart.easeOut});      


這只是Greensock最基礎的皮毛,還有很多更厲害的功夫,等大家來發掘!
facebook討論

0 意見:

 

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