期末作業檢討

目標
檢討期末作業之可精進之處

方法

1. 到同學的部落格，觀看其期末作品，並提供評語。
   檢核作品標準如下：
   是否有故事性
   是否配音效
   是否動作流暢
   是否有按鈕
   
   

新增提示點

目標
使形狀補間更順優質

▲左動畫的形狀補間經「增加提示點」成為右動畫，效果更好。

學習新功能
修改 > 形狀 > 增加提示點

步驟
一、製作元件
(一) 「形狀補間」影片片段

1. 新增元件，選擇影片片段類型，取名為「形狀補間」。
2. 在舞台上鍵入數字「4」。
3. 在影格24處新增關鍵影格。
4. 將數字修改為6。
5. 將第1影格內的「4」及第24影格內的「6」執行修改 > 打散。
   
6. 於屬性對話框內，於補間欄選擇「形狀」。

(二)「提示點形狀補間」

1. 於元件庫視窗內，點選「形狀補間」將之重製，更名為「提示點補間」。
2. 開啟「提示點補間」，點按第1影格，做修改 > 形狀 > 增加提示點三次。
3. 將第1影格內的提示點abc移動如下圖左。
4. 將第24影格內的提示點abc移動如下圖右。
5. 滑鼠右鍵點按第30影格，選擇「加入影格」。
   

▲提示點宜對應位置及順序

(三) 製作按鈕

1. 從視窗 > 內建元件庫，扡拉放播放及暫停兩按鈕到舞台上。

二、加入AS

1. 切換到場景1。
2. AS的語法同時鐘旋轉運動。
   

複製影片片段

目標
複製暨移除影片片段

▲連續按綠鈕可遞增魚群；按紅鈕可全部清除魚群。

學習新語令

• DuplicateMovieClip (AS 2.0)
• RemoveMovieClip
  
• setProperty
  

步驟
一、製作元件

1. 做魚游的影片片段一。
2. 做按鈕元件二。
3. 做海洋背景圖像元件一。

二、製作場景

1. 在場景1內，將內定圖層更名為Sea，將海洋背景圖像元件拖拉放到舞台。
2. 新增圖層，更名為Fish，將魚游動的影片片段拖拉放到舞台，將其實體名稱更名為fish。
3. 新增圖層，更名為Button，將按鈕元件拖拉放到舞台，將其實體名稱更名為duplicate_btn。
4. 新增圖層，更名為Action。

三、加入AS

1. 在Action圖層的第一個影格，於動作視窗內加入以下的ASvar
   remove = false;
   stop();
   add_btn.onRelease=function() {
   amount = 10;
   while (amount>0) {
   duplicateMovieClip(_root.fish, "mc"+i, i);
   setProperty("mc"+i, _x, random(600));
   setProperty("mc"+i, _y, random(320)+10);
   setProperty("mc"+i, _alpha, random(80));
   setProperty("mc"+i, _xscale, random(80)+50);
   setProperty("mc"+i, _yscale, random(80)+50);
   i = i+1;
   amount = amount-i;
   }
   }
   
   substract_btn.onPress=function(){
   _root.remove = true;
   }
   substract_btn.onRelease=function(){
   _root.remove = false;
   }
   substract_btn.onReleaseOutside=function(){
   _root.remove = false;
   }
   
   
2. 點選舞台上的魚，於動作視窗入鍵入以下的AS
   onClipEvent (enterFrame) {
   
   if(_root.remove == true){
   this.removeMovieClip();
   this._x = random(600);
   this._y = random(320);
   }
   }
   

建議閱讀

• duplicateMovieclip
  
• removeMovieclip
• duplicateMovieclip_AS3