2012年12月19日 星期三

HTML5 : ghost 捉鬼特攻隊

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


功能簡介
  • 以 HTML5 開發,支援 iPad 離線使用。
  • 可以自訂選單及題庫的內容。
  • 可以單選或複選來出題。


題庫設定

ghost 的題庫格式和 PK大賽的類似,不過,在下載回去的範例中,「量詞」的題庫改成了複選題的內容,建議參考 data 資料夾中的 b01-1.jsb01-2.jsb01-3.jsb02-1.js......中的設定。
另外,因為這個遊戲採計時制,每一題如果在時間內沒有找到所有的答案,遊戲就結束,因此,在題庫設檔中,有兩個參數是 PK大賽中所沒有的,記得依需求自行調整時間的參數:

  • holdTime:每一個選項出現後靜止多少秒鐘,讓玩家可以點選答案。超過這個秒數,該選項就會自動隱藏而無法點選。
  • timerStartSeconds:每一題的可做答時間(秒數),超過時間沒有找出所有答案,遊戲就會結束。

量詞題庫中 b01-1.js 和 b02-1.js 所使用的欄位順序不同,語法上稍有不同,以前者較簡單。
另外,如果選項的內容是圖片檔的路徑,該選項就不會使用預設的 ghost 圖片,而改顯示自訂的圖片檔。有別於「選項文字」+「ghost 圖片」的一般模式。

檔案下載


相關文章


更新記綠
  • 2012.12.19 大致完成,尚有一點小 bug ,有時進入下一關(題)後,在 Chrome 中,滑鼠事件會不見,無法執行 click 的動作,點選任何東西,原因待研究。
  • 2012.12.15 起草。


沒有留言:

張貼留言

 
© 2009. Design by Pocket