《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告

1、計(jì)算機(jī)多媒體技術(shù)課程設(shè)計(jì)報(bào)告計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院課程設(shè)計(jì)成績(jī)單課程名稱：計(jì)算機(jī)多媒體技術(shù)課程設(shè)計(jì) 指導(dǎo)教師：李紅斌 姓名劉剛性別男學(xué)號(hào)200913388052班級(jí)計(jì)應(yīng)0902班綜合成績(jī)成績(jī)等級(jí)設(shè)計(jì)整體表現(xiàn)力（占總成績(jī)20%）能正確表現(xiàn) 基本能正確表現(xiàn) 能表現(xiàn)但不完善（20分） （15分） （10分）設(shè)計(jì)功能完善程度（占總成績(jī)10%）完善 基本完善 不完善（10分） （8分） （5分）設(shè)計(jì)結(jié)構(gòu)的合理性（占總成績(jī)10%）合理 基本合理 不太合理（10分） （8分） （5分）對(duì)問題的答辯情況（占總成績(jī)40%）概念正確有創(chuàng)新 能正確回答所有問題 基本能正確回答（40分） （35分） （30分）部分問題

2、回答概念不清晰（20分）學(xué)生的工作態(tài)度與獨(dú)立工作能力（占總成績(jī)10%）工作態(tài)度認(rèn)真能獨(dú)立完成任務(wù) 工作態(tài)度認(rèn)真但獨(dú)立性較差（10分） （8分）工作態(tài)度基本認(rèn)真但缺乏獨(dú)立性（5分）設(shè)計(jì)報(bào)告的規(guī)范性（占總成績(jī)10%）符合規(guī)范 基本符合規(guī)范 規(guī)范性較差（10分） （8分） （5分）優(yōu)秀：90分100分 良好：80分89分 中等：7079分 及格：6069分 不及格0分59分 武漢科技大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院制表 計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院 課 程 設(shè) 計(jì) 報(bào) 告課程名稱：計(jì)算機(jī)多媒體技術(shù)專 業(yè)： 計(jì)算機(jī)應(yīng)用技術(shù) 班 級(jí)： 2009 級(jí)0902班 學(xué) 號(hào)： 姓 名： 指導(dǎo)老師： 二一一年 十二 月 九 日基

3、于as3.0的“青蛙跳”游戲的設(shè)計(jì)與實(shí)現(xiàn)1、 設(shè)計(jì)目標(biāo)：本次設(shè)計(jì)是制作的一個(gè)測(cè)試智力的小游戲-“青蛙跳”。通過單擊鼠標(biāo)移動(dòng)兩邊的青蛙，讓左邊的小青蛙與右邊的小青蛙位置互換，其中包括兩個(gè)動(dòng)畫效果，一個(gè)是跳，另一個(gè)是躍，他們都是通過逐幀動(dòng)畫來實(shí)現(xiàn)。而要使兩邊的青蛙互換，就要通過actionscript3.0語(yǔ)句進(jìn)行控制，最終效果如下圖：游戲開始界面：游戲完成界面：2、 設(shè)計(jì)方案：這個(gè)動(dòng)畫可以按照繪制背景、創(chuàng)建元件、布局場(chǎng)景和添加actionscript語(yǔ)句4個(gè)步驟來完成，首先需要繪制一個(gè)荷塘月色的背景畫面，然后在繪制該動(dòng)畫中要出現(xiàn)的“動(dòng)畫角色”，如青蛙等，并將場(chǎng)景中的元件、圖形放置在相應(yīng)的位置，最

4、后在為對(duì)象添加動(dòng)作語(yǔ)句，其中最重要的步驟就是添加actionscript語(yǔ)句，它是實(shí)現(xiàn)這個(gè)游戲的關(guān)鍵所在，它是根據(jù)整個(gè)游戲規(guī)則來編輯的。其游戲規(guī)則是：只要前面有空位置，青蛙就能跳到該位置上，且一次只能跳一格，或越過一個(gè)障礙跳一格，但不能反向跳動(dòng)。直到左邊的青蛙與右邊的青蛙位置互換才算成功。中途若單擊到不能跳或不能躍的青蛙，或者玩到無(wú)退路的情況，可單擊“再來一次”從新開始游戲。3、 設(shè)計(jì)步驟：（1） 、制作背景：使用flash cs5.5 面板中的基本繪圖工具繪制游戲中的背景，并填充多彩的顏色，主要應(yīng)用的知識(shí)點(diǎn)包括flash動(dòng)畫的基礎(chǔ)知識(shí)、繪圖與編輯圖形、填充顏色以及圖層的基本操作。具體步驟如下

