【正文】 function clickHandler3(event:MouseEvent){ howto(3)。 function clickHandler2(event:MouseEvent){ howto(2)。 function clickHandler1(event:MouseEvent){ 《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告 武漢科技大學(xué) 計(jì)應(yīng) 092 202020388052 劉剛 11 howto(1)。 //下面這段代碼表示青蛙只能跳一格，越過一個(gè)障礙跳一格，且不能反向跳動(dòng)，如果跳躍成功，則顯示按鈕與文字元件。 =false。 =。 =。 =262。 =7。 =5。 =2。 =2。 =2。 =1。 } function init(){ =1。 (, resetit)。 效果如下圖所示： 《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告 武漢科技大學(xué) 計(jì)應(yīng) 092 202020388052 劉剛 9 同理在庫面板中雙擊“青蛙 1”設(shè)置相同的代碼： 回到主場(chǎng)景，并在主場(chǎng)景中最上面新建一個(gè)“ Actionscript 圖層”，在第一幀處輸入以下代碼： stop()。 在第 20幀處插入關(guān)鍵幀，輸入以下代碼，表示青蛙的“ x”距離增加 200，并跳到第 1幀開始播放： +=200。 在第 10幀處插入關(guān)鍵幀，輸入以下代碼，表示青蛙的“ x”距離增加 100，并跳到第 1幀 開始播放： +=100。如下圖所示： （四） 、添加 Actionscript 語句： 在庫面板中雙擊“青蛙”元件，在圖層的最上面，新建一個(gè) Actionscript的圖層。 創(chuàng)建“復(fù)位圖層”和“重新開始圖層” 將按鈕元件“再來一次”放到“復(fù)位圖層”，并實(shí)例名為“ reset”。 創(chuàng)建“青蛙圖層”和“臺(tái)階圖層” 將“青蛙”和“青蛙 1”從左至右相對(duì)放置，并命名為 f1,f2,f3,f4,f5,f6。 （ 6） 、創(chuàng)建“青蛙”影片剪輯元件 : 創(chuàng)建“青蛙”元件，在圖層 1 第一幀處繪制青蛙的大致形狀并填充顏色，命名圖層 1 為“身體”，在 110 幀出分別繪制青蛙不同的動(dòng)作和《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告 武漢科技大學(xué) 計(jì)應(yīng) 092 202020388052 劉剛 7 位置，作為“跳”的動(dòng)作；新建圖層 2，命名為“身體 2”，在圖層 2 的1120 幀 繪制青蛙的不同動(dòng)作和位置，作為“躍”的動(dòng)作，如下圖所示： （ 7） 、同步驟（ 6）創(chuàng)建一個(gè)“青蛙 1”影片剪輯元件，將青蛙身體設(shè)置成另外的顏色： 效果如下圖所示： （三） 、場(chǎng)景布局： 將整個(gè)動(dòng)畫中所用到的元件拖放到場(chǎng)景中，與背景相搭配、映襯，并為某些元件設(shè)置濾鏡，使之看起來有立體感。 （ 1） 、先將所繪制的背景圖片轉(zhuǎn)換為圖形元件 Ctrl+A 選中場(chǎng)景中所有圖形，按 F8 將其轉(zhuǎn)換為圖形元件并，命名為“背景”。 在小河中繪制一個(gè)白色線條作為河水，并繪制一些小草形狀的圖形，設(shè)置小草的填充顏色，并將小草復(fù)制多個(gè)，移動(dòng)到河邊，然后再河邊繪制草堆和土坡。 在夜空中（剛才所繪制的矩形）繪制一些白色點(diǎn)和一個(gè)圓代表星星和月亮。保存文件，命名為“青蛙跳 .fla”。 三、 設(shè)計(jì)步驟： （一） 、制作背景： 使用 Flash 面板中的基本繪 圖工具繪制游戲中的背景，并填充多彩的顏色，主要應(yīng)用的知識(shí)點(diǎn)包括 Flash 動(dòng)畫的基礎(chǔ)知識(shí)、繪圖與編輯圖形、填充顏色以及圖層的基本操作。直到左邊的青蛙與右邊的青蛙位置互換才算成功。而要使兩邊的青蛙互換，就要通過 語句進(jìn)行控制，最終效果如下圖： 游戲開始界面： 游戲完成界面： 《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告 武漢科技大學(xué) 計(jì)應(yīng) 092 202020388052 劉剛 4 二、 設(shè)計(jì)方案： 這個(gè)動(dòng)畫可以按照繪制背景、創(chuàng)建元件、布局場(chǎng)景和添加 Actionscript 語句 4個(gè)步驟來完成，首先需要繪制一個(gè)荷塘月色的背景畫面，然后在繪制該動(dòng)畫中要出現(xiàn)的“ 動(dòng)畫角色”，如青蛙等，并將場(chǎng)景中的元件、圖形放置在相應(yīng)的位置，最后在為對(duì)象添加動(dòng)作語句，其中最重要的步驟就是添加 Actionscript 語句，它是實(shí)現(xiàn)這個(gè)游戲的關(guān)鍵所在，它是根據(jù)整個(gè)游戲規(guī)則來編輯的?！队?jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告 武漢科技大學(xué) 計(jì)應(yīng) 092 202020388052 劉剛 1 計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院課程設(shè)計(jì)成績單 課程名稱：計(jì)算機(jī)多媒體技術(shù)課程設(shè)計(jì) 指導(dǎo)教師：李紅斌 姓名 劉剛 性別 男 學(xué)號(hào) 202020388052 班級(jí) 計(jì)應(yīng) 0902班 綜合成績 成績等級(jí) 設(shè)計(jì)整體表現(xiàn)力 （占總成績 20%） □ 能正確表現(xiàn) □ 基本能正確表現(xiàn) □ 能表現(xiàn)但不完善 （ 20 分） （ 15 分） （ 10 分） 設(shè)計(jì)功能完善程度 （占總成績 10%） □ 完善 □ 基本完善 □ 不完善 （ 10 分） （ 8 分） （ 5 分） 設(shè)計(jì)結(jié)構(gòu)的合理性 （占總成績 10%） □ 合理 □ 基本合理 □ 不太合理 （ 10 分） （ 8 分） （ 5 分） 對(duì)問題的答辯情況 （占總成績 40%） □ 概念正確有創(chuàng)新 □ 能正確回答所有問題 □ 基本能正確回答 （ 40 分） （ 35 分） （ 30 分） □ 部分問題回答概念不清晰 （ 20 分） 學(xué)生的工作態(tài)度與獨(dú)立工作能力 （占總成績 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ī)范性 （占總成績 10%） □ 符合規(guī)范 □ 基本符合規(guī)范 □ 規(guī)范性較差 （ 10 分） （ 8 分） （ 5 分） 優(yōu)秀： 90 分 ~100 分 良好： 80 分 ~89 分 中等： 70~79 分 及格： 60~69 分 不 及格 0 分 ~59 分 武漢科技大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院制表 《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告 武漢科技大學(xué) 計(jì)應(yīng) 092 202020388052 劉剛 2 計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院 課 程 設(shè) 計(jì) 報(bào) 告 課程名稱： 《計(jì)算機(jī)多媒體技術(shù)》 專 業(yè)： 計(jì)算機(jī)應(yīng)用技術(shù) 班 級(jí)： 2020 級(jí) 0902 班 學(xué) 號(hào)： 姓 名： 指導(dǎo)老師： 二 〇 一一年 十二 月 九 日 《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告 武漢科技大學(xué) 計(jì)應(yīng) 092 202020388052 劉剛 3 基于 的“青蛙跳”游戲的設(shè)計(jì)與實(shí)現(xiàn) 一、 設(shè)計(jì)目標(biāo)： 本次設(shè)計(jì)是制作的一個(gè)測(cè)試智力的小游戲 “青蛙跳”。通過單擊鼠標(biāo)移動(dòng)兩邊的青蛙，讓左邊的小青蛙與右邊的小青蛙位置互換，其中包括兩個(gè)動(dòng)畫效果，一個(gè)是跳，另一個(gè)是躍，他們都是通過逐幀動(dòng)畫來實(shí)現(xiàn)。其游戲規(guī)則是：只要前面有空位置，青蛙就能跳到該位置上，且一次只能跳一格，或越過一個(gè)障礙跳一格，但不能反向跳動(dòng)。中途若單擊到不能跳或不能躍的青蛙，或者玩到無退路的情況，可單擊“再來一次”從新開始游戲。 具體步驟如下： 新建一個(gè) Flash 文件（ ），設(shè)置大小為 750*300 像素，《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告 武漢科技大學(xué) 計(jì)應(yīng) 092 202020388052 劉剛 5 將背景顏色設(shè)置為白色。 在圖層 1中使用矩形工具在場(chǎng)景中畫一個(gè)矩形（ 750*150）代表夜空，并設(shè)置矩形大小和顏色。 在用矩形工具在場(chǎng)景中繪制矩形 (750*150)代表小河 ，并設(shè)置顏色和大小。 繪制的背景圖片的最終效果如下圖所示： （二） 、創(chuàng)建元件 : 創(chuàng)建動(dòng)畫中的主要原件：青蛙跳的影片剪輯元件、再來一次的按鈕元件、青蛙跳的臺(tái)階元件等。 （ 2） 、創(chuàng)建“再來一次”的按鈕元件： 《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告 武漢科技大學(xué) 計(jì)應(yīng) 092 202020388052 劉剛 6 （ 3）、創(chuàng)建一個(gè)“過關(guān)”的圖形元件： （ 4） 、創(chuàng)建名為“按鈕與文件”的影片剪輯元件： 將“再來一次”按鈕和“過關(guān)”圖形，以及事先導(dǎo)入到庫中的“ ”圖片，拖入場(chǎng)景，并設(shè)置按鈕的濾鏡效果中，如下圖： （ 5） 、創(chuàng)建“臺(tái)階”影片剪輯元件： 在場(chǎng)景中用矩形工具繪制一個(gè)大小為“ 51*20”像素的矩形，邊框?yàn)楹谏?。再在屬性面板中為某些需要添加語句的元件實(shí)例命名，具體步驟如下。《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告 武漢科技大學(xué) 計(jì)應(yīng) 092 202020388052 劉剛 8 將“臺(tái)階”從左至右放置，放置 7個(gè)，每兩個(gè)之 間大概 100像素距離，并命名為 p1,p2,p3,p4,p5,p6,p7。將“按鈕和文字”元件放到“重新開始圖層”實(shí)例名為“ success”。 在第 1幀處輸入以代碼： Stop()。 (1)。 (1)。 (,resetit)。 function resetit(evt:MouseEvent){ init()。 《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告 武漢科技大學(xué) 計(jì)應(yīng) 092 202020388052 劉剛 10 =1。 =0。 =2。 =1。 =3。 =6。 =166。 =。 =。 //“青蛙”與“青蛙 1”元件實(shí)例在場(chǎng)景中的坐標(biāo)位置“ x” =true。 } init()。 (, clickHandler1)。 } (, clickHandler2)。 } (, clickHandler3)。 } (, clickHandler4)。 } (, clickHandler5)。 } (, clickHandler6)。 } function howto(i:int){ var nowpos=(getChildByName(f+i) as MovieClip).getMp() if(nowpos+18 amp。 !(getChildByName(p+(nowpos+1)) as MovieClip).getSta()){ 《計(jì)算機(jī)多媒體技術(shù)》課程設(shè)計(jì)報(bào)告 武漢科技大學(xué) 計(jì)應(yīng) 092 202020388052 劉剛 12 (getChildByName(f+i) as MovieClip).moveit()。 (getChildByName(p+(nowpos+1)) as MovieClip).sta=1。 isplete()。amp。 (getChildByName(f+i) as MovieClip).mp+=2。 (getChildByName(p+nowpos) as MovieClip).sta=0。 } else { trace(不能 )。amp。 (getChildByName(f+i) as MovieClip).mp=1。 (getChildByName(p+nowpos) as MovieClip).sta=0。 } else if(nowpos20 amp。 !(getChildByName(p+(nowpos2)) as MovieClip).getSta()){ (getChildByName(f+i) as MovieClip)