HTML5 FUN : 國字基本筆畫練習小工具

上一則文「HTML5 FUN 筆順部件及 CNS 部件校正」中提到花了不少時間校對了 HTML5 FUN 的部件，也建立好筆畫清單，第一個應用的小工具「國字基本筆畫練習」來囉！

國字基本筆順練習小工具參考教育部《國字標準字體教師手冊》中的「國字筆畫名稱表」，提供28個基本筆畫及其例字的筆順示範與練習。

✅ 加碼製作28個基本筆畫的筆順資料及筆畫語音。

✅ 有六個筆畫示範時，會隨機出現動畫加強印象。

✅ 示範及練習會念出筆畫名稱。

▋ 開始使用

想立即玩玩看，就按一下紅色按鈕啟動：

在 HTML5 FUN 筆順練習中已加上啟動基本筆畫練習小工具的按鈕，按下去即可切換 :

筆順練習中啟動基本筆畫練習小工具

▋ Ｑ＆Ａ

• Q : 筆畫的例字可以自訂嗎？
• A : 範例選單字可以透過設定來控制，但目前尚未開放自訂。
• Q : 筆畫的語音可以自訂嗎？
• A : 筆畫語音是由一個音檔、分段設定檔及程式所控制，目前是使用我自己錄製的語音，其實尚有製作人工合成的語音(TTS)，但目前未開放自訂使用。
• Q : 字的筆晝參考來源為何？
• A: 以下為在建立資料庫時的參考來源：
• 數位發展部《全字庫》
• 教育部《國字標準字體教師手冊》
• 教育部《常用國字標準字體筆順手冊》
• 教育部《異體字字典》
• 孫劍秋教授《字頻表書寫要點繁例原則》(PDF)
• Q : 筆畫的動畫是哪裡來的？
• A : 動畫是使用 Lottie 動畫格式及播放器
• 動畫源自 Animated Emoji , 網址如下：
  ✅ https://googlefonts.github.io/noto-emoji-animation/
• 動畫播放器：
  ✅ https://github.com/airbnb/lottie-web
• Q : 為什麼沒有幫 28 個筆畫都加上動畫？
• A : 哈！啊～就找不到其它合用的嘛！很多東西都是要緣份的。有緣再慢慢補上。

▋ 錯誤回報

❕❔ 資料初建立，難免有誤，如果發現任何問題或是錯誤，可以在底下留言區告訴我；有時間，一定會盡快處理。感恩～～

▋ 版權聲明

• 筆順資料及國字語音來源為教育部「國字標準字體筆順學習網」著作權為教育部所有。

▋ 相關連結

• 雄:HTML5 : 筆順練習第三版(2019版)
• 雄 : HTML5 FUN 精選集

▋ 更新記錄

• 2025.10.21 v1 發布。