想讓寶寶們練習(xí)一下英語(yǔ)聽力，通過讀音來(lái)選取相應(yīng)的圖片并記錄得分。其實(shí)，這樣的小游戲課件用Articulate Storyline 3中圖層的隱現(xiàn)功能很容易實(shí)現(xiàn)（圖1）。接下來(lái)，就讓我們看看它的制作過程。

1. 界面設(shè)計(jì)

打開Articulate Storyline 3，新建一個(gè)項(xiàng)目，在“故事視圖”狀態(tài)，雙擊“無(wú)標(biāo)題場(chǎng)景”幻燈片進(jìn)入編輯窗口，右擊設(shè)置好它的背景；利用“插入”選項(xiàng)卡中的“圖片”，插入所需要的動(dòng)物圖片，并在各自對(duì)應(yīng)時(shí)間線上雙擊更改時(shí)間線名稱，如圖片1所對(duì)應(yīng)的時(shí)間線名改為“長(zhǎng)頸鹿”，這樣相應(yīng)的圖片1的名稱也就變成了“長(zhǎng)頸鹿”；利用對(duì)齊工具將圖片分組對(duì)齊，再利用形狀中的“圓角矩形”畫一個(gè)圓角矩形，將其置于底層，作為動(dòng)物圖片的背景。再利用自選圖形中的其他形狀添加分?jǐn)?shù)統(tǒng)計(jì)、已點(diǎn)擊動(dòng)物數(shù)等標(biāo)簽，即右擊形狀，選擇“編輯文本”，和PPT中的操作類似（圖2）。

2. 添加聲音

雙擊在窗口右側(cè)幻燈片層處的基礎(chǔ)層標(biāo)簽，將該層重新命名為“動(dòng)畫圖集”。在幻燈片層處點(diǎn)擊“新建層”，新層命名為“貓”，選中該層，選擇“插入”選項(xiàng)卡，點(diǎn)擊“音頻→來(lái)自文件的音頻”，選擇所對(duì)應(yīng)的動(dòng)物讀音文件。當(dāng)然，也可以點(diǎn)擊“音頻→由麥克風(fēng)錄制”，在彈出窗口錄制所需要的讀音后，點(diǎn)擊“保存”即可（圖3）。

小提示：如果對(duì)錄制的效果不滿意，可以在“時(shí)間軸”上選定該音頻，按下“Delete”刪除即可。當(dāng)然，也可以右擊該音頻，選擇“編輯音頻”，在彈出窗口對(duì)音頻進(jìn)行必要的編輯（圖4）。

同理，再新建層，命名為“狗”，插入單詞“狗”的讀音，其他動(dòng)物單詞的讀音插入與此類似。

3. 添加互動(dòng)效果

在窗口右側(cè)，點(diǎn)擊“觸發(fā)器”面板中的“管理項(xiàng)目變量”，添加3個(gè)變量，變量1名稱為“dqdy”，類型為“文本”，用來(lái)記錄當(dāng)前的讀音；變量2名稱為“fen”，類型為“數(shù)據(jù)”，值為“0”，用來(lái)記錄已回答正確的分?jǐn)?shù)；變量3名稱為“ydshu”，類型為“數(shù)據(jù)”，值為“0”，用來(lái)記錄完成回答的動(dòng)物數(shù)。

返回到“貓”這個(gè)圖層，插入聲音圖標(biāo)。在“觸發(fā)器”面板，點(diǎn)擊“新建觸發(fā)器”，在彈出窗口操作處選擇“停止媒體”，媒體處選擇“音頻1”，時(shí)間處選擇“時(shí)間軸開始”，對(duì)象處選擇“圖層-貓”，這樣當(dāng)顯示這個(gè)圖層時(shí)聲音是先不播放的。

新增觸發(fā)器，在彈出窗口操作處選擇“播放媒體”，媒體處選擇“音頻1”，時(shí)間處選擇“用戶單擊”，對(duì)象處選擇“圖片1”，這樣當(dāng)點(diǎn)擊聲音圖標(biāo)時(shí)就播放這個(gè)圖層動(dòng)物的讀音。

新增觸發(fā)器，在彈出窗口操作處選擇“調(diào)整變量”，變量處選擇“dqdy”，運(yùn)算符處選擇“=分配”，值處選擇“值”，輸入“cat”，時(shí)間處選擇“用戶單擊”，對(duì)象處選擇“圖片1”。這樣，當(dāng)點(diǎn)擊聲音圖標(biāo)時(shí)，變量“dqdy”的值就變成了“cat”。其他圖層上相應(yīng)位置也添加好聲音圖標(biāo)，觸發(fā)器的互動(dòng)添加與之類似，這里不再一一贅述（圖5）。

切換到“基礎(chǔ)層”（即“動(dòng)物圖集”層），刪除觸發(fā)器中的其他內(nèi)容。新增觸發(fā)器，在彈出窗口操作處選擇“調(diào)整變量”，變量處選擇“fen”，運(yùn)算符處選擇“+添加”，值處選擇“值”，輸入“5”，時(shí)間處選擇“用戶單擊”，對(duì)象處選擇“貓”，點(diǎn)擊“顯示條件”，新增條件，列表處選擇“變量”，如果處選擇“dqdy”，運(yùn)算符處選擇“==等于”，類型處選擇“值”，值處輸入“cat”。這樣，當(dāng)讀音是“貓”且點(diǎn)擊了貓的圖片時(shí)，變量fen加5。

新增觸發(fā)器，在彈出窗口操作處選擇“調(diào)整變量”，變量處選擇“ydshu”，運(yùn)算符處選擇“+添加”，值處選擇“值”，輸入“1”，時(shí)間處選擇“用戶單擊”，對(duì)象處選擇“貓”。這樣，當(dāng)點(diǎn)擊了貓的圖片時(shí)，變量ydshu加1。

新增觸發(fā)器，在彈出窗口操作處選擇“顯示圖層”，圖層處選擇“狼”，時(shí)間處選擇“用戶單擊”，對(duì)象處選擇“貓”。這個(gè)觸發(fā)器圖層選擇處也可以選擇其他圖層。其他動(dòng)物圖片觸發(fā)器的添加與上述類似，這里不一一贅述（圖6）。

新增觸發(fā)器，在彈出窗口操作處選擇“顯示圖層”，圖層處選擇“老虎”，時(shí)間處選擇“時(shí)間軸開始”，對(duì)象處選擇“1.1動(dòng)物圖集”。這個(gè)觸發(fā)器圖層選擇處也可以選擇其他圖層。

將光標(biāo)定位到分?jǐn)?shù)0的后面，點(diǎn)擊“插入→引用”，在彈出窗口選中變量“fen”，再將“%”前面的0刪除；將光標(biāo)定位到動(dòng)物數(shù)0的后面，點(diǎn)擊“插入→引用”，在彈出窗口選中變量“ydsh”，再將“%”前面的0刪除。這樣，這個(gè)文本框中就會(huì)顯示相應(yīng)變量的值了（圖7）。

4. 作品發(fā)布

點(diǎn)擊“播放器”按鈕，在彈出窗口的功能選項(xiàng)卡中，將資源、菜單之類的勾選全部去掉。最后，點(diǎn)擊“發(fā)布”按鈕，在彈出窗口選擇Web選項(xiàng)卡，輸入標(biāo)題，設(shè)置好發(fā)布文件夾，發(fā)布就可以了。