在Flash中逐幀動(dòng)畫(huà)是一種應(yīng)用很廣泛的動(dòng)畫(huà)類型,尤其大量的應(yīng)用在3D領(lǐng)域,本實(shí)例就利用逐幀動(dòng)畫(huà)技術(shù)制作一個(gè)方塊扭曲的3D效果.

　　本實(shí)例最終效果如圖1所示:


圖1 最終效果

　　1.啟動(dòng)Flash,新建一個(gè)影片,設(shè)置影片舞臺(tái)大小為360px*270px(單位為象素),影片背景色為淺黃色,顏色代碼為#FFFFCC.

　　2.新建一個(gè)影片剪輯元件,命名為Cube,進(jìn)入元件的編輯區(qū)后,選擇矩形工具,在按下Shift鍵的同時(shí)繪制一個(gè)正方形,并設(shè)置其輪廓線為黑色,填充色為灰色,顏色代碼為#304E8B,繪制好的正方形如圖2所示:


圖2 繪制正方形

　　3.新建一個(gè)影片剪輯元件,命名為Cubes,進(jìn)入元件的編輯區(qū)后,分16次從圖庫(kù)中拖動(dòng)元件Cube到編輯區(qū)中,利用對(duì)齊面板并調(diào)整其位置為如圖3所示的矩陣:


圖3 排列正方形為矩陣

　　4.在第2幀插入一個(gè)關(guān)鍵幀,分別選擇此幀的16個(gè)正方形,并如圖4所示調(diào)整每個(gè)正方形的形狀及旋轉(zhuǎn)角度:


圖4 調(diào)整正方形的形狀和角度

　　5.在第3幀插入一個(gè)關(guān)鍵幀,按照上面相似的方法繼續(xù)調(diào)整每個(gè)正方形形狀和角度,如圖5所示;


圖5 調(diào)整正方形的形狀和角度

　　這里需要注意的一點(diǎn)是,如果有兩個(gè)正方形有重疊的區(qū)域,需要設(shè)置前面的部分透明度,使透過(guò)前面的正方形可以看到后面被遮擋的正方形.

　　6.按照上面完全相同的步驟,依次插入關(guān)鍵幀,知道第36幀為止,在每一幀中都調(diào)整所有的正方形的形狀,旋轉(zhuǎn)角度及透明度,最后一幀的效果如圖6所示:


圖6 最后一幀的效果

　　7.為了使整個(gè)旋轉(zhuǎn)變化過(guò)程比較連續(xù),在最后一幀添加Action: gotoAndPlay(1);,最后時(shí)間軸如圖7所示;


圖7 最后的時(shí)間軸

　　最后的任務(wù)就是將元件Cubes拖到主場(chǎng)景,發(fā)布影片就可以了。