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