5、：1、 新建一個(gè)flash文件（actionscript3.0），設(shè)置大小為750*300像素，將背景顏色設(shè)置為白色。保存文件，命名為“青蛙跳.fla”。2、 在圖層1中使用矩形工具在場(chǎng)景中畫一個(gè)矩形（750*150）代表夜空，并設(shè)置矩形大小和顏色。3、 在夜空中（剛才所繪制的矩形）繪制一些白色點(diǎn)和一個(gè)圓代表星星和月亮。4、 在用矩形工具在場(chǎng)景中繪制矩形(750*150)代表小河，并設(shè)置顏色和大小。5、 在小河中繪制一個(gè)白色線條作為河水，并繪制一些小草形狀的圖形，設(shè)置小草的填充顏色，并將小草復(fù)制多個(gè)，移動(dòng)到河邊，然后再河邊繪制草堆和土坡。6、 繪制的背景圖片的最終效果如下圖所示：（2） 、創(chuàng)建

6、元件:創(chuàng)建動(dòng)畫中的主要原件：青蛙跳的影片剪輯元件、再來一次的按鈕元件、青蛙跳的臺(tái)階元件等。（1） 、先將所繪制的背景圖片轉(zhuǎn)換為圖形元件ctrl+a選中場(chǎng)景中所有圖形，按f8將其轉(zhuǎn)換為圖形元件并，命名為“背景”。（2） 、創(chuàng)建“再來一次”的按鈕元件：（3）、創(chuàng)建一個(gè)“過關(guān)”的圖形元件： （4） 、創(chuàng)建名為“按鈕與文件”的影片剪輯元件：將“再來一次”按鈕和“過關(guān)”圖形，以及事先導(dǎo)入到庫(kù)中的“l(fā)ihua.gif”圖片，拖入場(chǎng)景，并設(shè)置按鈕的濾鏡效果中，如下圖：（5） 、創(chuàng)建“臺(tái)階”影片剪輯元件：在場(chǎng)景中用矩形工具繪制一個(gè)大小為“51*20”像素的矩形，邊框?yàn)楹谏＃?） 、創(chuàng)建“青蛙”影片剪輯元件:

7、創(chuàng)建“青蛙”元件，在圖層1第一幀處繪制青蛙的大致形狀并填充顏色，命名圖層1為“身體”，在1-10幀出分別繪制青蛙不同的動(dòng)作和位置，作為“跳”的動(dòng)作；新建圖層2，命名為“身體2”，在圖層2的11-20幀繪制青蛙的不同動(dòng)作和位置，作為“躍”的動(dòng)作，如下圖所示：（7） 、同步驟（6）創(chuàng)建一個(gè)“青蛙1”影片剪輯元件，將青蛙身體設(shè)置成另外的顏色：效果如下圖所示：（3） 、場(chǎng)景布局：將整個(gè)動(dòng)畫中所用到的元件拖放到場(chǎng)景中，與背景相搭配、映襯，并為某些元件設(shè)置濾鏡，使之看起來有立體感。再在屬性面板中為某些需要添加語(yǔ)句的元件實(shí)例命名，具體步驟如下。創(chuàng)建“青蛙圖層”和“臺(tái)階圖層”將“青蛙”和“青蛙1”從左至右相對(duì)

8、放置，并命名為f1,f2,f3,f4,f5,f6。將“臺(tái)階”從左至右放置，放置7個(gè)，每?jī)蓚€(gè)之間大概100像素距離，并命名為p1,p2,p3,p4,p5,p6,p7。創(chuàng)建“復(fù)位圖層”和“重新開始圖層”將按鈕元件“再來一次”放到“復(fù)位圖層”，并實(shí)例名為“reset”。將“按鈕和文字”元件放到“重新開始圖層”實(shí)例名為“success”。如下圖所示：（4） 、添加actionscript語(yǔ)句：在庫(kù)面板中雙擊“青蛙”元件，在圖層的最上面，新建一個(gè)actionscript的圖層。在第1幀處輸入以代碼：stop();在第10幀處插入關(guān)鍵幀，輸入以下代碼，表示青蛙的“x”距離增加100，并跳到第1幀開始播放：

