王壽蘋 金玉

摘 要:多媒體演示動畫是Flash動畫有廣闊前景的一個應用領域。本文闡述了多媒體演示動畫完整的設計與實現(xiàn)過程,并詳細介紹了如何利用AS3實現(xiàn)影片的跳轉、音樂的添加等制作過程中常用的功能。

關鍵詞:多媒體演示動畫;Flash CS4;AS3

中圖分類號:G434文獻標識碼:B 文章編號:1673-8454(2009)22-0065-02

隨著多媒體技術的飛速發(fā)展,各種各樣的多媒體演示動畫在教育領域中發(fā)揮著越來越大的作用。其豐富的表現(xiàn)力、生動的視覺及聲響效果,大大增強了所演示信息的吸引力。筆者結合自己的設計經(jīng)驗,以大型項目的一個分支——多媒體演示動畫《有趣的海洋生物》為例,總結了多媒體演示動畫的設計與制作過程,探索了如何在AS3環(huán)境中實現(xiàn)多媒體動畫制作中常用的功能。

一、前期構思

多媒體演示動畫《有趣的海洋生物》的設計目的主要是向觀看者介紹豐富多彩、生動有趣的海洋生物。動畫定位于科普類動畫,面向的受眾群體主要是青少年。在表現(xiàn)內(nèi)容時,總體設計應遵循以下原則:

1.內(nèi)容通俗易懂,強調(diào)科普性。

2.整體色彩自然、明快,符合青少年心理。

3.整體設計風格一致,同時各個頁面各具特點。

4.圖片及視頻片段的剪輯應做到典型、豐富、畫龍點睛。

5.動畫和視頻剪輯均伴以配音或相應的背景音樂,按鈕應配有提示音。

6.背景音樂根據(jù)各專題的內(nèi)容,基本上考慮以輕松明快的音樂為主。過場音樂要求恢弘、動感十足。

7.界面中基本按鈕設置有:海洋植物、海洋魚類、海洋哺乳動物、返回。按鈕圖標保持一致。

8.不同的頁面可以靈活跳轉。

設計之初,首先從書籍、網(wǎng)絡等媒體廣泛收集資料,初步確定介紹三種最主要的海洋生物:海洋植物,海洋魚類,海洋哺乳動物,列出內(nèi)容的結構體系:主頁面為目錄頁面,3個子頁面分別為海洋植物,海洋魚類,海洋哺乳動物頁面。

二、畫面設計與制作

在Flash舞臺工作區(qū),根據(jù)要表現(xiàn)的內(nèi)容,利用繪圖工具、選擇工具、顏色填充等基本工具,制作相應的圖形元件、按鈕元件、影片剪輯元件。分別把目錄頁面、海洋植物頁面、海洋魚類頁面、海洋哺乳動物頁面的內(nèi)容放置在時間軸各個圖層的第一幀、第二幀、第三幀、第四幀上。這里用到的制作方法和Flash CS4以前版本基本相同,就不一一贅述。效果如圖1所示。

三、AS3動作腳本的編寫

Flash CS4中的腳本語言ActionScript3,與以前的ActionScript2和ActionScript1有著本質(zhì)的不同,代碼的編寫和AS2、AS1也有很大的區(qū)別。下面詳細介紹如何利用代碼實現(xiàn)不同頁面的跳轉及不同頁面背景音樂的添加。

1.不同頁面的跳轉

在屬性面板中為海洋植物、海洋魚類、海洋哺乳動物、返回按鈕分別命名為zhiwu_btn、yu_btn、buru_btn、fanhui_btn,在時間軸上添加一個新的圖層,在第一幀的動作面板中輸入以下代碼:

stop();

function plyzw(event:MouseEvent):void{//定義函數(shù)plyzw,指針跳轉到第2幀并開始播放。

gotoAndPlay(2);

}

function plyyu(event:MouseEvent):void{//定義函數(shù)plyyu,指針跳轉到第3幀并開始播放。

gotoAndPlay(3);

}

function plydw(event:MouseEvent):void{//定義函數(shù)plydw,指針跳轉到第4幀并開始播放。

gotoAndPlay(4);

}

zhiwu_btn.addEventListener(MouseEvent.CLICK,plyzw);

//為按鈕添加鼠標偵聽器,單擊按鈕zhiwu_btn時,執(zhí)行函數(shù)plyzw。

buru_btn.addEventListener(MouseEvent.CLICK,plydw);

//為按鈕添加鼠標偵聽器,單擊按鈕buru_btn時,執(zhí)行函數(shù)plydw。

yu_btn.addEventListener(MouseEvent.CLICK,plyyu);

//為按鈕添加鼠標偵聽器,單擊按鈕yu_btn時,執(zhí)行函數(shù)plyyu。

在第2幀(植物頁面)插入一個空白關鍵幀,在動作面板中輸入以下代碼:

stop();

function plyml(event:MouseEvent):void{

gotoAndPlay(1);

}

buru_btn.addEventListener(MouseEvent.CLICK,plydw);

yu_btn.addEventListener(MouseEvent.CLICK,plyyu);

fanhui_btn.addEventListener(MouseEvent.CLICK,plyml);

用同樣的方法,為魚類頁面、哺乳動物頁面編寫代碼,只需要為不同的按鈕添加鼠標偵聽器。

2.不同頁面音樂的添加

首先把不同頁面的音樂文件和Flash文件放置到同一個文件夾里,以方便文件的調(diào)用。選擇目錄頁面代碼圖層的第一幀,進入動作面板,輸入以下代碼:

SoundMixer.stopAll();//停止以前所有音樂的播放。

var sml:Sound=new Sound();//聲明一個實例sml來繼承sound類。

var reqml:URLRequest=new URLRequest("mulu.MP3");//定義一個變量,將音樂文件的路徑賦給它。

sml.load(reqml);//調(diào)用音樂文件。

sml.play(1);//從音樂的第一幀開始播放音樂。

其余頁面音樂代碼的添加方法與目錄頁面相同,只需要為不同的音樂分別聲明實例、分別定義變量即可。

四、結束語

多媒體演示動畫以其豐富多彩的表現(xiàn)形式,使觀看者對其表現(xiàn)內(nèi)容留下深刻的印象,在教育、培訓等領域有著廣泛的應用。AS3的出現(xiàn),使很多制作者感到無從下手。本文探討了多媒體演示動畫的設計過程及常用功能的代碼實現(xiàn),希望能為廣大設計者提供有益的借鑒。

參考文獻:

[1]http://bbs.jcwcn.com/thread-259025-1-1.html.

[2]Adobe 公司. Adobe Flash CS4 中文版幫助文檔http://help.adobe.com/zh_CN/ActionScript/3.0_Programming AS3/WS5b3ccc516d4fbf351e63e3d118a9b90204-7d12.html.