▋ 花瓣與手寫交織的遊戲
最近 HTML5 FUN 發展了一系列的 Doodle 小工具與遊戲，其實是由尚未公開的 DD Board 起的頭。DD Board 有一個花瓣字的元件，玩著玩著，就不小心和 Google 的手寫辨識擦出火花，讓 DD PETALS 變成單獨的遊戲先在這裡分享了。
▋ DD PETALS 的玩法
DD PETALS 畫面中會有一朵花，花的上方會有提示，而中央會有題目；目前的遊戲有三種模式，看國字造詞、看部件填部件，或是看數字填算式。
- 手寫填答：作答時，將答案寫在花瓣上，經過一會會兒，如果答對，會出現一顆星星。
- 大橡皮擦：想擦掉某一片花瓣上的字，就在該花瓣上長按一秒後放開。
- 造詞模式：例如題目「雄」，就在花瓣上寫「英」、「心」、「偉」......等，讓它成詞。咦～那可以寫「國」變成「國雄」嗎？ ^_^
- 部件模式：例如題目「口」，就在上方花瓣上寫「木」變「杏」，右側花瓣寫「丁」變「叮」......等。
- 數學模式：例如題目「6」，就在花瓣上寫「2x3」、「24÷4」、「5+1」、「8-2」......等，讓計算結果是題目的大小。
在「筆順練習」第三版練習時的上方選單有一個「花瓣造詞」，按下去即可玩所有字的造詞。
另外，目前提供三個遊戲範例，請按底下的按鈕啟動。
▋ 自製遊戲
DD PETALS 的可以讀取 Google 試算表中的題庫，如果想自製遊戲，可以：
- 先開啟底下的 Google 試算表：
【範例檔案】👉 按這裡開啟試算表檔案 👈(請自行建立副本) - 建立副本。
- 設定試算表的「共用」為「知道連結的任何人」。
- 在自己的副本中，選取要製作的工作表(造詞或是數學)，並修改題目內容。
- 在瀏覽器的網址列複製工作表的網址。
✅ 將試算表網址轉為遊戲網址：
- 👉 按這裡進行試算表網址轉遊戲網址 👈
✅ 不想使用試算表，也可以即時輸入國字(不能指定花瓣數量)或數字來取得遊戲網址：
- 👉 按這裡立即輸入題目製作遊戲網址 👈
▋ FAQ
- 為什麼答案核對感覺有一點頓？
- A : DD Petals 為了避免字還沒寫完就進行辨識，等約一秒鐘，確定未寫字後，才會進行手寫辨識；如果是造詞的題目，還多了一個查詢線上字典的程序，因此可能會稍候一下下才能確認對錯。不過，寫完一個答案，可以繼續在別的花瓣上寫下一個答案，如果錯了，再回頭去清除並修改即可。
- 為什麼明明寫的答案對了，卻沒有出現星星？
- A : 因為字跡需要先手寫辨識才能檢核答案，如果確定答案沒錯，建議清除再重寫看看；字的順序也很重要，辨識時是從左到右、由上到下。此外，如果是造詞的題型，也有可能是線上字典未收錄該語詞，建議換個語詞試試看。
- 寫錯了，怎麼擦掉所寫的字？
- A : 想擦掉哪一個花瓣上的字跡，就對準該花瓣按著不住，約一秒鐘後再放開，應該就能清除該花瓣上的字跡了。
- 咦～好像可以兩個人一起寫字吔！
- A : 是的， Doodle Petals 支援多點觸控，所以如果電腦或載具有支援多點觸控，是可以多個人同時寫字的，兩個人一起在電子白板或是平板上拼速度，應該也滿有意思的。
- 造詞的答案是怎麼來的？
- A : 造詞的題型，會先比對試算表中的參考答案欄位，如果沒有找到，會再跟「萌典」查詢，所以如果兩處都沒有收錄者，就會判定為回答錯誤。
- 可以自訂答案嗎？
- A: 在題庫的試算表中，D 欄起可以自行輸入要優先查核的自訂答案，數量不居。
- 造詞可以寫注音嗎？
- A: v.1.4 以後，支援注音虛擬鍵盤，低年級的題目(程式自動依國字所屬年級判斷)開放透過注音虛擬鍵盤輸入一個國字的注音，可以造兩個字的語詞
- 呼叫注音鍵盤的方法：先在花瓣上手寫任一個注音符號，即可叫出虛擬鍵盤，接著就可以利用虛擬鍵盤輸入要結合題目造詞的注音。
- 國語的題目有支援看題目的部件，寫出部件組成字的模式嗎？
- A : 目前受限於 Google 的手寫辨識不是每個部件都可以辨識得出來，
所以目前不支援部件組字的題目。未來有計畫加入已有的獨體部件字來當題目。(2025.07.29起支援部件模式[兩個部件組字])。 - 數學的題目有支援分數的題型嗎？
- A : 因為手寫辨識似乎沒有支援分數的辨識，目前只能使用整數或是小數，但是答案可以接受未使用括號的四則混合計算。
- 匯出圖片的功能可以匯出所有題目的嗎？
- A : 目前只能匯出畫面上的那一題為 PNG 圖片，匯出所有做過的題目為圖片的功能，未來應該會加入。
- 回答不出來時，可以跳題嗎？
- A : 只有使用網址 words 參數和 parts 參數命題的造詞、部件題型才有提供未填完花瓣，按「下一題」跳關的功能，使用試算表及數學題型請自行篩選會卡關的題目。
- Doodle Petals 是用什麼開發的？
- A : Doodle Petals 除了我自己一個個字敲出的程式碼，另外使用一些外部的函式庫或 API :
- Goole 手寫辨識服務, 可參考 Chen-Yu Ho 的「handwriting.js」。
- 「萌典」查字典的 API, 可參考 g0v 的「moedict-webkit」。
- 彩帶飛舞的特效, 可參考「Canvas Confetti」。
- 數學算式字串進行計算, 可參考 Tommy Pang 的這一則文。
▋ 相關連結
▋ 更新記錄
- 2025.11.26 v.1.5 以注音虛擬鍵盤方式輸入者，會在花瓣顯示詞語的國字注音，如果有查到多個同音者，會全部都顯示。
- 2025.11.25 v.1.4 支援注音虛擬鍵盤，低年級的生字當題目(程式自動依國字所屬年級判斷)開放透過注音虛擬鍵盤輸入一個國字的注音，可以造兩個字的語詞；造詞支援以教育部重編本當核對的資料庫。
- 2025.07.30 v.1.3 部件模式支援八片花瓣，如果是用參數 parts 的的方命題，會自動計算要使用八片花瓣或是四片花瓣，沒有答案的花瓣會自動上鎖。
- 2025.07.29 v1.2 利用全字庫 CNS IDS 來查表，新增部件模式，除了使用試算表，也可以在網址中使用參數 parts 來指定部件的題庫。
- 2025.07.27 v1.1 造詞的題型會自動擷取中研院大腦與語言實驗室分享的「生字表字詞資料庫」當候選的答案，提高使用者的答對率；可透過網址中的參數 words 來指定造詞的題庫(類似筆順練習)，參數 numbers 則可以指定數學的題庫；透過 words 來命題時，「下一題」的按鈕只要通過一個答案，就開放跳到下一題，以免卡關，但是用試算表命題者，不能跳題，請自行過濾答案太少的字。
- 2025.07.20 v1.0
已複製到剪貼簿！
發表文章
您好，花瓣造詞從上週開始，很容易當機，輸入是對的，它沒反應，再輸入一次一樣的，它回應‘’已寫過‘’，有點奇怪。
回覆刪除關掉重開，一樣的情況卡在第一個字，但沒辦法跳題，整個練習就不能練習。
我用的是翰林二上國語第九課的生字
https://gsyan888.blogspot.com/p/dd-petals.html?words=%E9%BB%83%E6%B2%96%E6%BE%A1%E8%98%BF%E8%94%94%E5%93%AA%E7%B2%92%E7%86%B1%E6%B5%B4%E8%92%B8%E8%83%96%E5%90%8D%E8%8B%94%E8%9B%8B%E8%94%AC%E9%80%9A%E7%B4%B0%E6%B7%A1%E9%BB%8F%E9%A3%84
您好,
刪除手寫辨識有時可能因為寫字時跨到別的花瓣, 殘餘的筆畫看不到, 卻會影響文字辨識；不知如果按右上角的紅色 [清除] 鈕, 全部清除後, 就可以重新寫字辨識? 另外，不知是在電腦、Android、iPad 還是 Chrome Book ... 哪一種裝置、哪一種瀏覽中發生的? 是否都手寫同一個字而卡關? 打算造什麼詞呢?
最近因為幫低年級的題目加上了可以手寫一個注音符號後, 開放使用注音鍵盤，有更動到部份流程，我再查查看哪裡有問題。
目前暫時將要答對一題才能跳題的限制解除, 如果卡關，可以按 [清除] 或是 [下一題] 的按鈕再試。
老師好，我在 Chromebook 和 android 手機上都有，花的正中間第一個出現的字是「山」，但我指定的生字根本沒有「山」這個字。
刪除今天晚上我在試試看的時候，無意中發現，只要造詞花瓣的網址重新載入一次，就會變正常了