|
早期的flash web大都含有豐富的過渡動(dòng)畫，比較典型的是：龍城閃客和梵天。最新版的龍城閃客還給每個(gè)子欄目的過渡也添加了絢麗的動(dòng)畫效果�？偟膩碚f動(dòng)畫層可以分為三種：
- 開場(chǎng)動(dòng)畫
- 欄目過渡動(dòng)畫
- 點(diǎn)綴動(dòng)畫
先來談?wù)勯_場(chǎng)動(dòng)畫。開場(chǎng)動(dòng)畫時(shí)間一般比較長(zhǎng)，反映在時(shí)間軸上就是好長(zhǎng)好復(fù)雜的一段幀結(jié)構(gòu)。第一幀一般是loading畫面，最后一幀一般是網(wǎng)站的主框架。這里就存在一個(gè)如何安排幀的問題。記得以前見有人在論壇上發(fā)帖說flash web最好不要分場(chǎng)景，其實(shí)他的說法是片面的，對(duì)于沒有過渡動(dòng)畫的flash web來說，完全可以這么做，可對(duì)于大量過渡動(dòng)畫的flash web就另當(dāng)別論。如果你不分場(chǎng)景，必然造成代碼和動(dòng)畫混雜在一起。而一般來說，控制網(wǎng)站主要功能的代碼都在過渡動(dòng)畫之后的幀上，在后續(xù)的代碼編寫過程中，你每次可能都要把時(shí)間軸拉到幾百甚至是上千幀之后，這也非常的麻煩�；鹕降慕ㄗh是：把過渡動(dòng)畫做在一個(gè)場(chǎng)景中，然后復(fù)制過渡動(dòng)畫最后一幀的網(wǎng)站框架幀到第二個(gè)場(chǎng)景中，主要的功能代碼也都將集中在這個(gè)場(chǎng)景，這樣就有效的把動(dòng)畫和代碼進(jìn)行了分離，編寫代碼時(shí)時(shí)間軸看上去也舒服些。還有一種比較常見的做法是，給過渡動(dòng)畫加上一個(gè)skip按鈕，如果瀏覽者點(diǎn)擊了這個(gè)按鈕，馬上就會(huì)loadMovieNum(main.swf,0)進(jìn)一個(gè)新的main.swf，而這個(gè)main.swf就網(wǎng)站的主框架了。這種做法與前一種其實(shí)類似，只不過它把動(dòng)畫和主框架從分在兩個(gè)場(chǎng)景變成了分在兩個(gè)SWF，而且還能讓瀏覽者自己選擇是否觀看過渡動(dòng)畫，有更大的靈活性。
再來談?wù)剻谀窟^渡動(dòng)畫。欄目過渡動(dòng)畫主要指在你點(diǎn)擊一個(gè)導(dǎo)航按鈕打開一個(gè)新的欄目時(shí)所顯示的一段動(dòng)畫，還拿最新版龍城閃客舉例，它在打開一個(gè)新的子欄目時(shí)會(huì)先把上一個(gè)欄目變成很多小方塊，然后飛到左邊的神秘空間中，這時(shí)又從神秘空間里發(fā)出一道神秘的光線，并在這道光線的沐浴中出現(xiàn)新欄目的加載畫面。我沒有破解過最新版的龍城閃客，不知道他到底是怎么安排這個(gè)動(dòng)畫的，但我有自己的想法。如果這個(gè)過渡動(dòng)畫是集成到主框架的，那過渡動(dòng)畫中最好不要寫代碼，而是在主場(chǎng)景中通過偵測(cè)過渡動(dòng)畫的當(dāng)前幀和總幀數(shù)來確定何時(shí)加載子欄目SWF；如果每個(gè)子欄目的過渡動(dòng)畫效果不同，那最好把每個(gè)子欄目SWF處理成一個(gè)獨(dú)立的網(wǎng)站，其結(jié)構(gòu)應(yīng)該遵循在“開場(chǎng)動(dòng)畫”中提到的規(guī)則。
點(diǎn)綴動(dòng)畫沒什么好說的，你把它想象成在HTML網(wǎng)頁(yè)中起美化作用的GIF動(dòng)畫就好了，當(dāng)然它比GIF動(dòng)畫更生動(dòng)，使用也更靈活，還可以具有交互性。
總之我的主要思想就是盡量把動(dòng)畫和代碼分開，以便自己以后方便查找和修改代碼。同時(shí)保證網(wǎng)站結(jié)構(gòu)工整。
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁(yè) flash web結(jié)構(gòu)概述 下一頁(yè) 淺談背景層
◎進(jìn)入論壇Flash專欄版塊參加討論
|
第 1 頁(yè) 
第 3 頁(yè) 淺談過渡動(dòng)畫層
