1、YCF正版可修改PPT（中職）flash_cs6動畫制作案例教第6章游戲制作ppt課件第6章游戲制作【課程導(dǎo)入】 導(dǎo)入案例:打地鼠 導(dǎo)入案例:抓喜鵲 拓展案例:看圖連單詞6.1.1制作要點(diǎn)本案例中首先使用外部元件制作游戲場景,并分別對場景中的元件設(shè)置實(shí)例名稱,然后通過為元件添加腳本控制動畫播放,最終完成游戲制作。6.1.2制作步驟(1)新建一個尺寸為573567像素,幀頻為24,背景顏色為白色的文檔。(2)將背景圖片導(dǎo)入到舞臺。在第500幀位置插入關(guān)鍵幀,執(zhí)行“文件”“導(dǎo)入”“打開外部庫”命令,將準(zhǔn)備好的外部庫文件打開(3)新建“圖層2”,選擇“文本工具”,在“屬性”面板中設(shè)置參數(shù)。在場景中輸

2、入文字。在第10幀位置插入空白關(guān)鍵幀。(4)選擇“文本工具”,在“屬性”面板中修改參數(shù),根據(jù)“圖層2”的制作方法制作“圖層3”。(5)新建“圖層4”,將“文字按鈕”元件從外部庫中拖入場景中,并調(diào)整大小,并在第10幀位置插入空白關(guān)鍵幀。選中“圖層4”第1幀上場景中的元件,按“F9”鍵打開“動作”面板,輸入腳本。(6)新建“圖層5”,將“錘子”元件從外部庫中拖入場景中,在第10幀位置插入空白關(guān)鍵幀。新建“圖層6”,在第10幀位置插入關(guān)鍵幀,將“洞1動畫”元件從外部庫中拖入場景中。(7)選中庫中的“洞1動畫”元件,右擊,在彈出的菜單中選擇“編輯”選項,編輯該元件,選中“圖層4”第9幀上場景中的元件。

3、在“動作”面板中輸入腳本。(8)返回到“場景1”的編輯狀態(tài),新建“圖層7”,在第10幀位置插入關(guān)鍵幀,將“錘子動畫”元件從外部庫中拖入場景中。設(shè)置“屬性”面板上的“實(shí)例名稱”為“t1”。(9)選中庫中的“錘子動畫”元件,進(jìn)入元件的編輯狀態(tài),在“圖層4”的第1幀上單擊,在“動作”面板中輸入“stop();”腳本。在第6幀上單擊,在“動作”面板中輸入腳本。(9)選中庫中的“錘子動畫”元件,進(jìn)入元件的編輯狀態(tài),在“圖層4”的第1幀上單擊,在“動作”面板中輸入“stop();”腳本。在第6幀上單擊,在“動作”面板中輸入腳本。(10)返回“場景1”的編輯狀態(tài),根據(jù)“圖層6”和“圖層7”的制作方法,完成“

4、圖層8”“圖層13”的制作。根據(jù)“圖層1”“圖層5”的制作方法,完成“圖層14”“圖層17”的制作。(11)選擇“圖層15”第500幀場景中的元件。在“動作”面板中輸入腳本。(12)新建“圖層18”,在第500幀位置插入關(guān)鍵幀,并分別在第1幀和第500幀上單擊,依次在“動作”面板中輸入“stop();”腳本。(13)至此,動畫制作完成,測試滿意后保存即可。6.2導(dǎo)入案例:抓喜鵲6.2.1制作思路(1)導(dǎo)入背景素材,創(chuàng)建界面中的元素。(2)編寫喜鵲元件擴(kuò)展類,然后編寫主程序類,控制游戲的開始與結(jié)束。6.2.2制作步驟(1)新建一個尺寸為650400像素,幀頻為30的空白文檔,然后導(dǎo)入背景文件。(

5、2)創(chuàng)建一個圖層并命名為“btns”,然后創(chuàng)建3個按鈕元件,再分別將它們的“實(shí)例名稱”命名為“start_btn”、“help_btn”和“out_btn”。(3)新建一個圖層并命名為“gradeBg”,然后創(chuàng)建成績單文本,再新建一個圖層并命名為“displayGrade_txt”,創(chuàng)建一個動態(tài)文本,并設(shè)置其“實(shí)例名稱”為“displayGrade_txt”,用于顯示捕捉到的喜鵲數(shù)量。(4)新建一個“名稱”為“Fly”的影片剪輯元件,并為其添加元件類,同樣命名為“Fly”,然后在“Fly”影片剪輯元件中創(chuàng)建喜鵲飛翔的動畫。(5)新建一個“名稱”為“gotgood_mc”的影片剪輯元件,然后在該

