邢素萍

0 引言

本例首先制作 4個(gè)圖形按鈕“獅子”、“鳥(niǎo)”、“蟲(chóng)子”和“仙人球”，并且制作了一個(gè)游戲開(kāi)始時(shí)4個(gè)對(duì)象繞著一個(gè)圓圈轉(zhuǎn)動(dòng)的小動(dòng)畫(huà)，這樣游戲更有生氣。然后按照游戲的進(jìn)程，布置各個(gè)情形下的場(chǎng)景，其中值得注意的是使用了幾個(gè)輸入文本。按照腳本代碼的需要，給各個(gè)對(duì)象進(jìn)行了實(shí)體命名。最后給各個(gè)按鈕編寫(xiě)代碼，通過(guò)隨機(jī)數(shù)的產(chǎn)生實(shí)現(xiàn)游戲的功能。

游戲效果展示，如圖1所示：

圖1

1 元件的制作

步驟1 啟動(dòng)Flash 8.0后，單擊【文件】/【新建】，新建一個(gè)Flash文件。單擊【修改】/【文檔】，在影片屬性對(duì)話框中，設(shè)置場(chǎng)景的大小為400px×400px，背景色淡紫色，其他為默認(rèn)值。

步驟2 從外部導(dǎo)入一張游戲主角之一的圖片，如圖1所示。選中圖片，刪除掉。單擊【插入】/【新建元件】命令，新建一個(gè)圖形元件，并命名為“獅子”。

步驟3 在元件編輯界面中，從元件庫(kù)中把“獅子”圖片導(dǎo)入，按Ctrl＋B鍵把圖片打散，刪除沒(méi)有用的位圖，留下“獅子”，如圖2、圖3所示：

圖2 導(dǎo)入元素圖片

圖3 獅子圖形元件

步驟4 同樣的方法，導(dǎo)入含有其他主角的圖片，然后處理并制作其他圖形元件：鳥(niǎo)、蟲(chóng)子和仙人球。如圖4、圖5和圖6所示：

圖4 圖形元件“鳥(niǎo)”

圖5 圖形元件“蟲(chóng)子”

圖6 圖形元件“仙人球”

在蟲(chóng)子圖形元件編輯界面中，選擇蟲(chóng)子，改變填充顏色為綠色。

步驟5 返回場(chǎng)景，制作一個(gè)游戲開(kāi)始的小動(dòng)畫(huà)。新建一個(gè)“MC”元件名為“封面”，進(jìn)入它的編輯界面，在“圖層1”的第1幀，用畫(huà)圓工具拖出一個(gè)沒(méi)有填充色的橢圓框，如圖7所示：

圖7 處理前后的蟲(chóng)子

步驟6 在“圖層1”之上，連續(xù)新建4個(gè)新層，從“圖層2”到“圖層5”，然后把“圖層1”層拖到“圖層5”層的上面。右鍵單擊“圖層1”選擇【引導(dǎo)層】，“圖層2”到“圖層5”層均設(shè)定為它的被引導(dǎo)層，時(shí)間軸，如圖8所示：

圖8 繪制橢圓邊框

設(shè)定“圖層2”到“圖層5”為被引導(dǎo)層的方法是：分別用右鍵單擊該圖層，選擇【屬性】，在彈出的屬性面板中選中“被引導(dǎo)”前面的復(fù)選框，如圖9所示：

圖9 “封面”的時(shí)間軸

步驟7 在“圖層1”層的第40幀插入一個(gè)關(guān)鍵幀，這一層為靜態(tài)。在其他4個(gè)層的第1幀，分別從元件庫(kù)中將“獅子”、“鳥(niǎo)”、“蟲(chóng)子”和“仙人球”拖放到橢圓的四周，如圖10所示：

圖10 設(shè)定圖層屬性

步驟8 在“圖層1”的第10幀、第20幀、第30幀和第40幀分別插入關(guān)鍵幀，然后將該層的對(duì)象“仙人球”的位置依次逆時(shí)針旋轉(zhuǎn)90°、180°、270°和360°，使用洋蔥皮觀看各關(guān)鍵幀的對(duì)象位置，其他各層做同樣的處理，如圖11所示：

圖11 布置“封面”影片剪輯的場(chǎng)景

步驟9 在第1～9幀中的任一幀上單擊鼠標(biāo)右鍵，選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】，創(chuàng)建第1幀到第9幀的過(guò)渡動(dòng)畫(huà)。

