資源描述:
《flash動(dòng)畫(huà)實(shí)戰(zhàn)精選-音樂(lè)播放器》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、音樂(lè)播放器實(shí)例說(shuō)明制作在同一電影中控制多個(gè)背景音效的播放器。有關(guān)知識(shí)導(dǎo)入點(diǎn)陣圖,tellatrget和stopallsounds命令的應(yīng)用,控制音效的循環(huán)播放。制作過(guò)程步驟1:打開(kāi)Flash,新建電影文件,設(shè)置尺寸:235px*100px,背景顏色為黑色(#000000)。截取winamp的面板圖,用圖像工具處理后導(dǎo)入Flash中,并將其轉(zhuǎn)換為圖像符號(hào)bg,在場(chǎng)景中新建bg層,幀長(zhǎng)度為4,將圖像符號(hào)bg放置在bg層中作為背景,使用縮放工具,將圖像bg大小調(diào)整到和舞臺(tái)大小相同。如圖1。圖1截取winamp面板步驟2:新建電影片段music,制作面板的音效輸出指示器,當(dāng)
2、音效打開(kāi)時(shí),指示器小燈閃爍;當(dāng)音效關(guān)閉時(shí),指示器小燈關(guān)閉。具體做法不再詳述,大家可參考電影源程序。如圖2所示。步驟3:新建隱形按鈕bu,在狀態(tài)over處設(shè)置一個(gè)音效,在hit幀繪制一個(gè)大小和面板播放按鈕相同的實(shí)心矩形,如圖3所示。步驟4:新建電影片段mv-text,建立三個(gè)關(guān)鍵幀,Actions都設(shè)置為停止(stop),在三個(gè)幀處分別用文字工具寫(xiě)入1.track1.wav,2.track2.wav,3.track3.wav,調(diào)整文字大小和字體,分別表示三個(gè)背景音效的名稱(chēng)。如圖4所示。圖2音效指示器?3有音效的隱形按鈕??????????????????????圖4電
3、影片段mv-text?步驟5:截取winamp面板播放進(jìn)度指示器并導(dǎo)入Flash中。新建電影片段mv-amp,第1幀為空白關(guān)鍵幀,Actions設(shè)置為停止(stop),第2幀設(shè)置為關(guān)鍵幀,將圖像放置在工作區(qū)內(nèi),按F6在第50幀處建立關(guān)鍵幀,將水平移動(dòng)大約190px,如圖5所示。5移動(dòng)的滑標(biāo)第50幀的Actions設(shè)置為:gotoAndPlay(2);//跳至并播放幀(2)???在Frame面板將第2幀與第50幀之間設(shè)置為移動(dòng)漸變(Motion),如圖6所示。圖6設(shè)置移動(dòng)漸變???步驟6:導(dǎo)入3段音效作為背景音效,分別命名為1,2,3。新建電影片段sound1,設(shè)置幀
4、長(zhǎng)度大約100幀。在第1幀處的Actions設(shè)置為stop(停止),在第5幀處通過(guò)Sound面板設(shè)置音效,如圖7所示。圖7設(shè)置音效同樣,新建電影片段sound2,sound3設(shè)置方法同sound1,分別控制背景音效2,3的播放。步驟7:新建只有兩個(gè)幀的電影片段mv-play1,第1幀設(shè)置為空白幀,Actions設(shè)置為stop,第2幀設(shè)置為關(guān)鍵幀,將按鈕bu放置在工作區(qū)內(nèi),對(duì)齊中心點(diǎn),Actions設(shè)置為stop,為了看清效果,暫時(shí)將背景設(shè)置為白色,如圖8所示。同樣,新建電影片段mv-play2和mv-play3,設(shè)置方法同mv-play1。步驟8:新建只有兩個(gè)幀的電
5、影片段mv-stop1,第1幀的Actions設(shè)置為stop,將按鈕bu放置在工作區(qū)和中心點(diǎn)對(duì)齊;第2幀設(shè)置為空白幀,Actions設(shè)置為stop,如圖9所示。同樣,新建電影片段mv-stop2和mv-stop3,設(shè)置方法同上。步驟9:回到場(chǎng)景1中,新建層movie,將電影片段music放置在層中,和bg的音效輸出指示器位置對(duì)齊,在屬性面板中將其命名為music,用它來(lái)顯示背景音效的開(kāi)關(guān)狀態(tài)。如圖10所示。圖8電影片段mv-play1圖9電影片段mv-stop1圖10命名電影片段music步驟10:新建層sound,將電影片段sound1,sound2,sound3
6、放置在層中,并將其分別命名為sound1,sound2和sound3。步驟11:新建層amp,將電影片段mv-amp放置在層中,在Instance面板中將其命名為amp,并和bg的原播放進(jìn)度指示器位置對(duì)齊。步驟12:新建層text,將電影片段mv-text放置在層中,在Instance面板中命名為text,并和bg的原曲目指示框?qū)R,用來(lái)指示目前正在播放/停止的曲目。如圖11所示。圖11顯示目前正在播放/停止的曲目步驟13:新建層Actions,第2,3,4幀分別設(shè)置為空白關(guān)鍵幀,Actions分別為:第2幀:stop();stopAllSounds();tellT
7、arget("/sound1"){???gotoAndPlay(5);}tellTarget("/music"){???gotoAndPlay("track1");}tellTarget("/amp"){???gotoAndPlay(2);}停止停止所有聲音告知目標(biāo)(“/sound1”)跳至并播放幀(5)告知目標(biāo)(“/music”)跳至并播放標(biāo)簽(“track1”)告知目標(biāo)(“/amp”)跳至并播放幀(2)第3幀:stop();stopAllSounds();tellTarget("/music"){???gotoAndPlay("track2");}tellT