6、元件中插入3個關(guān)鍵幀,并繪制三個手型,接著制作3個手型幀動畫。(6)新建一個“名稱”為“MouseHand”的影片剪輯元件,并為其添加元件類,同樣命名為“MouseHand”,然后將“gotgood_mc”影片剪輯元件放置在該元件中,并設(shè)置“實(shí)例名稱”為“gotgood_mc”。(7)新建一個ActionScript文件(保存為“Fly.as”),然后編寫程序。該類是元件擴(kuò)展類,接受一個Number類型的參數(shù),然后將其賦值作為該類所產(chǎn)生對象在Y軸方向上的遞減值(如第16行代碼),接著在構(gòu)造函數(shù)中為其注冊ENTER_FRAME事件偵聽,使該類對象在被創(chuàng)建時執(zhí)行事件偵聽器函數(shù)enterFrameH

7、andler,也就是所創(chuàng)建的每一只喜鵲都以某一速度(變量speed值)向上運(yùn)動。此外該類還使用removeTimerHandler()方法來清除事件偵聽器函數(shù),最后使用flySpeed()方法取得_speed值。(8)下面編寫主程序類,新建一個ActionScript文件(保存為“main.as”),然后編寫程序。第2225行代碼的構(gòu)造函數(shù)用來初始化舞臺的寬度和高度,并創(chuàng)建存儲有喜鵲對象的容器;第2731行代碼用來隱藏系統(tǒng)鼠標(biāo)并創(chuàng)建手型,然后通過偵聽stage對象的MOUSE_MOVE和MOUSE_DOWN事件來控制手型鼠標(biāo)跟隨stageMoveHandler()和stageDownHandl

8、er()的狀態(tài)。(9)輸入所有代碼后即可預(yù)覽動畫效果,測試滿意后保存即可。6.3拓展案例:看圖連單詞6.3.1制作思路本案例首先使用外部元件制作游戲場景,然后分別為元件添加腳本,控制元件的播放,再在主時間軸上添加腳本控制動畫。6.3.2制作步驟(1)新建一個尺寸為550400像素,幀頻為30,背景顏色為“#6699ff”的空白文檔。(2)將準(zhǔn)備好的圖像素材導(dǎo)入到場景中。新建“圖層2”,將準(zhǔn)備好的素材元件導(dǎo)入到外部庫中。(3)將“meat按鈕動畫”元件從外部庫拖入場景中。按“F9”鍵打開“動作”面板,在“動作”面板中輸入腳本。(4)在“屬性”面板上設(shè)置“實(shí)例名稱”為“b4”。雙擊“meat按鈕動

9、畫”元件,進(jìn)入該元件的編輯狀態(tài),在“圖層2”上新建“圖層3”,在第1幀上單擊,在“動作”面板中輸入腳本。(5)在第2幀位置插入關(guān)鍵幀,在“動作”面板中輸入腳本,返回到“場景1”的編輯狀態(tài)。根據(jù)“圖層2”的制作方法,制作出“圖層3”“圖層6”。(6)新建“圖層7”,將“豆腐按鈕動畫”元件從外部庫拖入場景中。(7)選中“圖層7”元件,按“F9”鍵打開“動作”面板,輸入腳本。在“屬性”面板中設(shè)置其“實(shí)例名稱”為“a1”。(8)雙擊“豆腐按鈕動畫”元件,進(jìn)入該元件的編輯狀態(tài),在“圖層2”上新建“圖層3”,在第1幀上單擊,在“動作”面板中輸入腳本。在第2幀位置插入關(guān)鍵幀,在“動作”面板中輸入腳本。完成后

10、返回到“場景1”的編輯狀態(tài)。(9)根據(jù)“圖層7”的制作方法,制作出“圖層8”“圖層11”,完成后的“時間軸”面板。(10)新建“圖層12”,將“圓形”元件從外部庫拖入場景中。在“屬性”面板上設(shè)置“實(shí)例名稱”為“dian11”。用同樣的制作方法,將“圓形”元件多次拖入場景,并設(shè)置實(shí)例名稱。(11)新建“圖層13”,將“成功動畫”元件從外部庫拖入場景中。在“屬性”面板上設(shè)置其“實(shí)例名稱”為“shengli”。(12)雙擊“成功動畫”元件,進(jìn)入場景編輯狀態(tài),在“圖層2”的第2幀上單擊,在“屬性”面板中進(jìn)行設(shè)置。選擇“圖層3”第27幀場景中的元件。(13)按“F9”鍵,在“動作”面板中輸入腳本。新建“圖層4”,在第1幀上單擊,在“動作”面板中輸入“stop();”腳本,在第27幀處插入關(guān)鍵幀,在“動作”面板中輸入“stop();”腳本。(14)返回“場景1”的編