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();


 


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

文章標籤
全站熱搜
創作者介紹
創作者 jun431869 的頭像
jun431869

二流設計師的小筆記

jun431869 發表在 痞客邦 留言(1) 人氣(746)