HTML5 : 單字高手@Blogger語法產生器

HTML5 FUN : 單字高手是源自於 2009 年由江明勳老師發想的 Flash 版英文單字高手，詳情可以到江老師的「嘰哩呱啦ACE」這一篇中查到：

• 20091103--嘰哩呱啦ACE--第647回--電子白板教學應用-43-英文單字高手-1

HTML5 單字高手可以到 HTML5 FUN 網站中下載程式及題庫設定檔案，並將它修改、打造成自己的單字高手題庫。

題庫的格式可以參考這篇舊文：

• 雄：HTML5 : 單字高手

如果想要在 Blogger 、Google Sites 或其它網站中，嵌入自訂題庫的HTML5 : 單字高手，就可以使用「HTML5 FUN 烘焙機」來製作語法，再將語法貼入 Blogger、Google Sites 或其它網站中，即可以直將遊戲分享給別人玩囉！

最新版的產生器為 HTML5 FUN 烘焙機，可以按這個連結開啟：

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

1.改

2.玩

3.剪貼

Let's go ～～

步驟 1

雄:HTML5 FUN:自訂題庫設定

1-1 輸入題庫

• 題庫內容一行一題
• 兩個井字號「##」為「欄位分隔符號」。
• 第1欄為英文。
• 第2欄為中文。
• 第3欄為聲音檔的路徑(沒有的話，tts_enabled = true 時，會以第一欄為TTS的朗讀內容)

底下有兩種題庫的編輯器
您可以在圖形化編輯器或是原始碼輸入區中
填入自己的題庫內容：

圖示： 欄位分隔(輸入 ## 新增)  聲音檔

圖形化題庫編輯器

1. angry生氣
2. smile微笑
3. cry哭

題庫原始碼：

1-2 設定其它參數

按這裡展開並設定其它選項

1-2-1 上方看板的標題字

1-2-2 每題要拿掉幾個字母當填空

1-2-3 是否使用亂數抽題目

勾選:以亂數抽題    未勾選:依題庫順序
啟用亂數抽題

1-2-4 是否使用 TTS 合成語音

勾選:使用    未勾選:不使用
使用TTS合成語音

1-2-5 計時幾秒

1-2-6 答對一題加幾分

1-2-7 答錯一題扣幾分

1-2-8 總分達到多少時結束遊戲(大於 0 時才有作用)

1-2-9 語音播放的速度

(1.0 正常, 0.5 慢速, 2.0 兩倍速)

1-2-10 上載成績記錄用的網址

(請參考「利用 Google Form 登錄遊戲成績」)

以上為主要的設定
其它更多的參數，請在複製原始碼貼到您自己的Blogger(HTML檢視)之後，再自行設定。

步驟 2

按底下的按鈕試玩
(進入遊戲畫面後，按右上角的小叉叉可以再回到語法產生器)

 

步驟 3

會員限定的遊戲代碼(可省略，空白表示任何人均可玩)

 

是否要嵌入 Google Sites
(勾選 : Google Sites 專用的語法 ； 未勾選 :使用一般語法)

 應用於 Google Sites

 將遊戲開啟在獨立的視窗

可以將底下合併後的原始碼貼到Blogger(HTML檢視)

---

1. 在輸入區將題目修改為自己想用的。
2. 按底下的【查看合併後的原始碼-自動複製到剪貼簿】，複製合併後的原始碼。
3. 進入Blogger建立新文章。
4. 輸入「標題」。
5. 文章編輯工具最左邊的切換為 <>「HTML檢視」。
6. 貼上複製的原始碼。
7. 發布測試。
8. 沒問題就可以編輯文章，自訂題庫。

---

請依需求按一下底下的功能選項:

【查看 單字高手 題庫及設定】

【查看載入程序的原始碼】

【查看合併後的原始碼-自動複製到剪貼簿】

相關連結

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

• 雄 : HTML5 : 單字高手

• 雄 : HTML5 FUN 精選集