很多 Flash 動畫的開頭都會加上下載進度的顯示,讓使用者可以知道目前動畫下載的情況,因此~動畫下載進度的設計可以說是每一個 Flash 動畫的基本〝配備〞了。
在我們飛肯設計學苑的「ActionScript 3.0 程式設計入門班」課程中也有這個國民範例喔…呵呵。
ActionScript 3.0 對於動畫下載進度有專門的處理事件,當動畫還在下載當中的時候就會先觸發「ProgressEvent.PROGRESS」事件,當動畫下載完成的時候就會觸發「Event.COMPLETE」事件,使用起來相當的方便。
【 swf 範例預覽 】
http://www.flycan.com/sample/20091014_Loading_single/Loading_single.html
程式語法如下:
教學說明如下:
第三行:宣告 DOWNLOAD 變數,用來抓取目前動畫已經被下載的大小 bytesLoaded
第四行:宣告 TOTAL 變數,用來抓取目前動畫全部完整的大小 bytesTotal
第五行:宣告 PERCENT 變數,將 DOWNLOAD 變數除以 TOTAL 變數就可以計算出下載進度的百分比
第六行:場景中的 SHOWPP_txt 文字方塊用來顯示 PERCENT 變數的下載進度的百分比
第七行:場景中的 MY_TIME_mc 動畫製作百分比的進度條跟隨 PERCENT 變數一起動
第十四行:偵聽事件使用「ProgressEvent.PROGRESS」當動畫還在下載當中的時候就會先觸發,就會執行第一個 WAITING 函式,進行動畫下載進度的百分比的程式。
第十五行:偵聽事件使用「Event.COMPLETE」當動畫下載完成的時候,就會執行第二個 OKOK 函式,正式播放我們設計好的動畫場景。
【 fla 範例下載 】
http://www.flycan.com/sample/20091014_Loading_single/Loading_single.fla
by
姜智豪
老師
當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!