游戲打“大怪” 學(xué)習(xí)更有趣

馬震安

實(shí)例描述：制作一個九九乘法小游戲。在首界面出現(xiàn)大怪、英雄及Play按鈕，當(dāng)鼠標(biāo)懸停其上時會變色。點(diǎn)擊Play按鈕進(jìn)入游戲，在游戲界面有題目及選項(xiàng)，如果回答正確，英雄會拋出手雷炸大怪，否則，大怪會發(fā)出閃電。第1題答完后繼續(xù)下一題，直到題目結(jié)束。最后，顯示最終結(jié)果（圖1）。

1. 準(zhǔn)備素材

在游戲中要用到不少卡通圖片、SWF動畫、聲音效果等，我們可以到網(wǎng)上下載，如果沒有適合的素材就得自己去制作了。用Flash或其他軟件均可，只要做出所需的效果就行了。

2. 首頁幻燈片制作

打開Articulate Storyline 2軟件，新建一個項(xiàng)目，雙擊無標(biāo)題場景幻燈片進(jìn)入編輯窗口，右擊設(shè)置它的背景與所使用的SWF動畫背景一致；插入3個所需圖片及1個文本框，文本框中輸入Play；點(diǎn)擊大怪圖片，切換到“狀態(tài)”后點(diǎn)擊“編輯狀態(tài)”，新增狀態(tài)，名稱為“彩色”，選擇“正常”狀態(tài)，利用格式選項(xiàng)卡中的“重新著色”將正常狀態(tài)設(shè)置為灰色；選擇“彩色”狀態(tài)，將其狀態(tài)設(shè)置為無重新著色，添加1個梯形，設(shè)置其填充色為白色，透明度為50%，無邊框，調(diào)整好它的大小，再添加1個云標(biāo)注，輸入所需文字，點(diǎn)擊“編輯狀態(tài)完成”。英雄圖片的狀態(tài)設(shè)置與之類似（圖2）。

右擊Play文本框選擇“按鈕集→按鈕集1”，設(shè)置好它的顏色，增加1個狀態(tài)為“向下”，顏色設(shè)置為另外一種。

接下來，選擇大怪圖片，新增觸發(fā)器，設(shè)置操作為“更改狀態(tài)”，在對象上為“圖片2”（即大怪圖片），目標(biāo)狀態(tài)為“彩色”，時間為“鼠標(biāo)懸停”，對象為“圖片2”，勾選“在鼠標(biāo)離開后恢復(fù)”，這樣就實(shí)現(xiàn)了當(dāng)鼠標(biāo)懸停在大怪上時會由灰色變?yōu)椴噬Ｓ⑿蹐D片、Play文本框的懸停效果設(shè)置與之類似（圖3）。

選擇Play文本框，新增觸發(fā)器，設(shè)置“操作”為“跳轉(zhuǎn)到幻燈片”，“幻燈片”為“下一張”，“時間”為“用戶單擊”，“對象”為“文本框1”。到此，首頁幻燈片就制作完成了。

3. 試題幻燈片制作

點(diǎn)擊插入選項(xiàng)卡的“新建幻燈片”，在彈出窗口的測試選項(xiàng)卡中雙擊打分標(biāo)簽下的單選題進(jìn)入試題編輯窗口。在窗體視圖狀態(tài)，問題處輸入“5×8=”；輸入選擇處輸入備選答案；更正處設(shè)置好正確答案；刪除反饋信息處的文字；更正處點(diǎn)擊“其他”，在彈出的窗口中點(diǎn)擊“導(dǎo)入音頻文件”導(dǎo)入手雷爆炸時的MP3文件；同理，錯誤處的反饋音頻文件為發(fā)射閃電時的MP3文件。

切換到幻燈片視圖狀態(tài)，點(diǎn)擊“管理項(xiàng)目變量”，新增變量名稱為“fen”，類型為“編號”，默認(rèn)值為“0”。選擇底層圖層，插入所需大怪、英雄、分?jǐn)?shù)顯示區(qū)等圖片，插入矩形作為題目顯示區(qū)，設(shè)置好題目、備選項(xiàng)的格式；插入文本框，輸入“%fen%”，作為分?jǐn)?shù)顯示。為題目顯示區(qū)的矩形添加動畫效果，在時間線上通過左、右拖動調(diào)整好動畫及題目所要顯示的時間點(diǎn)（圖4）。

接下來，選擇第1個備選按鈕，新增觸發(fā)器，設(shè)置操作為“提交互動”，互動為“單選題”，時間為“用戶單擊”，對象為“單選按鈕1”；其他備選按鈕動作的添加也與之類似，但是對于正確答案的按鈕還要再增加觸發(fā)器，設(shè)置操作為“調(diào)整變量”，變量為“fen”，運(yùn)算符為“+加”，值為“值”，設(shè)置為“20”，時間為“用戶單擊”，對象為正確按鈕的名字。

切換到“正確”圖層，插入大怪、英雄的圖片及英雄發(fā)功、大怪死亡時的動畫。另外，插入兩個矩形，將填充色設(shè)成與幻燈片背景一致且無邊框，這是為了遮擋底層圖層中的大怪、英雄圖片。在時間線上調(diào)整好它們的位置及出現(xiàn)的時間點(diǎn)。切換到“錯誤”圖層，也插入相應(yīng)的圖片、動畫、矩形，設(shè)置與前面類似。到此，試題幻燈片就制作完成了（圖5）。

4. 結(jié)果幻燈片制作

插入一張空白幻燈片，新增兩個圖層，分別命名為“成功”、“失敗”。在這兩個圖層上分別插入所要顯示的圖片，在時間線上調(diào)整好各個元素所要顯示的時間點(diǎn)。切換到底層圖層，新增觸發(fā)器，設(shè)置操作為“顯示圖層”，圖層為“成功”，時間為“時間軸開始”，對象為當(dāng)前的幻燈片；再增加條件為“fen==等于100”，這樣，當(dāng)變量fen等于100時就會顯示成功圖層。同樣，再增加觸發(fā)器，條件為fen<小于100，用來顯示失敗圖層（圖6）。

最后，為了有一個簡潔的操作界面，需要切換到故事視圖狀態(tài)，點(diǎn)擊相應(yīng)的幻燈片，在幻燈片導(dǎo)航處去掉一些不必要的按鈕；在播放器功能處選擇“自定義選定幻燈片”，去掉一些不必要的按鈕。點(diǎn)擊“發(fā)布”按鈕，在彈出窗口選擇Web選項(xiàng)卡，輸入標(biāo)題，設(shè)置好發(fā)布文件夾，最后發(fā)布就可以了。