2012年12月19日 星期三

HTML5 : Ghost 捉鬼特攻隊

2012年12月19日 星期三

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


功能簡介

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

試玩與下載

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

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

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

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


題庫設定

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

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

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

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

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

相關文章

更新記綠

  • 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 起草。


1 則留言:

 
雄::gsyan © 2009. Design by Pocket