2007/05/25

載入外部SWF檔--利用影格ActionScript法

目標
學習以外部SWF檔的方式來完成Flash作品。

觀念
  • 儘可能將Flash作品切割成個別的小檔案,並將小檔案匯出為SWF檔。
  • 再以載入外部SWF檔方式來完成作品,如此,方便分工、編輯及更新。
  • 影片可依需要才載入所需的swf檔,故能減低作品在網路上的下載負荷。
練習
[製作空白影片片段]
  1. 在你的隨身碟新增一檔案夾,並取一英文檔案夾名稱。
  2. 將你之前做過的swf檔,複製到上一步驟內之檔案夾內,檔名一定更新為英文,本例中,英文名為「windmill.swf」。
  3. 啟動Flash,新增一檔案。
  4. 視窗>元件庫,新增一「影片片段」,勿放入任何素材,換言之,它是一空白的影片片段。
  5. 離開影片片段的編輯,進入影片的場景。
  6. 從元件庫將步驟4及5所完成的影片片段元件移到舞台左上角,它會停在內定圖層的第一格。選取它,於屬性視窗內之「實體名稱」欄鍵入英文名,本例取名「LoadSWF」。
[加入行為(behavior)]
  1. 新增一圖層,取名為ActionScript。
  2. 點選該圖層之第一影格。
  3. 視窗 >行為指令(behavior)。
  4. 點按行為視窗之+圖示,依序進入點選影片片段﹣﹣載入外部影片片段


  5. 於對話框入,輸入及圈選如下圖,按確定鈕。

[觀看ActionScript]
  1. 按Ctrl +Enter鍵,觀看動畫,它會是你複製到檔案夾內的swf動畫。
  2. 點按ActionScript圖層上的第一個影格,按F9,它的語法應像以下:
    //load Movie Behavior
    if(this.LoadSWF == Number(this.LoadSWF)){
    loadMovieNum("windmill.swf",this.LoadSWF);
    } else {
    this.LoadSWF.loadMovie("windmill.swf");
    }
    //End Behavior
  3. 儲存檔案。
[補充]
另一種載入外部影片片段的方法是使用loadMovieNum(),則上一節影格的ActionScript可更改如下:
//Using Load
LoadSWF.onEnterFrame=function(){
loadMovieNum("windmill.swf", 0);
}

作業
  • 以本單元之要領及之前的按鈕互動要領,設計出一件作品,它有兩個按鈕,可以互動式各自載入不同的外部影片片段。

2007/05/12

期末作業說明

目標
將期中作業衍生為具互動性的Flash動畫

繳期
6月21日

要求
  • 須有場景使用。
  • 須具音效、互動選項。
  • 須用load movieclip方法。
  • 須設Preload。
  • 須做片頭及片尾。
  • 須檔案最小化。
  • 須繳原始flash檔及swf檔。
  • 須掛到自己的網頁上http://web2.ntit.edu.tw/~sxxxxxxxxx/flash/內
參考網站

2007/05/10

Actionscript

目標
學會Actionscript的影格控制及按鈕控制

實例
控制影格的actionscript
  1. 開啟檔案。按Ctrl + Enter鍵,以測試影片。
    該影片是一個球的壓扁動畫。
  2. 在最上層之上新增一圖層。
  3. 在第影格10處插入一空白關鍵影格。
  4. 視窗 > 動作
  5. 在動作影格視窗內,按其左上角之+圖示,並如下圖順序按到Stop。

  6. 按Ctrl + Enter鍵,以測試影片。
    影片會在球第一次壓扁處(影格10)停止。
用按鈕控制的actionscript
  1. 以前一檔案為基礎,先製作各球及影子的圖形元件。
  2. 以圖形元件製作出球墜地的影片片段元件。
  3. 製作一按鈕元件。
  4. 更新圖層,由下往上是基準線、動畫影片、按鈕、Actionscript。
  5. 將各圖層的影格刪除。
  6. 將影片片段元件拖拉放到「動畫影片」圖層。
  7. 將按鈕元件拖拉放到「按鈕」圖層。
  8. 在基準線畫一水平線。
  9. 調整上述三個元件的位置。
  10. 滑鼠點選「Actionscript」的第一個影格。
  11. 同上一例中的步驟4.及5.,製作「stop」Actionscript。
  12. 點按「動畫影片」圖層,選取動畫分身(註:任何元件用到舞台或作業區上即為分身)。
  13. 在屬性視窗內取分身名為「MC_bigball」(註:你可另取名稱,但不能與Actionscript的專用名詞相同。)。
  14. 點按「按鈕」圖層,選取按鈕分身。
  15. 視窗 > 動作
  16. 點按動作﹣影格視窗左上的「+」。依下圖,選用on。


  17. 選Release。
  18. 在兩個大括弧間鍵入"MC_BigBall.stop();",整個actionscript如下