▋ 花瓣與手寫交織的遊戲
最近 HTML5 FUN 發展了一系列的 Doodle 小工具與遊戲，其實是由尚未公開的 DD Board 起的頭。DD Board 有一個花瓣字的元件，玩著玩著，就不小心和 Google 的手寫辨識擦出火花，讓 DD PETALS 變成單獨的遊戲先在這裡分享了。
▋ DD PETALS 的玩法
DD PETALS 畫面中會有一朵花，花的上方會有提示，而中央會有題目；目前的遊戲有三種模式，看國字造詞、看部件填部件，或是看數字填算式。
- 手寫填答：作答時，將答案寫在花瓣上，經過一會會兒，如果答對，會出現一顆星星。
- 大橡皮擦：想擦掉某一片花瓣上的字，就在該花瓣上長按一秒後放開。
- 造詞模式：例如題目「雄」，就在花瓣上寫「英」、「心」、「偉」......等，讓它成詞。咦～那可以寫「國」變成「國雄」嗎？ ^_^
- 部件模式：例如題目「口」，就在上方花瓣上寫「木」變「杏」，右側花瓣寫「丁」變「叮」......等。
- 數學模式：例如題目「6」，就在花瓣上寫「2x3」、「24÷3」、「5+1」、「8-2」......等，讓計算結果是題目的大小。
▋ 啟動遊戲
目前提供兩個遊戲範例，請按底下的按鈕啟動。
▋ 自製遊戲
DD PETALS 的可以讀取 Google 試算表中的題庫，如果想自製遊戲，可以：
- 先開啟底下的 Google 試算表：
【範例檔案】👉 按這裡開啟試算表檔案 👈(請自行建立副本) - 建立副本。
- 設定試算表的「共用」為「知道連結的任何人」。
- 在自己的副本中，選取要製作的工作表(造詞或是數學)，並修改題目內容。
- 在瀏覽器的網址列複製工作表的網址。
✅ 將試算表網址轉為遊戲網址：
- 👉 按這裡進行試算表網址轉遊戲網址 👈
✅ 不想使用試算表，也可以即時輸入國字(不能指定花瓣數量)或數字來取得遊戲網址：
- 👉 按這裡立即輸入題目製作遊戲網址 👈
▋ FAQ
- 為什麼答案核對感覺有一點頓？
- A : DD Petals 為了避免字還沒寫完就進行辨識，等約一秒鐘，確定未寫字後，才會進行手寫辨識；如果是造詞的題目，還多了一個查詢線上字典的程序，因此可能會稍候一下下才能確認對錯。不過，寫完一個答案，可以繼續在別的花瓣上寫下一個答案，如果錯了，再回頭去清除並修改即可。
- 為什麼明明寫的答案對了，卻沒有出現星星？
- A : 因為字跡需要先手寫辨識才能檢核答案，如果確定答案沒錯，建議清除再重寫看看。此外，如果是造詞的題型，也有可能是線上字典未收錄該語詞，建議換個語詞試試看。
- 寫錯了，怎麼擦掉所寫的字？
- A : 想擦掉哪一個花瓣上的字跡，就對準該花瓣按著不住，約一秒鐘後再放開，應該就能清除該花瓣上的字跡了。
- 造詞的答案是怎麼來的？
- A : 造詞的題型，會先比對試算表中的參考答案欄位，如果沒有找到，會再跟「萌典」查詢，所以如果兩處都沒有收錄者，就會判定為回答錯誤。
- 可以自訂答案嗎？
- A: 在題庫的試算表中，D 欄起可以自行輸入要優先查核的自訂答案，數量不居。
- 國語的題目有支援看題目的部件，寫出部件組成字的模式嗎？
- A : 目前受限於 Google 的手寫辨識不是每個部件都可以辨識得出來，
所以目前不支援部件組字的題目。未來有計畫加入已有的獨體部件字來當題目。(2025.07.29起支援部件模式)。 - 數學的題目有支援分數的題型嗎？
- A : 因為手寫辨識似乎沒有支援分數的辨識，目前只能使用整數或是小數，但是答案可以接受未使用括號的四則混合計算。
- 匯出圖片的功能可以匯出所有題目的嗎？
- A : 目前只能匯出畫面上的那一題為 PNG 圖片，匯出所有做過的題目為圖片的功能，未來應該會加入。
- 回答不出來時，可以跳題嗎？
- A : 只有使用網址 words 參數命題的造詞題型才有提供未填完花瓣，按「下一題」跳關的功能，使用試算表及數學題型請自行篩選會卡關的題目。
- Doodle Petals 是用什麼開發的？
- A : Doodle Petals 除了我自己一個個字敲出的程式碼，另外使用一些外部的函式庫或 API :
- Goole 手寫辨識服務, 可參考 Chen-Yu Ho 的「handwriting.js」。
- 「萌典」查字典的 API, 可參考 g0v 的「moedict-webkit」。
- 彩帶飛舞的特效, 可參考「Canvas Confetti」。
- 數學算式字串進行計算, 可參考 Tommy Pang 的這一則文。
▋ 相關連結
▋ 更新記錄
- 2025.07.29 v1.2 利用全字庫 CNS IDS 來查表，新增部件模式，除了使用試算表，也可以在網址中使用參數 parts 來指定部件的題庫。
- 2025.07.27 v1.1 造詞的題型會自動擷取中研院大腦與語言實驗室分享的「生字表字詞資料庫」當候選的答案，提高使用者的答對率；可透過網址中的參數 words 來指定造詞的題庫(類似筆順練習)，參數 numbers 則可以指定數學的題庫；透過 words 來命題時，「下一題」的按鈕只要通過一個答案，就開放跳到下一題，以免卡關，但是用試算表命題者，不能跳題，請自行過濾答案太少的字。
- 2025.07.20 v1.0
已複製到剪貼簿！
發表文章
沒有留言:
張貼留言