ActionScript 3.0 入門教學 – Loading 動畫下載進度

很多 Flash 動畫的開頭都會加上下載進度的顯示,讓使用者可以知道目前動畫下載的情況,因此~動畫下載進度的設計可以說是每一個 Flash 動畫的基本〝配備〞了。

在我們飛肯設計學苑的「ActionScript 3.0 程式設計入門班」課程中也有這個國民範例喔…呵呵。

ActionScript 3.0 對於動畫下載進度有專門的處理事件,當動畫還在下載當中的時候就會先觸發「ProgressEvent.PROGRESS」事件,當動畫下載完成的時候就會觸發「Event.COMPLETE」事件,使用起來相當的方便。

ActionScript 程式設計  - ActionScript 3.0 入門教學 - Loading 動畫下載進度 - fly016

swf 範例預覽

http://www.flycan.com/sample/20091014_Loading_single/Loading_single.html

 

程式語法如下:

ActionScript 程式設計  - ActionScript 3.0 入門教學 - Loading 動畫下載進度 - fly023

教學說明如下:

第三行:宣告 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
姜智豪
老師

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

關於「姜智豪 老師」

於 1996 年開始從事網頁設計工作 20 多年,參與設計過許多網站專案的開發,一直熱衷網頁設計工作至今。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 Photoashop、 HTML、CSS、RWD、JavaScript、jQuery 等網頁技術,對於 SEO 優化搜尋引擎排名提昇,以及 Instructional Design 教學專案設計亦有深入的研究。
posted in ActionScript 程式設計 and tagged , , .

留言功能已關閉。