步驟10 分別創(chuàng)建4個(gè)圖層的第1～10幀、第11～20幀、第21～30幀和第31～40幀之間的“補(bǔ)間”運(yùn)動(dòng)，如圖12所示：

圖12 各關(guān)鍵幀對(duì)象的位置

步驟 11 回到主場(chǎng)景，新建一層，改名為“封面”。在第1幀將剛才做好的“MC”電影片段拖放到場(chǎng)景中的上方。用文字工具填寫(xiě)一些提示的語(yǔ)言，如圖13所示：

圖13 “封面”影片剪輯的時(shí)間軸

步驟12 單擊【插入】/【新建元件】命令，新建一個(gè)按鈕元件“開(kāi)始”，如圖14所示：

圖14 布置游戲開(kāi)始的場(chǎng)景

步驟 13 把“開(kāi)始”按鈕拖放到“封面”這層的第 1幀，如圖15所示：

圖15 制作的“開(kāi)始”按鈕各幀的變化圖

選擇按鈕，打開(kāi)【動(dòng)作－按鈕】面板，為這個(gè)按鈕添加腳本：on (press) { gotoAndStop(2); }，如圖16所示：

圖16 把“開(kāi)始”按鈕放置在場(chǎng)景中

步驟14 在時(shí)間軸為第1幀添加幀腳本：stop()。

知識(shí)詳解

上面步驟中制作了游戲需要的一些圖片和按鈕，其中“獅子”、“鳥(niǎo)”、“蟲(chóng)子”和“仙人球”是游戲所需的主角，將要依照這些東西的物物相克原則判斷游戲的勝方。

按鈕“開(kāi)始”的制作也不難，只是使該按鈕不同幀的圖案稍微有一些改變，這樣對(duì)鼠標(biāo)的響應(yīng)效果更好。

2 準(zhǔn)備游戲

步驟1 下面的游戲制作都是在主時(shí)間軸的第2幀來(lái)完成的。把“封面”這層鎖定，新建一層“背景”，在第 2幀插入關(guān)鍵幀，在這幀中安排游戲者和電腦的圖案，用文字工具寫(xiě)一些游戲的規(guī)則等。如圖16所示。

步驟2 新建一個(gè)按鈕元件“獅子按鈕”，在它的“彈起”幀，將圖形元件“獅子”從庫(kù)中拖放到中心。在“指針經(jīng)過(guò)”幀和“按下”幀插入關(guān)鍵幀，自動(dòng)復(fù)制了第1幀的內(nèi)容，把“指針經(jīng)過(guò)”幀的圖形做一些變化，例如，把圖片對(duì)象的Alpha值設(shè)小一點(diǎn)，這樣鼠標(biāo)移到這個(gè)按鈕上時(shí)，圖案就有一個(gè)視覺(jué)上的變化，如圖17所示：

圖17 場(chǎng)景布置

步驟3 類(lèi)似的操作，制作其他游戲按鈕“鳥(niǎo)按鈕”、“蟲(chóng)子按鈕”和“仙人球按鈕”，分別以各自對(duì)應(yīng)的圖形元件作為按鈕的樣子。

步驟4 按鈕做好后，回到主場(chǎng)景，新建一層“按鈕”。把做好的4個(gè)游戲按鈕拖放到場(chǎng)景中，排成一列，位置如圖18所示：

圖18 制作“獅子按鈕”

步驟5 下面來(lái)制作一個(gè)逐幀動(dòng)畫(huà)，它的播放將受游戲按鈕的控制。新建一個(gè)“MC”元件“游戲mc”，在它的編輯界面中，在第1幀只添加一個(gè)腳本“stop();”；在第2幀放入圖形元件“獅子”，第3幀放入“鳥(niǎo)”，第4幀放入“蟲(chóng)子”，第5幀放入“仙人球”。其時(shí)間軸如圖19所示：

圖19 把按鈕布置在場(chǎng)景中

步驟6 回到主場(chǎng)景，新建一層“游戲場(chǎng)面”，在第2幀插入空白關(guān)鍵幀，將“游戲 mc”從元件庫(kù)中拖放兩次到場(chǎng)景中來(lái)，這就形成了“游戲mc”的兩個(gè)實(shí)例。

步驟7 單擊選中右面的一個(gè)實(shí)例，打開(kāi)【屬性】面板。在面板中為這個(gè)實(shí)例命名“ralf”，如圖20所示：

