導引線運動

目標
以按鈕控制順路徑移動的影片片段

▲車子沿山起伏，點按按鈕以觀察暫停及播放的效果。

學習新功能

• 新增導引線

步驟
一、選用影片版本

1. 啟動Flash。
   
2. 新增一影片，選Flash CS3。
   

二、製作具導引線動畫的影片片段

(一) 製作小車圖像元件

1. 新增一圖形元件，畫一小車。
2. 視窗 > 對齊，將小車的底部對齊畫面原點。
   

(二) 製作影片片段元件

1. 新增一影片片段元件，將內定圖層取名為「背景」，選工具列下方的漸層色，於該層畫一漸層色大圓球。
2. 視窗 > 顏色，進行色彩調配。
3. 以「選取細部工具」將大圓的上部修改為山巒起伏狀。
4. 在「背景」層之上，新增一圖層，取名為「草葉」，畫一些裝飾用的草葉。
   
5. 在「草葉」層之上，新增一圖層，取名為「移動」，從元件庫把小車拖拉放到舞台上，並第1及第48影格間做一移動補間。

(三) 新增導引線層

1. 滑鼠右鍵點按「移動」層，從文字選項中選擇「新增導引線」，將新出現的圖層取名為「導引線」。
2. 點按「背景」層，點按圖形輪廓線，剪下。
3. 點按「導引線」層第一影格，編輯 > 在原地貼上。
4. 檢視 > 尺規，從上方拉一尺規與圓相交。
   注意：為避免擦掉其它圖層的物件，所以宜將其它圖層鎖死。
   
5. 從工具箱選「橡皮擦工具」，擦掉尺規下方的圓弧。
   
6. 將「移動」層的第1及第48鍵影格之圖像，分別移到導引線的始點及終點。
7. 視需要在「移動」層第1及第48影格內新增關鍵影格，並以變換工具調整小車前行方向。

三、在場景內增設AS

1. 點按「場景1」，離開影片片段元件的製作。
   
2. 將影片片段移入舞台，選取該影片片段，於屬性視窗內，將該影片片段之在舞台上的實體名稱改名為「mounting_clip」。
3. 新增一圖層，取名為「按鈕」。
   
4. 視窗 > 庫存元件，拖拉放播放按鈕元件及暫停元件至按鈕層，分別將其實體名稱取名為「play_btn」及「pause_btn」。
5. 新增一圖層，取名為「Action」，選取第一影格，按F9鈕，輸入以下的語令：
   //讓影片停在第一格等待
   stop();
   
   //設定函數，讓實體名稱為play_btn的按鈕被點按時會播放實體名稱為mounting_clip的影片片段。
   play_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);
   function clickplay_btn(event:Event):void {
   trace ("play_btn");
   mounting_clip.play();
   }
   
   //設定函數，讓實體名稱為pause_btn的按鈕被點按時會停播實體名稱為ball_clip的影片片段。
   pause_btn.addEventListener(MouseEvent.CLICK, clickpause_btn);
   function clickpause_btn(event:Event):void {
   trace ("pause_btn");
   mounting_clip.stop();
   }
   
6. 測試影片。
7. 存檔。