上傳swf

目標
將swf利用Filezila上傳到部落格


上方的swf動畫，要能在部落格瀏覽，需完成以下兩個部驟：

1. 先將欲發佈的swf檔以Filezila存入你在學校的網站www資料夾內。
2. 在部落格的「修改Html」模式下，複製以下的字串，貼到html編輯區內，但要把該swf的網址修改為你自己的。
   <embed src="http://web.ntit.edu.tw/~hsieh/swf/cloud_1_tut.swf" loop="-1" autostart="0" width="400" height="225"></embed>

學生名單

邱湲純 黃怡萍
鄭宇傑 洪鏑凱
彭舒婷 林艾瑩
張瑜璇 林信宏
陳韋琳 陳治瑋
曾于真 陳江銘
王姿月 郭文宗
賴宜儀 黃如慧
蔡旻修 周冠任
林品妤 徐章通
吳曉曼 羅伊婷
梁瓊丹 徐家榮

學生名單

袁正修 楊舒姍
陳靜怡 曾美惠 *
張嘉芯 黃瑞琳
張漢嶢 蔡佳祐
張婉真 許智怡
蔡柏鴻 楊于正
陳幸穗 陳韋利
林至中 鄧尊仁
張德名 王敏倩
張慧蓮 黃靖育 *
吳心如 謝原鈴
謝佳芳 林嘉萍
張永政 陳瑋玫
黃鈺婷 林弘泰
王俊達 許譯云

進度表

周別_日 期_授課內容

1. 02/20 概論Flash入門
2. 02/27 畫圖
3. 03/06移動補間與形狀補間
4. 03/13 場景（Scene）
5. 03/20 元件的使用
6. 03/27 點陣圖的應用
7. 04/03 影片片段
8. 04/10 影片片段
9. 04/17 **期中考**
   
10. 04/24 音效及匯入
11. 05/01 音效--在關鍵影格播放及停播
    
12. 05/08 Actionscript
13. 05/15 進專放假 GetURL的使用載
14. 05/22 入外接SWF檔
15. 05/29 預先載入preload
16. 06/05 專題設計
    
17. 06/12 專題設計
18. 06/20 **期末考**
19. 06/26
    

期末作業檢討

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

方法

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