2010年9月6日 星期一

Flash第7堂課 滑鼠追蹤效果


好一陣子沒有做Flash練習了,本週複習一下並解釋除了透過移動補間動畫之外,我們該如何透過程式碼製作簡單的動畫,只要能好好掌握動畫移動的特性,我們就可以做到精確又特別的移動效果唷!!

本週進度:
1. 漸進移動的基本練習。
2. 製作跟隨滑鼠移動的特效。
3. Event.ENTER_FRAME 事件

漸進移動的基本公式:(資料來源:Flash 3D 特效宅急便)

1. 移動量 = (目標值 - 現在值) / 漸進係數
2. 現在值 = 現在值 + 移動量
3. 可以簡化為:現在值 += (目標值 - 現在值) / 漸進係數
最後呈現結果會隨著時間愈長,移動量就愈少,且更趨近目標值。

Event.ENTER_FRAME 事件:
製作動畫時,若需要隨著時間增加,不斷去執行某個函式的話,我們就可以利用Event.ENTER_FRAME事件,就可以不斷去執行,直到取消偵聽該事件才會停止。

所以今天的作業是:


滑~鼠~追~蹤~器~


是的,也請使用本次教的東西發揮創意囉^^



本次的AS
/*移動係數*/
var easing:Number=5;
/*持續偵聽動作*/
this.addEventListener(Event.ENTER_FRAME,goforit);
function goforit(e:Event) {
 /*漸進移動到滑鼠位置*/
 mc.x += (this.mouseX - mc.x) / easing; 
 mc.y += (this.mouseY - mc.y) / easing;
}

原始檔參考

沒有留言:

張貼留言

Related Posts with Thumbnails