圖20 “游戲MC”的時(shí)間軸

同樣將左邊的一個(gè)實(shí)例命名為“kyo”。

步驟8 新建一層“比分”，在這層的第2幀，選擇文字工具，在【屬性】面板中先選擇文本類(lèi)型為“動(dòng)態(tài)文本”，然后在場(chǎng)景中拖出一個(gè)矩形文本框。用黑箭頭工具單擊選中該文本框，在【屬性】面板中設(shè)置文本變量為“boss”，如圖21所示：

圖21 為“游戲MC”進(jìn)行實(shí)例命名

步驟9 重復(fù)上一步，再拖出一個(gè)類(lèi)型為“動(dòng)態(tài)”的文本框，設(shè)置變量名為“pla”。擺放兩個(gè)文本框在場(chǎng)景中的位置，并在靜態(tài)文本框中寫(xiě)入提示文字。此時(shí)場(chǎng)景如圖 22所示：

圖22 為動(dòng)態(tài)文本框設(shè)置變量

知識(shí)詳解

上面步驟主要布置了不同情形下的場(chǎng)景，只要按照一定的順序循序漸進(jìn)，就不會(huì)有什么問(wèn)題了。其中涉及到一些對(duì)象的屬性設(shè)置，比如實(shí)例命名等。這里還用到了“輸入文本”。

3 編寫(xiě)腳本代碼

步驟1 游戲的主要響應(yīng)來(lái)自4個(gè)游戲按鈕。游戲者就是通過(guò)這4個(gè)按鈕來(lái)進(jìn)行游戲操作的。首先為“獅子按鈕”添加腳本代碼如下：

步驟2 下面再為按鈕“鳥(niǎo)按鈕”添加腳本。腳本代碼如下所示，含義與“獅子按鈕”的腳本是完全類(lèi)似的：

步驟3 為按鈕“蟲(chóng)子按鈕”添加的腳本代碼如下：

步驟4 為按鈕“仙人球按鈕”添加的腳本代碼如下：

步驟5 第2幀的游戲按鈕及功能就做好了，在上述按鈕的腳本中都讓游戲結(jié)束后就跳到第 3幀，在新建的一層“結(jié)尾”中的第 3幀插入關(guān)鍵幀，只給這幀添加一個(gè)幀腳本，腳本代碼如下所示：

步驟6 在“結(jié)尾”這層的第4幀做一個(gè)畫(huà)面，保留場(chǎng)景第2幀的一些文本框和人物頭像，并添加勝利的文本，如圖23所示。

步驟7 在這一幀中再添加兩個(gè)選擇按鈕，在按鈕前添上兩個(gè)靜態(tài)文本框，如圖24所示：

圖24 勝利場(chǎng)景（部分）

分別給按鈕添加如下腳本：

步驟8在“結(jié)尾”層的第5幀上插入一個(gè)關(guān)鍵幀，把中間的文本修改一下，如圖25、圖26所示：

圖25 勝利場(chǎng)景

圖26 結(jié)尾場(chǎng)景2

4 總結(jié)

本文制作了一個(gè)小游戲，游戲的實(shí)現(xiàn)主要依靠對(duì)隨機(jī)數(shù)的判斷。游戲制作中，重點(diǎn)是腳本語(yǔ)言的編寫(xiě)，還要注意的則是設(shè)置好各個(gè)實(shí)例和變量。主要知識(shí)點(diǎn)總結(jié)如下：

通過(guò)random()函數(shù)產(chǎn)生一個(gè)隨機(jī)數(shù)，然后對(duì)這個(gè)隨機(jī)數(shù)進(jìn)行判斷，根據(jù)情況再設(shè)置過(guò)程的去向?！拜斎胛谋尽钡恼_使用，引導(dǎo)層的使用。合理清晰的構(gòu)思和正確的算法是比較重要的，需要在實(shí)踐中逐漸鍛煉和總結(jié)。讀者可以嘗試豐富本實(shí)例，實(shí)現(xiàn)更多的功能。

[1]《Flash8中文版實(shí)用教程》李敏[M]機(jī)械工業(yè)出版社2009年2月

[2]《Flash8動(dòng)畫(huà)與交互動(dòng)畫(huà)制作教程》潘明寒[M]北京航空航天大學(xué)出版社2008年1月

[3]《Flash8.0中文版動(dòng)畫(huà)制作》林華姜靈敏[M]華南理工大學(xué)出版社2007年8月