flash.cs3網(wǎng)站商業(yè)設計從入門到精通 第16章flash游戲制作【課件】

1、建網(wǎng)站 http/第16章 Flash游戲制作lFlash最令人稱道的特點之一就是其所具有的交互功能。而用Flash制作的游戲正是這種交互功能的綜合體現(xiàn)。許多網(wǎng)站、網(wǎng)絡廣告經常將Flash游戲作為招攬人氣的一種手段，而Flash游戲在這方面的表現(xiàn)也確實不負所望。一個好的Flash游戲，不僅能體現(xiàn)制作者的良好Flash功底，而且可以吸引更多的瀏覽者，并能夠提升游戲發(fā)布方的形象。l用Flash制做游戲，不僅需要制作者具有較好的美術功底和編程能力，而且要求制作者懂得如何把握游戲的趣味性。本章將通過三個Flash小游戲實例的制作，從幾方面入手，綜合講解如何使用Flash制作游戲。建網(wǎng)站 http/16

2、.1 Flash游戲概述l在學習制作Flash游戲之前，需要先對Flash游戲的特點、游戲的常見類型以及游戲的制作流程有所了解。然后，根據(jù)游戲情節(jié)的需要，選擇合適的表現(xiàn)手段，并規(guī)劃合理的游戲制作流程。建網(wǎng)站 http/16.1.1 Flash游戲的特點l使用Flash制作游戲具有許多優(yōu)點，這些優(yōu)點使得越來越多的游戲制作者傾向于選擇Flash作為制作游戲的首選工具。l1適合網(wǎng)絡發(fā)布和傳播l2制作簡單方便l3視覺效果突出建網(wǎng)站 http/16.1.2 Flash游戲的常見類型l實際上，使用Flash軟件可以制作出任何一種可以想到的游戲類型。但針對網(wǎng)絡應用來說，一般在Flash游戲設計中常用到如下幾

3、種游戲類型。l1益智類游戲l2射擊類游戲l3動作類游戲l4角色扮演類游戲 l5體育運動類游戲 建網(wǎng)站 http/16.1.3 Flash游戲的制作流程l使用Flash制作游戲要遵循游戲制作的一般流程。這樣，才能夠事半功倍，更有效率地工作。l1游戲構思及框架設計l2制作游戲場景和角色l3編寫動作腳本l4測試優(yōu)化并發(fā)布建網(wǎng)站 http/16.2 迷宮游戲制作l本范例是一個迷宮游戲，玩家可以使用鍵盤方向鍵，控制一個叫“小強”的角色在迷宮中行走，游戲的勝利條件是讓小強找到迷宮盡頭的漢堡包。讀者通過本節(jié)的學習，可以掌握這幾種常用的編程方法，并對用Flash制作游戲的方法和游戲制作流程有一個初步的了解。建

4、網(wǎng)站 http/16.2 迷宮游戲制作 迷宮游戲“QIANG” 建網(wǎng)站 http/16.2.1 制作游戲中的元素l制作游戲，首先當然要準備好游戲中的各種素材。本范例是一個迷宮游戲，迷宮地圖和迷宮中的主角自然是少不了的。同時，根據(jù)游戲構思中的需要，還需要準備好一些輔助性的游戲元素。 繪制游戲背景 繪制迷宮圖 建網(wǎng)站 http/16.2.1 制作游戲中的元素 繪制漢堡包 繪制主角正面 繪制主角背面 建網(wǎng)站 http/16.2.1 制作游戲中的元素 放置qiang_walk_side元件 放置并翻轉qiang_walk_side元件 建網(wǎng)站 http/16.2.2 用鍵盤控制主角的行走l主角制作完成

