雄的 HTML5 FUN 網站提供了一些不用安裝，可以直接在網頁瀏覽器中使用的數位學具與教具，它們除了可以使用已建立好的題庫，還可以打造成自己的工具或是遊戲。
如果想試玩各個遊戲或工具，就到 HTML5 FUN 網站，網址如下：
如果想查看各個遊戲或工具的詳細說明，或是手動建立題庫的方法，請參考「HTML5 FUN 精選集」：
遊戲式題庫烘焙機 (HTML5 FUN Homepage)
什麼是「遊戲式題庫烘焙機 (HTML5 FUN Homepage)」？
這個「烘焙機」是我和好友江明勳老師經過一番討論後，幫 HTML5 FUN 遊戲製作工具所取的名稱 (「Homepage 烘焙雞」的聯想)。
HTML5 FUN 的遊戲題庫彈性其實可以很大，透過題庫設定，可以自訂題庫內容，打造自己的遊戲。為了方便大家能在網頁瀏覽器中即可設定，最後還能將遊戲放到網站中使用，無論是 Blog、Google Sites、Weebly 或是其它網站中，都可以使用 HTML5 FUN 烘焙機來製作嵌入的語法；甚至下載為單一遊戲網頁，打開來就可以在本機玩。
目前 HTML5 FUN 大部份可自訂題庫的遊戲都有支援烘焙機，打開烘焙機以後，即可看到已支援烘焙機的遊戲清單，並由清單中選取想製作的遊戲；有的遊戲還支援多種題庫設定範本，製作時可以參考範本，輕鬆設定。
HTML5 FUN 的烘焙機，只要三大步驟就可以製作嵌入網頁的HTML語法；貼入 Blogger 、Google Sites 或其它網頁中，即可分享、使用自製的 HTML5 FUN 遊戲。
製作 HTML5 FUN 的遊戲就是這麼簡單，讓我們馬上按底下的啟動按鈕，打開「HTML5 FUN 烘焙機」製作自己的 HTML5 FUN 遊戲吧！
Let's go ～～
步驟 1
1-0 選擇遊戲及題庫樣板
選擇遊戲
選擇題庫樣版
1-1 輸入題庫 ？
- 每一行即是一個問題
- 每題用欄位分隔符號分為問題跟選項
- 支援多種格式，請依需求選用題庫様板
您可以在圖形化編輯器或是原始碼輸入區中
填入自己的題庫內容：
圖形化題庫編輯器
- ######
題庫原始碼：
1-2 設定其它參數 ？
按這裡展開並設定其它選項
以上為主要的設定
其它更多的參數，請在複製原始碼貼到您自己的Blogger(HTML檢視)之後，再自行設定。
步驟 2
(進入遊戲畫面後，按右上角的小叉叉可以再回到語法產生器)
步驟 3
底下可以將合併後的原始碼貼到網站
下載遊戲或是匯出設定檔
以 Blogger 為例
- 在前面「步驟1」輸入題目及修改遊戲選項。
- 按底下的 【查看合併後的原始碼-自動複製到剪貼簿】
複製合併後的原始碼。 - 進入Blogger建立新文章。
- 輸入「標題」。
- 文章編輯工具最左邊的 <> 切換為 <>HTML檢視。
- 貼上複製的原始碼。
- 按 ➤發布測試。
- 沒問題就可以編輯文章，自訂題庫，再按 ➤更新 更新內容。
- Google Sites 或是其它網站也是類似的程序。
- 下載單獨執行的網頁檔案可以按
- 想匯出成題庫設定檔可以按
詳細說明
Blogger 協作平台 WordPress Padlet 下載與匯出
功能選項
是否要自動啟動遊戲
(勾選 :直接進入遊戲 ； 未勾選 :按按鈕啟動)
是否要嵌入 Google Sites (協作平台)
(勾選 : Google Sites 專用的語法 ； 未勾選 :使用一般語法)
應用於 Google Sites
將遊戲開啟在獨立的視窗
是否要以 Google 試算表當資料庫
(勾選 : 貼到試算表的專用語法 ； 未勾選 :使用一般語法)
是否要嵌入 ClassroomScreen
(勾選 : ClassroomScreen 專用的語法 ； 未勾選 :使用一般語法)
請依需求按一下底下的功能選項或左右的圖示
發表文章
打不開匯出題目設定檔
回覆刪除您好，
刪除「匯出題目設定檔」匯出的檔案是一個 .js 的文字檔，它可以使用類似 Windows 的「記事本」或是 Notepad++ 的純文字編輯器來開啟。這個檔案是搭配 HTML5 FUN 下載回來的壓縮檔使用的，並無法單獨運作哦～
如果您是要能單獨運作的話，請使用步驟３左上角的「下載可單獨運行的網頁」，它是設定加上遊遊啟動指令的網頁，可以在電腦上直接用網頁瀏覽器來開啟。
如果您的需求是離線玩，就必須:
刪除1.到 HTML5 FUN 網站下載打包好的遊戲 .zip 壓縮檔，並解壓縮檔案。
2.利用烘焙機步驟3右上角的「匯出設定檔」。
3.在前面解壓縮的遊戲目錄中，並將原來的遊設定檔改名或刪除；將匯出的設定檔搬移到遊戲目錄中，並改名為遊戲需要的設定檔名稱。(有的遊戲可以編輯選單的，就照製作選單的方式操作)。
請問之前（實驗階段）用google drive 一鍵創立語法的功能之後還會開放嗎？用注音高手搭配你們開發的這個方式 可以自訂圖片 在統一創建題庫 非常便利快速！pixabay 上傳功能也變了...
回覆刪除您好，
刪除哈! 原來那個功能有人在用! ^_^
之前因為發現 MP3 與 MP4 的部份，Google 已阻擋而不能用了，因此將功能暫時隱藏起來。剛剛將不能用的設為不能勾選，讓功能重現了。
另外，不知道您說的「pixabay 上傳功能也變了 」，指的是什麼? 這幾天是有人發現 Padlet 上傳的功能變了，所以我有在該說明的舊文前面加上註解了。
謝謝您回報使用上的問題。
看了您在 YouTube 注音高手影片中的留言，大概猜出您指的 Pixabay 的可能問題了。
刪除如果您想加圖片與自訂的語音，記得要先按一下上方「圖示」中的「欄位分隔(輸入 ## 新增) 」那個圖示，加入「欄位分隔符號」再貼圖片；注意示範影片時間點 1:32 起 , 在「小狗」後面是有一個「欄位分隔符號」的；其它題目想加圖片或是自訂語音，都必須自己按「欄位分隔符號的圖示」，確定有欄位分隔符號了，再貼圖片。