HTML5 : PK 大賽自訂題庫

HTML5 PK 大賽與 HTML5 PK2 是可以供多人一起在電腦、平板、手機甚至在有觸控螢幕的大電視上玩的遊戲。它們都可以在 HTML5 FUN 的網站中玩已建立好的一些題庫，網站網址如下：

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

HTML5 FUN 網站除了可以玩各種遊戲，也可以將各種遊戲下載到自己的電腦中，有興趣的人，甚至可以利用工具打造自己的遊戲。

本文為 2012年12月所建立的，介紹的是遊戲原始設計的方法。最新自訂 PK 大賽遊戲題庫的方法，可以參考文末補充的最新方式，用最新的方式來打造自己的遊戲，可以更簡便些。

【按這裡直接跳到文末】

2012年11月以 LimeJS + HTML5 設計的 PK 大賽第一版因為是測試，只提供了九九乘法的題庫，經過多日的修改，它已可以自己按格式新增題庫，甚至提供了一個「後門」給會寫 Javscript 的人餵題庫給 PK。以下就來簡單的說明一下如何自訂 PK 大賽的題庫。

sample-4.js : 二欄式題庫裡包含了所有PK可顯示的題庫語法

HTML5 PK 大賽可以由 HTML5 FUN 的網站中，下載打包好的遊戲程式、題庫設定檔：

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

只要按綠色的下載圖示，應該就可以下載打包好的壓縮檔。壓縮檔「 html5_pk.zip」解壓縮以後，有一個名為「samples」的資料夾，裡面提供了幾個範例題庫，主要可以分為三大類：

• 三欄式題庫：
• sample-1.js
• 二欄式題庫：
• sample-2-1.js
• sample-2-2.js
• sample-2-3.js
• 語文高手格式的題庫：
• sample-3.js

html5_pk.zip 解壓縮後檔案結構

以記事本來開啟 samples 內的題庫範例

因為我們在出選擇題時會有「題幹」、「答案」和「錯誤的選項」三種資料，所謂的「三欄式題庫」中的「三欄」指的就是以「半形分號」來當分隔符號（註：新版的範例中是以「##」當作分隔符號），把題幹、答案和錯誤的選項這三種不同的資料放在同一行字串中。

目前的 PK 大賽支援選擇題中的單選題，因此，第一欄放題幹的文字述敘，第二欄放答案的文字，第三欄錯誤選項的部份可能要很多個。我們可以利用「半形逗號」當多個選項的分隔符號（註：新版的範例中是以「~~」當作多個選項的分隔符號），再把多個錯誤的選項分隔開來。

sample-1.js 三欄式題庫

而「二欄式題庫」比三欄式少了什麼？它少了「錯誤的選項」，因為我們可以利用程式拿別題的答案來當作某一題的「錯誤的選項」，所以只需要「題幹」和「答案」兩欄資料。

sample-2-3.js 兩欄式題庫

「語文高手格式的題庫」則是之前用來玩「形近字」、「同音字」和「多音字」的小學具所用的格式，它較複雜，比較建議使用我寫的「語文高手出題機」來產生加注音的語法，然後再貼入複製好的範例檔中。

新增自訂題庫的方法

【註】本小節的方法為2012年的舊方法，最近的方式可以參考下一小節的說明，改用「烘焙機」來自訂題庫。

簡單整理一下新增自訂題的步驟

1. 決定想要出的題庫類型。
2. 由 「samples 資料夾」中複製相關類型的題庫設定檔。
3. 以類似 Windows 記事本或是 Notepad++ 的純文字編輯器開啟複製好的題庫設定檔。
4. 修改、新增設定檔內的題庫，每一行依序填入「題幹」、「答案」和「錯誤的選項」。特別注意使用「半形分號」來分隔各欄位（註：新版的範例中是以「##」當作分隔符號）。
   如果是三欄式題型，可以利用「半型逗號」（註：新版的範例中是以「~~」當作多個選項的分隔符號）來分隔多個「錯誤選項」。
5. 儲存題庫設定檔。
6. 以文字編輯軟體開啟選單設定檔「pk_menu_set.js」 ，並在裡面新增一行選單設定。
7. 儲存選單設定檔。
8. 以文字編輯軟體開啟快取檔案清單設定檔「cache.appcache」，在面面新增一行題庫設定檔的路路，並修改「Updated on:」後的時間。
9. 儲存快取檔案清單設定檔。

目前，以上的方法也適用於 HTML5 版的「投籃高手」、「王牌投手」、「Ghost 捉鬼特攻隊」「搶救公主」，基本上，有時間會慢慢把其它 HTML5 的程式用同樣的模式來出題，這樣，類似的題庫可以依需求共用，增加應用上的彈性。

此外，因為最近教到數學分數的單元，為了讓班上孩子可以 PK 分數的題目，特別加上了表示分數的格式，這部份可以參考 sample-2-3.js 來出數學中帶有分數的題目。

以「烘焙機」來打造遊戲並下載自訂題庫

前述自訂遊戲題庫的方式原始設計的方式，自2023年起，HTML5 FUN 的遊戲大多有支援「遊戲式題庫烘焙機 (HTML5 FUN Homepage)」，利用「烘焙機」就可以線上出題、改遊戲參數，打造好自己的遊戲以後，可以直接下載遊戲網頁、匯出遊戲設定檔，甚至嵌入自己的網站中。詳細的說明及示範影片，請參考底下這個連結：

• 雄 : 打造自己的遊戲 : HTML5 FUN 烘焙機大彙整

相關文章

• 雄:打造自己的遊戲 : HTML5 FUN 烘焙機大彙整

• 雄:HTML5 FUN 精選集

• HTML5 : PK 大賽

• HTML5 : PK2 四人競賽

• HTML5 : ghost 捉鬼特攻隊

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

• 雄:HTML5:語文高手題庫&國字加注音產生器

• 雄 : Apps Script : PK 遊戲題庫產生器

• 雄 : VBA : PK 遊戲題庫產生器