9、this.x+=100;this.gotoandplay(1);在第20幀處插入關(guān)鍵幀，輸入以下代碼，表示青蛙的“x”距離增加200，并跳到第1幀開始播放：this.x+=200;this.gotoandplay(1);效果如下圖所示：同理在庫(kù)面板中雙擊“青蛙1”設(shè)置相同的代碼：回到主場(chǎng)景，并在主場(chǎng)景中最上面新建一個(gè)“actionscript圖層”，在第一幀處輸入以下代碼：stop();success.replay.addeventlistener(mouseevent.click,resetit);reset.addeventlistener(mouseevent.click, reseti

10、t);function resetit(evt:mouseevent)init();function init()p1.sta=1;p2.sta=1;p3.sta=1;p4.sta=0;p5.sta=2;p6.sta=2;p7.sta=2;f1.mp=1;f2.mp=2;f3.mp=3;f4.mp=5;f5.mp=6;f6.mp=7;f1.x=166;f2.x=262;f3.x=365.7;f4.x=437.45;f5.x=538.45;f6.x=637.47;/“青蛙”與“青蛙1”元件實(shí)例在場(chǎng)景中的坐標(biāo)位置“x”reset.visible=true;success.visible=false

11、;init();/下面這段代碼表示青蛙只能跳一格，越過一個(gè)障礙跳一格，且不能反向跳動(dòng)，如果跳躍成功，則顯示按鈕與文字元件。f1.addeventlistener(mouseevent.click, clickhandler1);function clickhandler1(event:mouseevent)howto(1);f2.addeventlistener(mouseevent.click, clickhandler2);function clickhandler2(event:mouseevent)howto(2);f3.addeventlistener(mouseevent.clic

12、k, clickhandler3);function clickhandler3(event:mouseevent)howto(3);f4.addeventlistener(mouseevent.click, clickhandler4);function clickhandler4(event:mouseevent)howto2(4);f5.addeventlistener(mouseevent.click, clickhandler5);function clickhandler5(event:mouseevent)howto2(5);f6.addeventlistener(mouseev

13、ent.click, clickhandler6);function clickhandler6(event:mouseevent)howto2(6);function howto(i:int)var nowpos=(getchildbyname(f+i) as movieclip).getmp()if(nowpos+18 & !(getchildbyname(p+(nowpos+1) as movieclip).getsta()(getchildbyname(f+i) as movieclip).moveit();(getchildbyname(f+i) as movieclip).mp+=

14、1;(getchildbyname(p+(nowpos+1) as movieclip).sta=1;(getchildbyname(p+nowpos) as movieclip).sta=0;iscomplete(); else if(nowpos+20 & !(getchildbyname(p+(nowpos-1) as movieclip).getsta()(getchildbyname(f+i) as movieclip).moveit();(getchildbyname(f+i) as movieclip).mp-=1;(getchildbyname(p+(nowpos-1) as

15、movieclip).sta=2;(getchildbyname(p+nowpos) as movieclip).sta=0;iscomplete(); else if(nowpos-20 & !(getchildbyname(p+(nowpos-2) as movieclip).getsta()(getchildbyname(f+i) as movieclip).jumpit();(getchildbyname(f+i) as movieclip).mp-=2;(getchildbyname(p+(nowpos-2) as movieclip).sta=2;(getchildbyname(p

16、+nowpos) as movieclip).sta=0;iscomplete(); else trace(不能);function iscomplete()if(p1.sta=2)if(p2.sta=2)if(p3.sta=2)if(p4.sta=0)if(p5.sta=1)if(p6.sta=1)if(p7.sta=1)/return true;reset.visible=false;success.visible=true;除了這上面的代碼外，還需要對(duì)“青蛙”、“青蛙1”和“臺(tái)階”等元件分別編寫相應(yīng)的代碼，與主動(dòng)畫時(shí)間軸的代碼相對(duì)應(yīng)，具體操作如下：（1） 打開新建文檔，新建一個(gè)“acti

17、onscript文件”，另存為“frog.as”，用相同方法創(chuàng)建另外兩個(gè)actionscript文件分別命名為：“frog1”和“pos”。（2） 打開“frog.as”文件，輸入以下代碼：packageimport flash.display.movieclip;import flash.display.sprite;import flash.events.mouseevent;public class frog extends movieclippublic function frog():voidthis.buttonmode=true;public function moveit()t

18、his.gotoandplay(1);public function jumpit()this.gotoandplay(11);public var mp:int;public function getmp()return mp;（3） 、打開“frog1.as”文件，在其窗口中輸入以下代碼：packageimport flash.display.movieclip;import flash.display.sprite;import flash.events.mouseevent;public class frog1 extends movieclippublic function frog

19、1():voidthis.buttonmode=true;public function moveit()this.gotoandplay(1);public function jumpit()this.gotoandplay(11);public var mp:int;public function getmp()return mp;（4） 、打開“pos.as”文件，在其窗口中輸入如下代碼：packageimport flash.display.movieclip;import flash.display.sprite;public class pos extends movieclippublic var sta:int;public function pos():voidpublic functi