教育部筆順學習網部份字的小臭蟲

近期陸續有人跟我回報 HTML5 FUN 的筆順練習第二版2013版(舊版)有臭蟲，在練習筆順時，遇到某個筆畫一直卡關，後來發現在該筆畫的最後一點，再往回寫，就過得了關；而同一個字在筆順練習第三版 2019版中，就完全沒有問題，哈！2019版是新版的，當然沒問題啦！

那為什麼使用教育部筆順學習網時，沒有說有問題？第一個，有問題也不會告訴我呀！再來，HTML5 FUN 的筆順練習工具，除了是使用教育部筆順學習網的筆順資料，程式跟運作的方式全不同啊！

我稍微動了一下手腳，來觀察一下教育部筆順學習網如何畫出「叫」這個字的，注意一下「叫」最後的豎畫是怎麼寫的：

再來，看一下教育部筆順學習網「啊」這個字，最後一個「口」的橫折，又出了什麼問題：

哈！看出小臭蟲在哪裡了嗎？

在想，有臭蟲的國字應該不只上面的「叫」和「啊」。

因為我設計的筆順練習，也是讀取同一個筆順資料，所以～～也會遇到同一個臭蟲，也會錯在同一個地方！只是在展示筆順動畫時，塗鴨的黑點，通常很大點，即使有重覆填色，也看不出來的。

不過，因為 HTML5 FUN 筆順練習還有使用該資料來當使用者練習時的「檢查點」，用來檢查是否完成該筆畫，因此順序就會影響到正確與否的判斷了。筆順練習 2013 版有此問題，因為在開發前兩版筆順練習時，並沒有發現教育部的筆順資料是有問題的；後來發現有問題，在 2019 版改版時，就使用了不同的判斷程序，所以才會造成新舊兩個版本在練習時，判定對錯上的差異。

筆記一下如何動手腳 ex.「叫」：

for(var i=0; i<3; i++) demo.strokeDescriptorList[4]['trackList'][i].size=5;

相關連結

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