5、后，接下來要實現(xiàn)對其行走的控制。在Flash游戲中，行走一般有兩種控制方法，即用鼠標控制行走和用鍵盤控制行走。本范例中主角的行走將通過鍵盤的4個方向鍵來控制。 放置qiang元件 為實例添加動作 建網(wǎng)站 http/16.2.2 用鍵盤控制主角的行走 為qiang_stand實例添加動作 測試行走效果 建網(wǎng)站 http/16.2.3 利用碰撞檢測實現(xiàn)主角在迷宮中的冒險l當主角“小強”在迷宮中行走時，它不能夠穿越迷宮的墻壁，而只能在迷宮的通道上行走。如果它能像嶗山道士一樣穿墻行走的話迷宮就變得毫無意義了。要實現(xiàn)墻壁的效果就要用到碰撞檢測。通過實時的碰撞檢測來限定主角移動的范圍，使主角在試圖穿越墻壁

6、時會出現(xiàn)碰壁的現(xiàn)象。 放置walls影片剪輯元件 放置hamburger影片剪輯元件 建網(wǎng)站 http/16.2.3 利用碰撞檢測實現(xiàn)主角在迷宮中的冒險 主角可以走到迷宮中的任何一個角落 建網(wǎng)站 http/16.2.4 增加游戲的可玩性l目前的游戲相對來說顯得非常單調，缺少一些可以增加玩家興趣的東西。如何在主體游戲的基礎上添加一些新的元素，從而增加游戲的可玩性，這是每個游戲制作者都必須認真考慮的問題。 繪制虛線 創(chuàng)建補間動畫 建網(wǎng)站 http/16.2.4 增加游戲的可玩性 提示性路線 建網(wǎng)站 http/16.2.5 完成全部游戲l游戲制作完成了，最后還需要加入游戲標題界面和游戲結束畫面。當然

7、，其中的游戲介紹頁面也是不可或缺的。 游戲標題界面 游戲說明頁面 建網(wǎng)站 http/16.3 猜拳游戲制作l本范例是一個猜拳游戲。玩家可以通過選擇一個角色（皮皮狗和嘻嘻貓），與電腦控制的角色進行猜拳比賽， 猜拳游戲MORRA 建網(wǎng)站 http/16.3.1 制作游戲中的主角l在制作本范例游戲之前，需要首先準備好猜拳雙方角色的各種動態(tài)圖形。這兩個角色分別叫“皮皮狗”和“嘻嘻貓”。需要為這兩個角色準備的動態(tài)圖形主要有猜拳前的常態(tài)和猜拳時的動作兩種。 皮皮狗的身體各部分 皮皮狗在勝利和失敗時的不同表情 建網(wǎng)站 http/16.3.1 制作游戲中的主角 調整第15幀上各實例的位置 調整第20幀上各實例

8、的位置 建網(wǎng)站 http/16.3.1 制作游戲中的主角 調整第15幀上各實例的位置 調整第20幀上各實例的位置 陰影圖形 建網(wǎng)站 http/16.3.2 制作猜拳控制臺l制作游戲之前，除了需要準備好兩個角色的圖形外，還需要制作好游戲的界面、游戲中的控制操作元素以及游戲中的提示性圖形、文字等。其中，本范例游戲中的控制操作元素，即猜拳控制臺的具體制作過程如下： 繪制“剪子”、“包袱”和“錘頭”三種手勢 創(chuàng)建補間動畫 建網(wǎng)站 http/16.3.3 制作提示性圖形和游戲背景l(fā)現(xiàn)在，只剩下游戲背景和游戲中的提示性圖形了。本范例游戲中的提示性圖形，不僅包括每輪猜拳勝負的提示性文字圖形，而且包括對生命值

9、的實時提示。 繪制draw！圖形元件 繪制骨頭圖形 繪制游戲背景 建網(wǎng)站 http/16.3.4 制作游戲中的畫面l本范例游戲的主場景時間軸主要包括4幀。第1幀是游戲的開始畫面；第2幀是游戲的說明畫面，同時，玩家需要在這一畫面中選擇所控制的角色；第3幀為游戲的主畫面；第4幀則是游戲的結束畫面，在該畫面中將顯示游戲最終的勝方信息。在制作游戲之前，先將游戲各幀畫面準備好，以方便接下來游戲程序的編寫。 建網(wǎng)站 http/16.3.4 制作游戲中的畫面 繪制背景圖形 添加標題和按鈕 第4幀的游戲結束畫面 建網(wǎng)站 http/16.3.5 為游戲添加程序l現(xiàn)在萬事俱備，只欠東風了。游戲舞臺上的各個元素已經

