2009年5月5日 星期二

按鈕AS3.0

目標
影片片頭、片尾各加一個按鈕以控制影片的播放。

學習新功能
AS3.0中的語令
1.stop()
2.gotoAndPlay()
3.addEventListener(MouseEvent.CLICK, variable)

步驟
一、設定Flash程式

1.開新檔案,選ActionScript 3.0模式。

二、製作一片雲的動畫

1.在元件庫做一雲的圖像元件。
2.在第5影格到第48影格,製作使雲有大小及位置變化的一移動補間。
3.新增圖層,更名為文字,在第1影格,製作一文字「試按右下二鈕」,將它們打散。
4.在第4影格加入影格。

二、套用按鈕元件

1.新增一圖層,更名為「按鈕」。
2.視窗 > 內建元件庫,選擇播放按鈕,拖拉放到舞台右下。
3.視窗 > 內建元件庫,選擇播暫停鈕,拖拉放到舞台右下。
4.利用視窗 > 對齊,使齊底,再調動位置。
5.到元件庫,將播放元件更名為「play」,將暫停元件更名為「pause」

三、設定實體名稱

1.點按舞台上的播放鈕,在屬性視窗內,於實體名稱處,更名為「play_btn」。
2.點按舞台上的播放鈕,在屬性視窗內,於實體名稱處,更名為「pause_btn」。

四、加影格標籤

1.新增一圖層,取名為Action。
2.在第5影格新增一空白關鍵影格,於屬性視窗之影格標籤欄鍵入「Lplay」。

五、加入AS (ActionScript)
1.選取Action圖層上的第1影格,輸入以下的語令:stop();

play_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);function clickplay_btn(event:Event):void {trace ("play_btn");gotoAndPlay("Lplay");
}

pause_btn.addEventListener(MouseEvent.CLICK, clickpause_btn);function clickpause_btn(event:Event):void {trace ("pause_btn");stop();
}

2.在Action圖層上的最後一影格插入空白關鍵影格。
3.點選該最後影格,於動作視窗內輸入以下語令:gotoAndPlay ("Lplay");

六、存檔
1.測試影片。
2.檔案,取名儲存。

建議瀏覽AS3.0教材
介紹官方版(中文)
按鈕設定
介紹滑鼠事件
做網頁用的Flash及其AS

沒有留言:

張貼留言