二流設計師的小筆記

Flash / 基本 Loading AS 2.0 - 範例一

許多Flash動畫，常常在製作完成後，擋案都很大，如果一次上傳到網路空間上，用瀏覽器開啟就
需要非常久的時間，而頁面上就會一片空白，這時候就需要製作個Loading來告知瀏覽者，頁面正
在匯入影片。

以下就提供一種簡單的Loading的設定方式：

步驟一：開啟一個AS 2.0 的新檔案
 

步驟二：到上方功能列找到 「插入」 →「新增元件」

步驟三：建立新元件這邊，類型選擇→ 影片片段

步驟四：工具列這邊選擇 → 矩形工具 用矩形工具畫出一個長方形

步驟五：在100格的地方 → 插入關鍵影格

步驟六：回到影格 1 的地方，把虛線圈起處刪除

步驟七：到影格 1 的地方，按滑鼠右鍵，點選 → 建立形狀補間動畫

步驟八：在新增一個圖層，這邊要放置 → 數字百分比的數據

步驟九-1：工具列選擇 → 文字工具

步驟九-2：在屬性列這邊，選擇 → 動態文字
 

步驟十：用文字工具，畫出顯示數據的範圍

步驟十一：在文字屬性，選項 → 變數 這欄 Key上” percent “

步驟十二：之後再用文字工具打上 % 的符號， 這邊文字屬性就用“ 靜態文字 “

步驟十三：切換到 → 場景，到元件庫將剛剛設 定好的“ 元件 1 “ 放進場景舞台

步驟十四：點一下剛放進舞台的元件，之後點選 功能列 → 視窗 → 動作

步驟十五：在“ 動作 ”視窗中Key上以下語碼， 完成後按下 ” F9 “ 鍵關閉就可以

onClipEvent (load)
{
      total = _root.getBytesTotal();
}
onClipEvent (enterFrame)
{
      loaded = _root.getBytesLoaded();
      percent = int(loaded / total * 100);
      text = percent + "%";
      gotoAndStop(percent);
      if (loaded == total)
      {
      _root.gotoAndPlay(2);
      } // end if
}

步驟十六：再新增一個圖層，將圖層名稱更改為 “ as ” 做為指令層的辨別 ( 可有可無的 )

步驟十七：在時間軸 → 影格 1 ，這邊按滑鼠右鍵， 點選 → 動作

步驟十八：在” 動作 ”視窗Key上以下語碼， 完成後按下” F9 “鍵關閉

stop();

步驟十九：將二個圖層按下 Shift 鍵一次選取 起來後，按下 ” F5 “ 鍵，延伸影格

步驟二十：在影格 2 點選滑鼠右鍵，選擇 → 插入關鍵影格

步驟二十一：之後在影格 2 再點選滑鼠右鍵， 選擇 → 動作

步驟二十二：在” 動作 ” 視窗這邊，Key上以下 語碼，在按下 ” F5 ” 鍵關閉

if(per<100){
      gotoAndplay(1);
}

步驟二十三：功能列這邊點選 → 視窗 → 其它面板 → 場景

步驟二十四：“ 場景 ”視窗這邊增加一個場景

步驟二十五：在場景 2 舞台中放進一張圖片或想要放的元件

步驟二十六：再新增一個圖層

步驟二十七：圖層這邊 → 插入關鍵影格，再給一個 停止的指令，Key上以下語碼

stop();

以上這些步驟設定完畢後，就可以匯出影片測試效果了。