HTML5 FUN 筆順練習容錯修正

HTML5 FUN 筆順練習的某些字在練習時較難過關，主要是用來檢查對錯的參考點其實是教育部筆順網用來畫筆順動畫的座標，所以有一些點的位置怪怪的，甚至根本不在字的輪廓裡。當初在設計 HTML5 FUN 筆順練習程式時，雖然用了一些方法提高容錯，讓檢查點可以「正常一點」，但有時還是讓人覺得好難寫！一直被喊「加油～」。

▋ 提高相近點的容錯

前幾天看到有人示範「小」的寫法，第一筆畫的豎鈎，如 [圖1] ，起筆要刻意由稍左上開始，再拉到中央往下，所以如果起筆是中央偏右的，肯定是過不了關，很簡單的字變成有一點複雜，哈！我之前怎麼都沒有注意到？

[圖1] 「小」的起筆略偏左

所以我將程式稍微改了一下，檢查點如果和下一點的距離很近，就將容錯提高，才不致容易被判定寫錯。

▋ 檢查點在字輪廓外的修正

HTML5 FUN 筆順練習原本就會修正檢查點在筆畫輪廓外的座標，但是不夠細膩，會有遺漏而未處理的情形，去年在設計 Partdle 時就有發現，但筆順練習的部份一直沒有處理，有些字就會有大問題，像「凡」這個字，第二筆畫有四個檢查點在字外，原本的演算法只會修正 [圖2] 紅色箭頭那一個：

[圖2] 「凡」有四個檢查點在字外

現在紅色箭頭的點會修正回字的輪廓內([圖3] 綠色箭頭為修正過的)，而類似藍色箭頭的三處，無法修正位置，但會提高容錯，就不會老是卡在這個筆畫了。

[圖3] 「凡」修正過的檢查點

▋ 臭蟲通報

經過這一版的修正，理論上 HTML5 FUN 筆順練習在習寫時，應該會較容易過關了，如果遇到什麼難寫的字，歡迎在底下留言，告訴我是哪一個字、那一個筆畫卡住了，有空我再來看看該怎麼調整。

▋ 相關連結

• 雄 : HTML5 : 筆順練習第三版(2019版)

• 雄:HTML5 FUN : PARTDLE 兜一兜

• 雄 : HTML5 FUN