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

1. 界面設計

打開Articulate Storyline 3，新建一個項目，在“故事視圖”狀態，雙擊“無標題場景”幻燈片進入編輯窗口，右擊設置好它的背景；利用“插入”選項卡中的“圖片”，插入所需要的動物圖片，并在各自對應時間線上雙擊更改時間線名稱，如圖片1所對應的時間線名改為“長頸鹿”，這樣相應的圖片1的名稱也就變成了“長頸鹿”；利用對齊工具將圖片分組對齊，再利用形狀中的“圓角矩形”畫一個圓角矩形，將其置于底層，作為動物圖片的背景。再利用自選圖形中的其他形狀添加分數統計、已點擊動物數等標簽，即右擊形狀，選擇“編輯文本”，和PPT中的操作類似（圖2）。

2. 添加聲音

雙擊在窗口右側幻燈片層處的基礎層標簽，將該層重新命名為“動畫圖集”。在幻燈片層處點擊“新建層”，新層命名為“貓”，選中該層，選擇“插入”選項卡，點擊“音頻→來自文件的音頻”，選擇所對應的動物讀音文件。當然，也可以點擊“音頻→由麥克風錄制”，在彈出窗口錄制所需要的讀音后，點擊“保存”即可（圖3）。

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

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

3. 添加互動效果

在窗口右側，點擊“觸發器”面板中的“管理項目變量”，添加3個變量，變量1名稱為“dqdy”，類型為“文本”，用來記錄當前的讀音；變量2名稱為“fen”，類型為“數據”，值為“0”，用來記錄已回答正確的分數；變量3名稱為“ydshu”，類型為“數據”，值為“0”，用來記錄完成回答的動物數。

返回到“貓”這個圖層，插入聲音圖標。在“觸發器”面板，點擊“新建觸發器”，在彈出窗口操作處選擇“停止媒體”，媒體處選擇“音頻1”，時間處選擇“時間軸開始”，對象處選擇“圖層-貓”，這樣當顯示這個圖層時聲音是先不播放的。

新增觸發器，在彈出窗口操作處選擇“播放媒體”，媒體處選擇“音頻1”，時間處選擇“用戶單擊”，對象處選擇“圖片1”，這樣當點擊聲音圖標時就播放這個圖層動物的讀音。

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

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

新增觸發器，在彈出窗口操作處選擇“調整變量”，變量處選擇“ydshu”，運算符處選擇“+添加”，值處選擇“值”，輸入“1”，時間處選擇“用戶單擊”，對象處選擇“貓”。這樣，當點擊了貓的圖片時，變量ydshu加1。

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

新增觸發器，在彈出窗口操作處選擇“顯示圖層”，圖層處選擇“老虎”，時間處選擇“時間軸開始”，對象處選擇“1.1動物圖集”。這個觸發器圖層選擇處也可以選擇其他圖層。

將光標定位到分數0的后面，點擊“插入→引用”，在彈出窗口選中變量“fen”，再將“%”前面的0刪除；將光標定位到動物數0的后面，點擊“插入→引用”，在彈出窗口選中變量“ydsh”，再將“%”前面的0刪除。這樣，這個文本框中就會顯示相應變量的值了（圖7）。

4. 作品發布

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