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

馬震安

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

1. 準(zhǔn)備素材

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

2. 首頁(yè)幻燈片制作

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

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

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

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

3. 試題幻燈片制作

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

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

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

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

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

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

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