|
一個(gè)簡(jiǎn)單的Loading
一個(gè)簡(jiǎn)單的Loading制作并不需要很高深的編程基礎(chǔ)，而且大部份設(shè)計(jì)人員開(kāi)始學(xué)習(xí)Flash腳本編程時(shí)都是從Loading開(kāi)始學(xué)起的。也是因?yàn)橹谱鱈oading對(duì)于動(dòng)畫傳播方面起著至關(guān)重要的作用。
步驟一、打開(kāi)Flash5，新建一個(gè)文件。在影片的默認(rèn)設(shè)置中背景色是白色的，動(dòng)畫將以每秒十二幀的速度播放，這些你可以通過(guò)點(diǎn)擊Modify|Movie命令打開(kāi)Movie Properties對(duì)話框觀察到。如圖4-1所示。但是實(shí)踐告訴我們，使用影片默認(rèn)設(shè)置制作的動(dòng)畫，在網(wǎng)上瀏覽時(shí)，并不能很流暢，所以設(shè)計(jì)人員一般喜歡把默認(rèn)的每秒12幀更改的高一點(diǎn)，這樣就可以在發(fā)布了以后觀看到比較流暢的動(dòng)畫了。
圖4-1 Movie Properties對(duì)話框
步驟二、在影片的第一幀，使用Window|Panels|Stroke命令打開(kāi)Stroke筆觸面板，將筆觸的寬點(diǎn)拉桿拉到3，如圖4-2所示。
圖4-2 用Stroke面板改變筆觸粗細(xì)
步驟三、點(diǎn)擊繪圖面板中的方形繪圖工具。在繪圖面板Colors項(xiàng)上面的油漆桶工具中把色彩選為紅色。然后在場(chǎng)景中繪制出一個(gè)長(zhǎng)方形，如圖4-3所示。
圖4-3 繪制一個(gè)長(zhǎng)方形進(jìn)度條
步驟四、在編輯區(qū)內(nèi)用鼠標(biāo)點(diǎn)擊長(zhǎng)方形的紅色處，你會(huì)發(fā)現(xiàn)色彩出現(xiàn)了很多小麻點(diǎn)，已經(jīng)處于了被選取狀態(tài)。
步驟五、點(diǎn)擊Insert|Convert to Symbol，將紅色長(zhǎng)方形轉(zhuǎn)換為符號(hào)，在隨后打開(kāi)的Symbol Properties對(duì)話框中的Name輸入框輸入符號(hào)的名稱為L(zhǎng)oading。然后選擇Movie Clip電影剪輯項(xiàng)，點(diǎn)擊OK。
步驟六、現(xiàn)在點(diǎn)擊紅色長(zhǎng)方形你會(huì)發(fā)現(xiàn)它已經(jīng)不再出現(xiàn)小麻點(diǎn)了，而是出現(xiàn)了一個(gè)藍(lán)色的外框，因?yàn)樗呀?jīng)是一個(gè)符號(hào)了�，F(xiàn)在選Window|Panels|Instance命令打開(kāi)Instance實(shí)例面板。
步驟七、在面板中的Name項(xiàng)中輸入名稱Loading，為這個(gè)符號(hào)取了一個(gè)分身名稱。如圖4-4所示。
圖4-4 為進(jìn)度條符號(hào)取分身名稱
步驟八、在時(shí)間軸的第二幀按F6鍵，插入一個(gè)關(guān)鍵幀。
步驟九、用鼠標(biāo)雙擊此幀打開(kāi)幀的Action面板。我們要開(kāi)始制作預(yù)載動(dòng)畫的程序了。
步驟十、雙擊Action面板左邊的指令里的Actions項(xiàng)，在打開(kāi)的指令里選擇if，用鼠標(biāo)又擊，if指令出現(xiàn)在編輯區(qū)了。
步驟十一、在Action面板的下半部份參數(shù)輸入?yún)^(qū)里Condition輸入欄中輸入代碼_framesloaded>=_totalframes。如圖4-5所示。
圖4-5 在if指令參數(shù)框內(nèi)輸入代碼
步驟十二、然后點(diǎn)擊指令區(qū)的Basic Actions命令集里的goto指令，在隨后的參數(shù)輸入框內(nèi)的Frame欄目中輸入數(shù)字3。如圖4-6所示。
圖4-6 goto指令的參數(shù)輸入欄
步驟十三、然后點(diǎn)擊 Actions指令集中的else項(xiàng)。
步驟十四、再次點(diǎn)擊goto指令，這回不用更改幀序列數(shù)字了。
步驟十五、點(diǎn)擊Action指令集的Setproperty指令，選擇Properties下拉框中的_xscale屬性，然后在Target輸入欄中輸入“_root.loading"，點(diǎn)選后面的Expression單選框項(xiàng)目。
步驟十六、在Value輸入欄中輸入代碼(_framesloaded/_totalframes)*100，點(diǎn)選后面的Expression單選框。
圖4-7 Setproper指令參數(shù)輸入框
步驟十七、指令已經(jīng)輸入完畢了。接下來(lái)開(kāi)始在第三幀后面制作你的動(dòng)畫，然后發(fā)布，上傳，觀看。你也可以打開(kāi)Control|Debug Movie測(cè)試電影，在隨后打開(kāi)的瀏覽窗口中使用Debug菜單中的模擬下載速度來(lái)測(cè)試。
程序解讀：
第1-2行中if(_framesloaded>=_totalframes)句的意思是當(dāng)已經(jīng)下載的幀數(shù)大于等于影片的總幀數(shù)時(shí)，跳轉(zhuǎn)到第三幀開(kāi)始播放。
第3-5行，如果下載的幀數(shù)小于總幀數(shù)的話，跳轉(zhuǎn)到第一幀播放。并且安裝分身名稱為loading的電影剪輯的長(zhǎng)度屬性，使它的長(zhǎng)度成為已經(jīng)下載的幀數(shù)除以總幀數(shù)再乘100。
知識(shí)要點(diǎn)：
Loading制作很多設(shè)計(jì)人員喜歡使用幀行為，其實(shí)用很多的功能都可以實(shí)現(xiàn)Loading制作。本例中使用(_framesloaded/_totalframes)*100的表達(dá)式來(lái)制作進(jìn)度條的寬度。其它Loading制作方法不管是用下載時(shí)間函數(shù)還是用下載字節(jié)函數(shù)，但下載數(shù)除以總數(shù)乘以100的表達(dá)式基本上是沒(méi)什么變化的了。
出處：藍(lán)色理想
責(zé)任編輯：qhwa
上一頁(yè) Loading 預(yù)載動(dòng)畫程序設(shè)計(jì) 下一頁(yè) 精確的loading 設(shè)計(jì)
◎進(jìn)入論壇Flash專欄版塊參加討論
|
第 1 頁(yè) 
第 2 頁(yè) 簡(jiǎn)單的loading 設(shè)計(jì)