10、安置妥當，接下來只要為游戲中的各個元素添加上程序代碼，游戲就可以運行了。 為dog_head實例添加動作 為dog_hand_act實例添加動作 建網(wǎng)站 http/16.3.6 更改游戲中的鼠標l至此，游戲已經可以玩了。但是仍存在一個不太令人滿意的地方，那就是鼠標。如果使用系統(tǒng)鼠標來操控游戲，顯得與游戲風格不夠融合。接下來，將把游戲中的鼠標改成自定義的樣式，并且，鼠標會根據(jù)玩家角色的選擇而更改樣式。具體操作步驟如下：建網(wǎng)站 http/16.3.6 更改游戲中的鼠標 放置hand_1元件 放置dog_score_p元件 放置cat_score_p元件建網(wǎng)站 http/16.3.6 更改游戲中的鼠

11、標 最終游戲效果 建網(wǎng)站 http/16.4 打地鼠游戲制作l本范例是一個打地鼠游戲。玩家需要在一個限定的時間范圍內用錘子不斷地打擊從洞里隨機冒出來的地鼠，以獲得分數(shù)的獎勵。當然，可能從洞里冒出來的也不會僅僅只有地鼠一種動物 打地鼠游戲SHREW 建網(wǎng)站 http/16.4.1 制作場景和動畫l在本游戲中，地鼠可以冒出的洞口一共有10個。不管是從哪個洞口中冒出來的地鼠，其外形和動作都是一樣的。所以，只要定義好其中一個地鼠對象，然后對其余的地鼠進行復制即可。首先，需要制作好地鼠從洞口冒出又縮回洞中的動畫。 繪制游戲背景 繪制洞口圖形 建網(wǎng)站 http/16.4.1 制作場景和動畫 放置chars

12、影片剪輯元件 繪制遮罩圖形 建網(wǎng)站 http/16.4.1 制作場景和動畫 在舞臺上放置好的10個chars實例 建網(wǎng)站 http/16.4.2 制作隨機出現(xiàn)的地鼠l游戲場景和地鼠的動畫制作好后，就可以讓地鼠在各個洞口隨機出現(xiàn)了。由于一開始所有的地鼠都是不可見的；并且地鼠在縮回地洞中后仍變?yōu)椴豢梢姡允紫刃枰O置地鼠的可見性。地鼠在各個洞口隨機出現(xiàn) 建網(wǎng)站 http/16.4.3 實現(xiàn)對地鼠的打擊l現(xiàn)在，地鼠已經可以隨機在各個洞口出現(xiàn)，但是還不能對其進行打擊。接下來，將實現(xiàn)在一個限定的時間范圍內對地鼠的打擊。并且，打擊地鼠可以獲得分值獎勵。 繪制地鼠被打擊后的表情 調整第2幀錘子的位置 建網(wǎng)站 http/16.4.3 實現(xiàn)對地鼠的打擊測試打擊地鼠效果 建網(wǎng)站 http/16.4.4 增加游戲的可玩性l本范例中將為游戲添加兩個游戲角色胖地鼠和陸龜。當玩家打擊到胖地鼠時將會獲得150分的分值獎勵。而當玩家不小心打擊到陸龜時將被扣除100分。 繪制胖地鼠 繪制胖地鼠被打擊后的表情 繪制陸龜 繪制陸龜被打擊后的表情 建網(wǎng)站 http/16.4.4 增加游戲的可玩性 測試當前游戲效果建網(wǎng)站 http/16.4.5 完成全部游戲l至此，游戲