HTML5 : Ghost 捉鬼特攻隊

打地鼠的遊戲很多人愛玩，它的玩法滿適合應用在複選題的小測驗，2012年斷斷續續研究了好幾天，利用 LimeJS 寫了這個打地鼠類型的 HTML5「捉鬼特攻隊」。它的出題的方式和另一個 HTML5 FUN 的遊戲「PK大賽」類似，最大的差異是打鬼遊戲有支援複選題。

功能簡介

• 以 HTML5 開發，只要使用網頁瀏覽器就可以玩；支援離線使用。
• 可以自訂選單及題庫的內容。
• 支援單選或複選的題目。

試玩與下載

HTML5 打鬼遊戲可以在 HTML5 FUN 的網站中找到，只要按一下打鬼遊戲的圖示即可玩已經建立好的遊戲題庫，或是下載打包好的遊戲。HTML5 FUN 網站的網址如下：

• https://gsyan888.github.io/html5_fun/

以「烘焙機」來打造自己的遊戲

[2023年補記] 自2023年起，HTML5 FUN 的遊戲大多有支援「遊戲式題庫烘焙機 (HTML5 FUN Homepage)」，利用「烘焙機」就可以線上出題、改遊戲參數；打造好自己的遊戲以後，可以直接下載遊戲網頁、匯出遊戲設定檔，甚至嵌入自己的網站中。

HTML5 打鬼遊戲也有支援「烘焙機」，想要打造自己的遊戲嗎？詳細的說明及示範影片，請按底下的連結：

• 雄 : 打造自己的遊戲 : HTML5 FUN 烘焙機大彙整(最新版烘焙機)

題庫設定

打鬼遊戲的題庫格式和 PK大賽的類似，不過，在下載回去的範例中，「量詞」的題庫改成了複選題的內容，建議參考 data 資料夾中的 b01-1.js、b01-2.js、b01-3.js、b02-1.js......中的設定。

另外，這個遊戲在玩的時候是採計時制，每一題如果在時間內沒有找到所有的答案，遊戲就結束，因此，在題庫設檔中，有兩個參數是 PK大賽中所沒有的，記得依需求自行調整時間的參數：

• holdTime：每一個選項出現後靜止多少秒鐘，讓玩家可以點選答案。超過這個秒數，該選項就會自動隱藏而無法點選。
• timerStartSeconds：每一題的可做答時間(秒數)，超過時間沒有找出所有答案，遊戲就會結束。複選題一關會有多題，需要的秒數要多一些；單選題一關只有一題，所以秒數可以少一點。每過一關，剩餘的秒數會以一秒等於分數的一分，加入總分中。

量詞題庫中 b01-1.js 和 b02-1.js 所使用的欄位順序不同，語法上稍有不同，以前者較簡單。

另外，如果選項的內容是圖片檔的路徑，該選項就不會使用預設的 ghost 圖片，而改顯示自訂的圖片檔。有別於「選項文字」＋「ghost 圖片」的一般模式。

相關文章

• 雄 : 打造自己的遊戲 : HTML5 FUN 烘焙機大彙整(最新版烘焙機)

• 雄 : HTML5:讓青蛙過河與打鬼遊戲念出題目與答案

• 雄 : HTML5 FUN 精選集

• 雄 : HTML5 : PK 大賽

• 雄 : HTML5 : PK 大賽自訂題庫

• 雄 : HTML5 : PK 大賽自訂題庫《進階》

更新記綠

• 2023.07.05 題幹支援聲音的題型，可使用 .mp3 或 .tts；文字型的題目，可以在設定檔中將「question_text_speaking_enabled」設為 true，就會自動以 TTS 合成語音念出題目；如果在設定檔中將「answer_text_speaking_enabled」設為 true，選到正確答案時，就會自動以 TTS 合成語音念出答案的文字；新增 tts_language、tts_speed、tts_language_of_answer參數來設定 TTS 的語言及速度。
• 2023.05.07 支援「HTML5 FUN 烘焙機」。
• 2022.06.23 解決在 iOS 上，音效沒作用的問題。加入語音辨識的外掛。
• 2012.12.19 大致完成，尚有一點小 bug ，有時進入下一關(題)後，在 Chrome 中，滑鼠事件會不見，無法執行 click 的動作，點選任何東西，原因待研究。
• 2012.12.15 起草。