使用extention快速產生漸變效果

我是個很懶得畫動畫的人,尤其懶得處理漸變的影格,沒辦法,我天生對於處理這種一格一格的圖檔缺乏耐心,但是如果使用Flash製作介面,卻沒有使用絢麗的移動動畫,就顯不出Flash迷人的地方,幸好,在網路上找到了一個非常好用的Library,感覺上,就是天生為我這種懶鬼而設計的。

photo viwer 說明圖檔

因為不能夠上傳flash檔案上來,所以就貼圖用腦子想像一下吧!這張照片瀏覽器的擷取畫面當中,我希望點選照片的時候,照片跟小箭頭都能夠以滑動的方式來呈現;我不清楚如果使用影格來做,會不會很麻煩,但是我想應該不會比我使用的這個方法簡單。

開始之前,請先到下載 extention 檔案,目前這個連結是1.2.0的版本,如果你想要其他的版本,可以直接到 movieclip tweening prototypes下載頁 去查看所需的版本;下載完,請直接執行安裝,並且重新啟動Flash檔案。

使用這個 extention 的方法非常簡單,不過這篇文章當中,只介紹 tween 的類別函式,基本上,這也是我所使用的類別函式,當然,還有很多其他的類別函式可以用,有空可以去試試看。

請在場景程式碼第一行處加入#include "lmc_tween.as"; 的語法,接著請製作你所要呈現的物件,如果你需要仰賴按鈕效果,請自行撰寫按鈕的function吧!

MovieClip.tween()
需 要:Flash Player 6.
使用模式:指定物件名稱.tween(屬性, 最終結果, 所花費時間(秒), 動畫型態, 延遲, 回傳值, extra1, extra2)
參 數:
“linear”,
“easeInQuad”,”easeOutQuad”,”easeInOutQuad”,”easeOutInQuad”
“easeInCubic”,”easeOutCubic”,”easeInOutCubic”,”easeOutInCubic”
“easeInQuart”,”easeOutQuart”,”easeInOutQuart”,”easeOutInQuart”
“easeInQuint”,”easeOutQuint”,”easeInOutQuint”,”easeOutInQuint”
“easeInSine”,”easeOutSine”,”easeInOutSine”,”easeOutInSine”
“easeInExpo”,”easeOutExpo”,”easeInOutExpo”,”easeOutInExpo”
“easeInCirc”,”easeOutCirc”,”easeInOutCirc”,”easeOutInCirc”
“easeInElastic”,”easeOutElastic”,”easeInOutElastic”,”easeOutInElastic”
“easeInBack”,”easeOutBack”,”easeInOutBack”,”easeOutInBack”
“easeInBounce”,”easeOutBounce”,”easeInOutBounce””easeOutInBounce”

範 例:
my_mc.tween("_x",100,3,"easeOutElastic")

舉例來講,如果我希望當我滑鼠物件 myArrow 在點選照片的時候,箭頭可以在一秒鐘之內橫向滑到指定的位置,就可以使用 myArrow.tween("_x","指定的x軸座標","1","linear"); 你可以看到這裡只有指定最後的值,它一開始的值則是由物件本身的初始值來決定。

如果你想要指定淡入,就可以把前面的屬性指定為 _alpha ,就可以產生漂亮的淡入效果囉!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s