Flash / 基本 Loading AS 2.0 - 範例二

 

前一篇寫過一種 AS 2.0 的Loading 製作方式,這邊再分享一個是網路上搜尋來的做法,
設定方式如下: 

 

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


01.jpg  


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


02.jpg  


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


03.jpg  


步驟四:在新建元件內,製作一個 1~100 格的動畫


04.jpg  


步驟五-1:回到場景

步驟五-2: 將製作好動畫的元件,從元件庫拖進場景舞台中


05.jpg  


步驟六:點選一下場景中的元件,在元件屬性這邊給它一個實體名稱


06.jpg  


步驟七:在時間軸這邊,將圖層名稱改為與元件實體名稱相同, 做為圖層間的辨認用


07.jpg  


步驟八:新增一個圖層,這個圖層主要是要放置數據用的,所以 也可以給它個一個名稱做辨別用


08.jpg  


步驟九-1:點選工具列,使用文字工具

步驟九-2:在文字屬性的部分,將文字屬性選為“  動態文字


09.jpg   


步驟十:在舞台中畫出一個數據的顯示範圍


10.jpg  


步驟十一:在文字屬性 ” 變數 “這欄 Key 上 “ percent


11.jpg  


步驟十二:可依個人需要在數據旁打上文字百分比,這邊請將 文字屬性改為” 靜態文字


12.jpg  


步驟十三:再新增一個圖層,可以將圖層名稱更改為” as ”做為 下指令的圖層辨別用


13.jpg  


步驟十四:在“ as “ 這層影格上按滑鼠右鍵,選” 動作


14.jpg  


步驟十五:動作視窗中,Key 入以下語碼後,按“ F9 “ 關閉

totalB = this.getBytesTotal();
loadB = this.getBytesLoaded();
percent = int(loadB/totalB*100);
bar.gotoAndStop(percent);


15.jpg 


步驟十六: 按住鍵盤 Shift 鍵,將三個圖層影格選取起來,按滑鼠 右鍵插入影格


16.jpg  


步驟十七:在” as ”層的影格 2 ,按滑鼠右鍵選擇“ 插入關鍵影格


17.jpg  


步驟十八:影格 2動作指令視窗中,Key 入以下語碼後關閉

if (percent<100) {
    gotoAndPlay(1);
} else {
    gotoAndPlay(3);
}


18.jpg  


步驟十九:影格 3,按滑鼠右鍵選擇 ” 插入影格


19.jpg  


步驟二十:之後再在影格 3,按滑鼠右鍵選擇 ” 插入關鍵影格


20.jpg  


步驟二十一:影格 3動作指令視窗中,Key 入以下語碼後關閉

stop();


21.jpg  


步驟二十二:bar 圖層影格 3 ,按滑鼠右鍵插入空白關鍵影格


22.jpg  


步驟二十三: bar 圖層影格 3 ,放入你想置入的圖片元件


23.jpg  


以上步驟完成後,就可以將影片匯出,測試看看效果了!

arrow
arrow
    全站熱搜

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