Actionscript2.0, Flash, 網頁設計

[AS2]Loading 預載製作

梅干2008/11/29
  使用過Flash的老手或新手都知道,當Flash置入太多的圖檔,或使用特殊效果時,相對的檔案也愈大,此時再酷再炫的效果在使用者的心中是永遠的痛丫,還來不急等到動畫出現可能就先行離去了,所以要留住使用者的心就先得留住他的眼,因此在動畫還沒出現在,可以製作簡單的載入畫面,至少讓使用者知道還要等多久,如此一來就可以留住使用者的心啦!

&#9758 架構圖:
在動手開始製作之前,稍為了解一下整體的架構,通常梅子習慣將所有的程式碼放置於最上層的圖層中,並且命名為as,下圖是此Loading的結構。


&#9758 圖解:


&#9758 關鍵影中的語法:
Frame1
  totalB = this.getBytesTotal(); //抓取檔案大小
  loadB = this.getBytesLoaded(); //已入檔案大小
  percent = int(loadB/totalB*100); //將已讀入除以總大小    
  bar.gotoAndStop(percent);//控制讀入bar的停留影格

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

Frame3
    stop();


※模擬下載測試:
當製作完畢時,在本機端直接按Ctrl+Enter鍵,在上方的功能表中的View/Simulate Download,就可模擬下載的進度,若要調整下載速度時,可至View/Download Settings底下設定你所需的下載速度。

原始檔下載


UAG軍規iPhone防摔殼