Flash AS 實例進階 FLASH載入等待 Loading效果

源文件下載:第一部分;第二部分;第三部分;(依次命名為1.part1.rar;1.part2.rar;1.part3.rar,,即可正常解壓。)
基本思路
①令影片開始處于等待狀態(tài)
?、?檢測影片的總長度和下載的長度,并時刻進行比較,當下載完全部或大部后開始播放。
③在影片下載過程中可以有多種輔助的顯示形式,如:進度條,下載比例,下載字節(jié)數(shù),或各種表示下載中的 MC 。
新知識點
MovieClip.getBytesLoaded();//方法;
返回已為 my_mc 指定的影片剪輯加載(流處理)的字節(jié)數(shù)。您可以將此值與 返回的值進行比較以確定已加載影片剪輯的百分比。
MovieClip.getBytesTotal()// 方法;
以字節(jié)為單位返回 my_mc 指定的影片剪輯的大小。對于那些外部的影片剪輯(加載到某個目標或某個級別的根 SWF 文件或影片剪輯),返回值為 SWF 文件的大小。
實例說明
?、?一個有播放圖標的 MC 寫入 Loading 和 play 腳本。
?、谝粋€命名為“ xianshi ”的 MC 嵌套若干用于輔助顯示的元件,此實例有進度條、動態(tài)文本、和一個有幀幀動畫的 MC 。
?、垡陨蟽蓚€ MC 單獨放在一個圖層的第 1 幀,第 2 幀加空白關鍵幀,或將該圖層的從第 2 幀起以后的幀完全刪除。
編寫動作腳本
?、僭诓シ艌D標的 MC 上輸入:
onClipEvent (load) {
_root.stop();
this._visible = 0;
}
onClipEvent (enterFrame) {// 影片剪輯與幀頻同步觸發(fā)以下動作
load = int(_root.getBytesLoaded()/_root.getBytesTotal()*100);// 計算下載字節(jié)數(shù)的百分比
_root.xianshi.shuzi = " 已下載: "+load+"%"; // 動態(tài)顯示下載進度
_root.xianshi.jindutiao._width = 2*load;// 進度條總長 200 像素,所以百分數(shù)乘2
if (_root.getBytesLoaded() == _root.getBytesTotal()) { // 下載的字節(jié)數(shù)等于文件的字節(jié)數(shù)時執(zhí)行后面命令了。
this._visible = 1;
_root.xianshi._visible = 0;
}
}
on (release) {
_root.play();
}
要點分析
?、?Loading 的核心就是 _root.getBytesLoaded() 和 _root.getBytesTotal() 的比較, 這個實例是 _root.getBytesLoaded() == _root.getBytesTotal() ,即下載 100%SWF 文件, 其實根據(jù)網(wǎng)速,可以調整到下載大部分后就可以開始播放,余下部分是在播放過程中繼續(xù)下載,如: _root.getBytesLoaded() >_root.getBytesTotal()*80/100 , 這樣可以減少下載等待時間又可保證播放的連貫性。
②在本地機上測試 Loading 的方法是鍵入【 Ctrl+Enter 】或執(zhí)行【控制】 - 【測試影片】,待影片開始播放后,再鍵入【 Ctrl+Enter 】或執(zhí)行【視圖】 - 【模擬下載】。
小結
通過網(wǎng)絡 觀看比較長的 swf 影片, Loading 是必不可少的,只要掌握了原理,可以設計各種有特色的下載畫面,不光能消除等待的煩惱還可以給人以藝術性和欣賞性 體驗。
到這里,我和大家已經(jīng)登到了“樓頂”,今后由隨意帶領我們隨意在藍天上飛嘍。
課后練習
發(fā)揮各自的想象力,制作出漂亮的“樓頂”。
相關文章
- flash cs6想要實現(xiàn)鼠標跟隨效果?該怎么制作呢?今天我們就來看看使用as2.0實現(xiàn)鼠標跟隨效果的教程,需要的朋友可以參考下2019-05-19
- Flash cs6怎么使用代碼輸入中英文文本?Flash cs6中可以使用文字工具直接輸入文本,也可以使用代碼來輸入文本,該怎么使用代碼輸入文本呢?請看下文詳細的教程,需要的朋友2018-03-11
- flash as3.0抽象類怎么定義? as3.0中有很多抽象類,該怎么定義抽象類和抽象方法呢?下面我們就來看看簡單的例子,需要的朋友可以參考下http://chabaoo.cn/softs/408402.2018-02-28
flash cs6中怎么使用ActionScript3.0?
flash cs6中怎么使用ActionScript3.0?flash cs6中想要使用ActionScript3.0功能,該怎么使用呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2018-01-25- 本教程給大家分享一個Flash小教程,教大家在Flash CS6中怎么實現(xiàn)鼠標點擊決定圖像位置?方法很簡單,感興趣的朋友歡迎前來一起分享學習2018-01-12
- 本教程教腳本之家的ActionScript教程學習者在Flash中如何用代碼將圖片放在自己想要的舞臺位置,教程講解的詳細,感興趣的朋友歡迎前來分享學習2017-11-20
在Flash CS6中使用with函數(shù)繪制背景圖教程
本教程教腳本之家的ActionScript教程學習者如何在Flash CS6中使用with函數(shù)繪制背景圖?教程一步步講解的挺詳細,方法也不難,非常適合Flash新手入門學習2017-11-18Flash怎么設置元件坐標?flash使用代碼設置元件的坐標的教程
Flash怎么設置元件坐標?flash中導如的元件需要添加坐標,該怎么定位元件坐標呢?下面我們就來看看flash使用代碼設置元件的坐標的教程,需要的朋友可以參考下2017-10-11- Flash怎么制作來回搖擺的花朵的動畫?Flash中想要給花朵制作一段搖擺的動畫效果,該怎么制作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-05-23
- Flash怎么制作流動七彩色的文字?想要讓文字動起來,該怎么使用flash給文字制作一個流動七彩色的動畫呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-23