2026年8月24日 星期一

AI: 玩玩以筆畫輪廓推理出單線字

2026年8月24日 星期一

本來想將第一個自己訓練的 AI 模型放到 Hugging Face Spaces 讓大家玩一玩，但是 Hugging Face 現在得付費才能選擇使用 CPU，免費的 ZeroGPU 如果是未登入的訪客，玩個三次就不能玩了，實在掃興。只好研究起 ONNX Runtime，如果將模型改包成 ONNX 的格式，就可以放到網頁瀏覽器中來推行推理，聽起來是不是很好！可是要將原來用 Python 寫的推理程序轉為 JavaScript，就沒那麼容易了！最初問過一個 AI，它跟我說很多地方辦不到；換一個知道多一點的AI，又給我半調子的東西......總之，最後模型格式轉成功了，推理前後資料處理的程序也調整好了，現在可以在瀏覽器裡玩這個我三月開始「煉丹」的模型。可以用教育部國字標準筆順學習網，或是 Hanzi Writer 的筆畫資料，推理出可以畫出該筆畫單線的關鍵點，畫出的筆畫組合起來就變成單線的字了。不過，因為  Hanzi Writer 中有很多筆畫和教育部筆順網的字寫法差異很大，模型還需要再增加訓練資料，比較起來教育部筆順網有收錄的字，推理出的結果會較好，後面推理測試時，同一個字會用兩種不同的資料來源進行推理，讓大家同時有兩種結果來比較。而這個 JavaScript 的推理版本，可能因為前後資料的處理程序與 Python 版本還是有差異，最完美的推理結果可能還是要用 Python 的原始版本，本網頁中的，純屬體驗。


🖌️ 中文字筆畫AI推理生成單線骨架測試

輸入中文字 → 點擊按鈕 → 下載筆順 → 模型推理 → 預覽SVG

等待執行...

處理中，請稍候...

▋ 相關連結
閱讀全文
By at 沒有留言:
標籤: , , ,

2026年8月19日 星期三

Hanzi Writer 字的寫法與筆順問題

2026年8月19日 星期三
自三月開始，一直沉迷於訓練 AI 模型，目標是可以由字筆畫輪廓的 SVG 路徑生出單線體字；七月底在指南宮下階梯不專心，滑了一跤扭傷腳，每天只能在家閉關，太閒了，一口氣把之前以教育部筆順網字形為基底的三千多筆訓練資料重新調校好。人家都說 "Garbage in, garbage out"，把訓練資料的品質提高後，AI推理出的單線體果然是好太多了。當初還有另一個目標是希望模型能泛化，可以應用在推理別的字體，之前拿 Hanzi Writer （https://hanziwriter.org/）的字形資料來推理，訓練初期的模型可以推理出大概的樣子，但是當模型可以準確的推理出教育部的字形時， Hanzi Writer 的卻像一堆蚯蚓般的線條；前幾天對於像「經」這種有「巛」的字，「巛」會推理出接近鏡像的形狀感到好奇，思考了一下，眼睛看到字，筆畫的輪廓雖然長得很像，有沒有可能不同設計者，畫字形的起點不同、方向不同？而訓練模型時取樣的程序中並沒有考慮到「正規化」，導致即使看起來一樣的筆畫，因為數據差異大，推理出的結果就不正確。和 Gemini Pro 討論過後，確認了我的懷疑是正確的，於是在取樣的程式中加入了幾何正規化 (Path Normalization)，統一方向為順時針 (Shoelace Formula 鞋帶公式)，固定起點為左上角 (Y 最小優先，若 Y 相同則取 X 最小)。短短10行程式碼而已，困擾我幾個月的問題迎刃而解，用四個帳號，花了20個小時重新訓練的模型，已經可以用教育部的字形資料或是 Hanzi Writer 的字形資料來推理出單線體。不過 Hanzi Writer 有幾個部件很明顯不行，「阝」不管是左阜還是右邑，都推理失敗；「辶」也是推理失敗。之前有注意到 Hanzi Writer 滿多字的寫法並不是教育部標準字體的寫法與筆順，「阝」和「辶」倒是在這一次的推理測試中才發現。

底下以「隨」這個帶有「阝」和「辶」的字拆解分析一下：

[圖1] Hanzi Writer 的「隨」

參考 [圖1]，圖中央已經將 Hanzi Writer 的「隨」拆解為以筆畫為單位，共 14畫；而教育部標準字體的「隨」是 16 畫；可以看出 Hanzi Writer 的「隨」是少了哪兩個筆畫嗎？

底下 [圖2] 是教育部標準字體的「隨」：

[圖2]教育部標準字體的「隨」

少掉的兩畫，關鍵就在「阝」和「辶」的「耳朵」部份，Hanzi Writer 是一畫完成，而教育部的標準字體則是將「耳朵」分為兩畫。難怪我訓練出來的模型一遇到 Hanzi Writer 的「阝」和「辶」就鬼畫符，因為一筆畫的「耳朵」它從未見過啊！

[圖3] 兩種不同字體的推理結果

[圖4] Hanzi Writer 帶有「阝」的字推理結果

參考教育部筆順網的六千多個字筆畫數比對來判斷，HanziWriter 寫法可能有問題的有六百多個字，如果帶有以下部件的，務必要多看幾眼：

阝辶艹骨鼎鬼充巨善及廴𠂛毒瓦奧叟亟與敢𠁁畢龜叟离贊差夊敖以虛之𦍌𥁕𠀉𦈢攵𧈧(強)

之前看過幾個別人請 AI 設計的筆順相關工具，不少人是使用 Hanzi Writer 的筆順資料，當時就在想，不曉得他們知不知道，裡面其實是有可能讓用的人日後如果參照教育部標準字體，對寫法及筆順會產生困惑的？

當然啦～我在製作模型訓練資料時，對教育部筆順網的字也是有很多困惑，像「日」「田」的部件，第二畫到底是橫折，還是橫折鉤？字形有的有鉤，有的沒有鉤；筆順動畫的軌跡有的有鉤，有的沒有鉤；然後字形與筆順動畫的軌跡是否有鉤有時會不同步，變來變去的，真是令人頭痛啊！

▋ 相關連結
閱讀全文
By at 沒有留言:
標籤: , ,

2026年7月22日 星期三

HTML5 FUN 國字注音批次轉換器 v.2026

2026年7月22日 星期三

三月份的這篇「雄:Tools : IVS注音字型文字與國字+注音格式轉換」中試著實作了可以讓「IVS注音字型」和「國字+注音」兩種格式互轉，其實還有可以轉為 HTML5 FUN 遊戲題庫的格式的功能未公開。這幾天將2022年的「雄:HTML5:文高手題庫&國字加注音產生器」重新打造，想了想，乾脆來個二合一，就是本文中的「HTML5 FUN 國字注音批次轉換器 v.2026 」。

這個版本支援有IVS注音字型中文字的轉入與轉出，由教育部小字典網頁中複製來的（RUBY格式）中文加注音文字也能處理；最後想輸出為單純國字+注音，還是為 IVS 注音字型格式、HTML5 FUN 遊戲題庫，則由使用自選了。此外 HTML5 FUN 遊戲有提供試玩的功能。

為什麼叫「批次」轉換次？像在製作國語的字音字形題目，可以將同類型的題目一行一題組，然後在題組的最前面一行加上格式標記，例如： 

=== 多音字
調 調,調味,協調,對調,音調
=== 形近字
本 木,書本,本來,樹木,木椅
蝶 葉,彩蝶,蝶蛹,綠葉,落葉

輸出時選「依格式標記自動切換」，就可以輕鬆一次轉換不同的題型囉！另外，也可以將要轉的文字先在文字檔中編輯，儲存為 .txt 的文字檔，再將檔案拖曳進輸入區來轉換。有任何問題或是想法，歡迎留言交流 ^_^

▋ 開始使用

來試一下這個 2026 版的國字加注音批次轉換器吧～～


處理中，請稍候...

國字注音批次轉換器 v.2026

狀態：正在載入字音庫與破音規則，請稍候...

💡 若貼上 IVS 格式，會自動轉為明碼注音供校正；若是純國字則套用自動校正。完成後請點擊上方頁籤。

✔ 成功
訊息內容

▋ 相關連結

▋ 更新記錄

  • 2026.07.22 首次分享。
閱讀全文
By at 沒有留言:
標籤: , ,

2026年6月28日 星期日

教育部筆順字形的 bug

2026年6月28日 星期日

單線體產生器的模型訓練了近兩個月，總算有一點生產力，把教育部筆順網的六千多個字製作完了。後來才發現，有些字 AI 預測出的筆畫怪怪的，始作用俑者是該筆畫的字形長得很不一般，最明顯的例子是「伋」最後一畫捺的起筆，如 [圖1] 所示，應該是筆畫沒分離乾淨：

[圖1] 伋的字形㮈有多的部份

此外目前教育部筆順網中的「狀奘將臟藏」幾個字則是「爿」橫、撇多了「雜線」。因為在筆順應用時，筆畫基本上是填上同一個顏色的，除非像 HTML5 FUN Partdle，或是雄筆順練習的部件拼圖，不然不會注意到筆畫的字形有問題。

這兩天將手上的筆順資料和教育部筆順網的筆順資料整個比對了一下，六千多個字中，底下的字有異動：

劍博叫奘將忖恆惕懂比澳煎狀癢窯絮羹羸臉臟著藏裝製襖諸豬賭赭羼翦覷

看起來是解決了「博叫懂裝製」原有多餘筆順及筆順示範導引點錯置的問題（不過，還有好幾個字沒處理啊！），其餘的則是調整了部份字形。寫了個編輯器，將底下這些字字形有問題的部份修正好了：

伋劍奘將狀絮羸臟藏健

它們修改前與修改後的樣子顯示在下方供參考（標綠色者為修正過的）。
閱讀全文
By at 沒有留言:
標籤: , ,

2026年5月20日 星期三

DIY : 幫開關指示燈加個反射鏡

2026年5月20日 星期三

手機充電器向來都一直插在帶有指示燈開關的延長線插座上，不過因為空間配置的關係，指示燈其實常因視角而效果大打折扣（明明就自己眼拙加上記性退化），充完電，手機拿了，電源沒關，充電器持續的在耗電。雖然已經跟自己說，別再忘了關電源，忘了關的頻率卻只增不減，所以決定幫指示燈加強一下。為了解決視角的問題，最簡單的方式讓是讓 LED 燈光能反射到別的角度，加鏡子也太誇張了；看到架上的鋁箔貼紙，拿來當指示燈的反射鏡倒是滿適合的。

［圖1] 以鋁箔指增強的開關狀態指示燈

如 [圖1] 剪了一小片鋁箔紙, 將它貼在紙上，以筆稍捲增加弧度後，黏在插座上。這樣子就輕鬆解決因視角而看不到開關指示燈的問題了。哈！是不是很簡單，動腦動手有益身心健康！ ^_^
閱讀全文
By at 沒有留言:
標籤: ,

2026年4月12日 星期日

訓練了第一個 AI 模型

2026年4月12日 星期日

小孩看到我一個字一個筆劃的在 iPad 上「造字」，說到「這應該可以讓 AI 來做啊！」。其實有想過，但似乎沒有模型可以幫忙做這件事；幾天過去，那句話就在內心深處發酵了（這個爸爸也真好面子！）。以手動拉國字上的控制點是傷眼又累心的事，完美主義作祟，同一個字，每次看都覺得還可以更好，就又拉了拉、點了點，這樣子是不會有盡頭的，也因此又丟在一旁。上週和  Gemini 討教了訓練 AI 模型的問題，想利用現有已做好的一千多個字帶有筆順的單線體，訓練一個可以給字形資料，預測出其它字的單線體繪圖資料，就這麼開啟了我訓練模型的第一頁。目前已經「煉丹」到了 V6，前面有五次架構大改變，只能「廢爐」重練。因為 Google Colab 未付費版每天只能使用四小時左右，輪流用了四個帳號，總算有了一點點成果。

心得：一輪又輪的練，顧爐顧得很累；AI 真的令人覺得可敬也可怕。有 Gemini 陪練，竟然讓只吃過豬肉，也看過豬走路的人，現在能養豬了！

留下部份成果，及煉丹記錄：

▋ 抽測

[圖1] V6 隨機抽測

▋ 預測結果

[圖2] V6 預測實作 (threshold: 0.6)

[圖2] 為 AI 預測出每個字的控制點後，前端程式以三次貝茲曲線畫出的單線體字(細黑線)，為了驗證 AI 預測的點有沒有在目標字內，每個字都有加上字原來的輪廓，灰色輪廓的字為訓練資料之一，綠色輪廓的字為未被訓練過的字，純由 AI 自己推測出來的。由綠色輪廓的看來，模型還很爆衝，煞車系統不好，或是還不夠聰明；[圖3] 將 threshold 由原來的 0.6 提高到 0.9，讓 AI 盡情發揮，特別注意上下兩張圖中的「宜」，是不是長得不一樣了？另外，因為注音符號字形比較大而細，AI 一整個無經驗，像不像剛拿筆塗鴉的人！目前供 AI 訓練的資料尚不足，也較粗糙，訓練的工具已有，接下來，還是先好好的把「老師」造好。

[圖3] 沒學過的字讓 AI 自由發揮 (threshold 0.9 )

▋ 訓練記錄 (V6)

/ 第   1 輪 | 總誤差: 180.7022 | 輔助輪: 1.00
/ 第  10 輪 | 總誤差: 48.0030 | 輔助輪: 0.97
/ 第  20 輪 | 總誤差: 32.2378 | 輔助輪: 0.94
/ 第  30 輪 | 總誤差: 27.4174 | 輔助輪: 0.90
/ 第  40 輪 | 總誤差: 25.3653 | 輔助輪: 0.87
/ 第  50 輪 | 總誤差: 24.4466 | 輔助輪: 0.83
/ 第  60 輪 | 總誤差: 23.9034 | 輔助輪: 0.80
/ 第  70 輪 | 總誤差: 23.3459 | 輔助輪: 0.77
/ 第  80 輪 | 總誤差: 22.8104 | 輔助輪: 0.73
/ 第  90 輪 | 總誤差: 22.2847 | 輔助輪: 0.70
/ 第 100 輪 | 總誤差: 22.4075 | 輔助輪: 0.66
/ 第 110 輪 | 總誤差: 21.7709 | 輔助輪: 0.63
/ 第 120 輪 | 總誤差: 21.0706 | 輔助輪: 0.60
/ 第 130 輪 | 總誤差: 20.8824 | 輔助輪: 0.56
/ 第 140 輪 | 總誤差: 20.0680 | 輔助輪: 0.53
/ 第 150 輪 | 總誤差: 19.5479 | 輔助輪: 0.49
/ 第 160 輪 | 總誤差: 18.9566 | 輔助輪: 0.46
/ 第 170 輪 | 總誤差: 18.6179 | 輔助輪: 0.43
/ 第 180 輪 | 總誤差: 17.0078 | 輔助輪: 0.39
/ 第 190 輪 | 總誤差: 16.0019 | 輔助輪: 0.36
/ 第 200 輪 | 總誤差: 14.7479 | 輔助輪: 0.32
/ 第 210 輪 | 總誤差: 13.0668 | 輔助輪: 0.29
/ 第 220 輪 | 總誤差: 11.8760 | 輔助輪: 0.26
/ 第 230 輪 | 總誤差: 10.6480 | 輔助輪: 0.22
/ 第 240 輪 | 總誤差: 9.3260 | 輔助輪: 0.19
/ 第 250 輪 | 總誤差: 8.1891 | 輔助輪: 0.15
/ 第 260 輪 | 總誤差: 6.9615 | 輔助輪: 0.15
/ 第 270 輪 | 總誤差: 6.5699 | 輔助輪: 0.15
/ 第 280 輪 | 總誤差: 5.4058 | 輔助輪: 0.15
/ 第 290 輪 | 總誤差: 4.6223 | 輔助輪: 0.15
/ 第 300 輪 | 總誤差: 4.7626 | 輔助輪: 0.15
/ 第 310 輪 | 總誤差: 3.7394 | 輔助輪: 0.15

--- continue 使用時間 1小時42分

/ 第 320 輪 | 總誤差: 3.0472 | 輔助輪: 0.00
/ 第 330 輪 | 總誤差: 3.7986 | 輔助輪: 0.00
/ 第 340 輪 | 總誤差: 2.1606 | 輔助輪: 0.00
/ 第 350 輪 | 總誤差: 2.4823 | 輔助輪: 0.00
/ 第 360 輪 | 總誤差: 2.2880 | 輔助輪: 0.00
/ 第 370 輪 | 總誤差: 1.7479 | 輔助輪: 0.00
/ 第 380 輪 | 總誤差: 2.0952 | 輔助輪: 0.00
/ 第 390 輪 | 總誤差: 1.5116 | 輔助輪: 0.00
/ 第 400 輪 | 總誤差: 1.6344 | 輔助輪: 0.00
/ 第 410 輪 | 總誤差: 2.3147 | 輔助輪: 0.00
/ 第 420 輪 | 總誤差: 1.2334 | 輔助輪: 0.00
/ 第 430 輪 | 總誤差: 0.9631 | 輔助輪: 0.00
/ 第 440 輪 | 總誤差: 2.2648 | 輔助輪: 0.00
/ 第 450 輪 | 總誤差: 2.9374 | 輔助輪: 0.00
/ 第 460 輪 | 總誤差: 1.6699 | 輔助輪: 0.00
/ 第 470 輪 | 總誤差: 1.0055 | 輔助輪: 0.00
/ 第 480 輪 | 總誤差: 2.4071 | 輔助輪: 0.00
/ 第 490 輪 | 總誤差: 0.8481 | 輔助輪: 0.00
/ 第 500 輪 | 總誤差: 0.8147 | 輔助輪: 0.00
/ 第 510 輪 | 總誤差: 3.3954 | 輔助輪: 0.00
/ 第 520 輪 | 總誤差: 1.2439 | 輔助輪: 0.00
/ 第 530 輪 | 總誤差: 1.0511 | 輔助輪: 0.00
/ 第 540 輪 | 總誤差: 0.7147 | 輔助輪: 0.00
/ 第 550 輪 | 總誤差: 1.6199 | 輔助輪: 0.00
/ 第 560 輪 | 總誤差: 0.8060 | 輔助輪: 0.00
/ 第 570 輪 | 總誤差: 0.5612 | 輔助輪: 0.00
/ 第 580 輪 | 總誤差: 0.7626 | 輔助輪: 0.00
/ 第 590 輪 | 總誤差: 0.7596 | 輔助輪: 0.00
/ 第 600 輪 | 總誤差: 0.4882 | 輔助輪: 0.00
/ 第 610 輪 | 總誤差: 0.4742 | 輔助輪: 0.00
/ 第 620 輪 | 總誤差: 0.5721 | 輔助輪: 0.00
/ 第 630 輪 | 總誤差: 1.4243 | 輔助輪: 0.00
/ 第 640 輪 | 總誤差: 0.6681 | 輔助輪: 0.00
/ 第 650 輪 | 總誤差: 0.7476 | 輔助輪: 0.00

--- fine tune
/ 第 611 輪 [化境 (V7)] | 總誤差: 0.4409 | LR: 1e-05 | 輔助輪: 0.00
/ 第 620 輪 [化境 (V7)] | 總誤差: 0.2399 | LR: 1e-05 | 輔助輪: 0.00
/ 第 630 輪 [化境 (V7)] | 總誤差: 0.2139 | LR: 1e-05 | 輔助輪: 0.00
/ 第 640 輪 [化境 (V7)] | 總誤差: 0.2006 | LR: 1e-05 | 輔助輪: 0.00
/ 第 650 輪 [化境 (V7)] | 總誤差: 0.1909 | LR: 1e-05 | 輔助輪: 0.00
/ 第 660 輪 [化境 (V7)] | 總誤差: 0.1832 | LR: 1e-05 | 輔助輪: 0.00
/ 第 670 輪 [化境 (V7)] | 總誤差: 0.1772 | LR: 1e-05 | 輔助輪: 0.00
/ 第 680 輪 [化境 (V7)] | 總誤差: 0.1720 | LR: 1e-05 | 輔助輪: 0.00
/ 第 690 輪 [化境 (V7)] | 總誤差: 0.1673 | LR: 1e-05 | 輔助輪: 0.00
/ 第 700 輪 [化境 (V7)] | 總誤差: 0.1632 | LR: 1e-05 | 輔助輪: 0.00
/ 第 710 輪 [化境 (V7)] | 總誤差: 0.1597 | LR: 1e-05 | 輔助輪: 0.00

--- fine tune retrain
/ 第 611 輪 [化境 (V7)] | 總誤差: 0.4401 | LR: 1e-05 | 輔助輪: 0.00
/ 第 620 輪 [化境 (V7)] | 總誤差: 0.2145 | LR: 1e-05 | 輔助輪: 0.00
/ 第 630 輪 [化境 (V7)] | 總誤差: 0.1852 | LR: 1e-05 | 輔助輪: 0.00
/ 第 640 輪 [化境 (V7)] | 總誤差: 0.1706 | LR: 1e-05 | 輔助輪: 0.00
/ 第 650 輪 [化境 (V7)] | 總誤差: 0.1603 | LR: 1e-05 | 輔助輪: 0.00
/ 第 660 輪 [化境 (V7)] | 總誤差: 0.1536 | LR: 1e-05 | 輔助輪: 0.00
/ 第 670 輪 [化境 (V7)] | 總誤差: 0.1480 | LR: 1e-05 | 輔助輪: 0.00
/ 第 680 輪 [化境 (V7)] | 總誤差: 0.1433 | LR: 1e-05 | 輔助輪: 0.00
/ 第 690 輪 [化境 (V7)] | 總誤差: 0.1388 | LR: 1e-05 | 輔助輪: 0.00
/ 第 700 輪 [化境 (V7)] | 總誤差: 0.1349 | LR: 1e-05 | 輔助輪: 0.00
/ 第 710 輪 [化境 (V7)] | 總誤差: 0.1312 | LR: 1e-05 | 輔助輪: 0.00
閱讀全文
By at 沒有留言:
標籤: ,

2026年4月5日 星期日

玩玩自製的單線體中文字

2026年4月5日 星期日

一直想弄一支可以利用現有字型自動變單線體的小工具，玩了好久，都沒有滿意的；最後還是決定用半自動的方式就好(其實還是手工調整居多)。三月份很專心地玩了兩週「造字」，居然將兩個學期一到三年級的生字及注音符號玩完了。哈！不過後來才發現不少字的筆畫離得太開，又進入調整的地嶽。大概是之前玩太累，就這麼丟著一星期都不碰了，換玩別的東西。先來看看部份成果，有空再慢慢完成四到六年級的生字。

[圖1] 單線體字形編輯器的截圖

每個都只取了關鍵的幾個點，用繪圖指令就能畫出完整的字；正因為這樣，可以做很多變化，變點點字、虛線字、實線字，粗細、顏色......就更不用說了。前置工作很無聊，但成果卻很有趣。至於要應用在哪裡呢？除了筆順練習、生字簿產生器，或許也可以拿來設計成遊戲；邊「造字」邊想吧～才弄完不到兩千個字，離六千多個字還差得遠呢！

底下的設定改一下，字的形態就會改變哦～可以玩玩看。


輸出字形自訂參數
閱讀全文
By at 沒有留言:
標籤: , , ,

2026年3月13日 星期五

Tools : IVS注音字型文字與國字+注音格式轉換

2026年3月13日 星期五

最近 Google 文件中可以加入自帶注音的字型了，只要按一下字型選單旁的「小三角形」▼ ，再點選「更多字型」，就能新增名稱為 Bpmf Huninn /  Bpmf Iansui /  Bpmf Zihi Kai Std 的注音字型。

▋ 注音字型⇦⇨國字+注音

突然有個想法，這些注音字型必須使用支援 IVS 技術的輸入法來調整多音字的注音，再將文字貼到文書處理軟體(例如:Google文件)中指定使用注音字型；如果反向處理，將 Google 文件有加注音的文字貼到無法顯示注音字型的網頁或遊戲中，注音就看不到了；寫個能將「注音字型」文字和「國字+注音」格式間的轉換小工具，應該滿有意思的。這樣子可以將別人在文件中以注音字型顯示的文字，轉成遊戲用的「國字+注音」，或是倒過來處理，將以前國字加注音的內容，直接轉為「注音字型」的文字格式，貼到文件中。

在「ButTaiwan」的「bpmfvs」專案中找到了製作注音IVS字型的國字注音對照表：

IVS格式了解了，對照表有了，簡易的轉換工具就生出來了，先來玩玩看，改天再來增強以前寫的「語文高手題庫&國字加注音產生器」。

▋ 使用方法

✅ 例如將教育部國語小字典中已加注音的解釋轉貼到 Google 文件：

  • 選擇「國字+注音 ⇨ 注音字型」模式 。
  • 在輸入區貼上國語小字典複製的內容。
  • 按「去掉換行」鈕 (去掉國語小字典國字和注音間多的換行)。
  • 按「開始轉換」鈕
  • 按綠色「 複製輸出區 」鈕
  • 貼到 Google 文件，然後套用注音字型。
✅ 例如幫課文加上注音
  • 選擇「注音字型(或國字) ⇨ 國字+注音」模式。
  • 在輸入區貼上課文。
  • 按「開始轉換」鈕。
  • 校正注音後，按「 更新全部 」鈕。
  • 按紅色「 複製 」鈕。
  • 貼到 Google 文件，然後套用注音字型。
說明：按了「更新全部」鈕後，輸入區的國字會加上看不到的 IVS 注音標註符號，使用注音字型時就會出現注音。

▋ 注音IVS字型與國字+注音轉換工具

選擇轉換模式

校正注音 (紅色為多音字, 可按一下調整)



註：2026.07.22 起有另一個新的工具，可以試試


▋ 相關連結

▋ 更新記錄

  • 2026.03.14 參考教育部簡編本字典新增詞庫。
  • 2026.03.13 初版。
閱讀全文
By at 沒有留言:
標籤: , , , ,

2026年3月8日 星期日

HTML5 FUN : 生字簿產生器

2026年3月8日 星期日

之前有人問到 HTML5 FUN 的雄筆順練習可以印成紙本，變成生字簿嗎？其實用「生字簿」當關鍵字，應該可以在網路上找到好幾個能自製生字簿，或是下載國小國語課本生字簿電子檔的地方。前一陣子為了增加雄筆順部首顯示的功能，花了近三天的時間建立及校對六千多筆的資料。為了提升所花費時間的價值，只好再生出一個「生字簿產生器」（這是什麼邏輯？）。

▋ 生字簿產生器功能與使用

HTML5 FUN 的生字簿產生器目前開放自訂的目項如下：

  • 一頁放幾個字。
  • 一個字要有幾個練習格。
  • 要練習哪些字（一次最多50個字）。
  • 多音字的注音可自選。
使用的方法很簡單：先設定參數，然後校正注音，按完「開始製作」的按鈕就會出現像 [圖1] 的預覽畫面，最後按「📥 下載 / 列印全部頁面 (PDF)」的按鈕，出現列印的對話框，可以選擇直接由印表機輸出，或是儲存為 PDF 檔案。

[圖1] 生字簿產生器預覽圖

▋ 啟動生字簿產生器

按一下底下的紅色按鈕，就可以啟動生字簿產生器：

▋ Q&A

  • Q : 為什麼有些字沒有出現筆順或是標示部首？
    • A : 這個生字簿產生器的筆順是參考教育部筆順練習網站的資料，所以只有教育部筆順網有建置的六千多個國字才會出現筆順及標示部首。
  • Q : 為什麼有些字不是楷書？
    • A : 如果字不屬教育部筆順網已建置的範圍內，而電腦系統沒有標楷體或程式有設定的楷書字體名稱就會這樣，如果是在手機或是平板上操作，非常用字可能遇到。
  • Q : 可以使用其它的字體嗎？
    • A : 已列入未來要新增的功能，目前尚不支援。

▋ 版權聲明

▋ 相關連結

▋ 更新記錄

  • 2026.02.26 v1.0 初版。
閱讀全文
By at 沒有留言:
標籤: , , ,

2026年2月21日 星期六

以 js-dos 玩 DOS 時期的 CAI

2026年2月21日 星期六

農曆年前心血來潮，接上舊硬碟，挖出了以前放在電腦教室讓學生玩的 CAI。民國85年剛接電腦教室時，資源有限，找了「臺灣省國民學校教師研習會」設計的一些電腦輔助軟體，有多餘的時間會讓學生玩一下。這些「上古時期」的 CAI，相對於現在的軟體，看似陽春，但有不同的樂趣。讓家裡沒經歷過 DOS 時期的小孩玩了一下，他們覺得還滿好玩的呢！

想在瀏覽器中玩那些上古時期的 CAI，可以使用 js-dos 來載入。js-dos 其實是將另一個開源的 DOSBox 包裝成網頁版，在瀏覽器中操作，提高了親和力，也能在平板上玩。js-dos  GitHub 的網址如下：

js-dos 目前的操作界面沒有提供繁中的語言選項，我懶得由原始碼重編，直接把下載回來的 js-dos 加上了由英文翻譯的繁中，讓 js-dos 偵測到瀏覽器語言為 zh-TW ，就設定使用中文的操作界面與訊息。

▋ 臺灣省國民學校教師研習會CAI

以前的臺灣省國民學校教師研習會製作了不少的 CAI

[圖1] 臺灣省國民學校教師研習會 CAI 截圖

這些 CAI 當初大部份是可以自訂題庫的，可以說是小而美。

[圖2] 瀏覽器中的 CAI 可用虛擬按鍵操作

[圖2] 是 DOS 版 CAI 在網頁瀏覽器裡的截圖，以 js-dos 來玩時，比原始的畫面多了左側欄，跟箭頭所指的「虛擬按鍵」；玩的時候要以電腦鍵盤或是最下方的虛擬按鍵來操作。

▋ CAI 選單

以下為30年前蒐集的部份 CAI，想玩哪一個就按一下縮圖。


▋ 筆記

支援中文的 DOSBox 分支 DOSBox-X 

▋相關連結
閱讀全文
By at 沒有留言:
標籤: , , ,

2026年2月16日 星期一

Life : 2026 三江生色::四海呈祥

2026年2月16日 星期一

馬年吉祥，祝大家閤家平平安安，健健康康。

當然不能免俗，寫個春聯好過年。今年的馬就請小孩自己找找有什麼最簡單的褶紙。哈！後來發現找到的褶法根本萬用的，身體比例調一下，羊年、狗年還可以再使用同樣的方法。太久沒練字，一整個生疏，但也只能急就章，有空再來練練。

2026-02-16 馬年春聯

以前元宵節左右，會帶學生玩一個 Flash 做的放天燈小動畫，每人去講臺說出祝福的話，或是許願，然後放螢幕中的天燈。前兩天做了一個網頁版的，可以用手寫或打字的方式在天燈上寫上心願或是祝福的話，然後按按鈕放天燈，有興趣可以玩玩看：

🏮閤家安康🏮放天燈囉🏮

新年快樂～馬年行大運～～

▋相關連結
閱讀全文
By at 沒有留言:
標籤:

2026年2月11日 星期三

HTML5 FUN：各版本成語BINGO

2026年2月11日 星期三

有了各版本字音字形語文高手，當然要再來個各版本成語BINGO，程式是使用 2013年開發，2017年改版的 HTML5 FUN BINGO，題目主要來源要是教育部成語典的例句，同一個成語如果有多個例句，每一回合會以隨選的方式取用例句。來挑戰自己的成語能力吧！

▋ 遊戲選單

請按一下按鈕開啟選單，並選擇要玩哪一課的語文高手題目：


✅ 小秘訣:可利用選單的 QRCode 預先設定版本課別並自動啟動。

✅ 挑戰字音字形：各版本字音字形語文高手。

▋ 相關連結

▋ 更新記錄

  • 2026.07.17 加入 115上的題庫。
  • 2026.02.10 加入 114上的題庫。
  • 2026.02.09 加入 114下的題庫。
閱讀全文
By at 沒有留言:
標籤: , ,

2026年2月2日 星期一

HTML5 FUN 各版本字音字形語文高手

2026年2月2日 星期一

HTML5 FUN 中，很多遊戲都有支援「語文高手格式」的題庫，語文高手格式其實是2009年我的一個投籃 Flash 遊戲和足球 Flash 遊戲所用的題庫格式，主要是支援多音字、形近字或同音字的題型，並且可以加上注音的格式，後來甚至有製作題庫的國字加注音產生器(詳見「雄:HTML5:語文高手題庫&國字加注音產生器」)。以前每學期都會建置「語文高手」的題庫讓學生可以複習、挑戰；本文中可以自行選擇要挑戰的內容及遊戲模式，目前提供 HTML5 FUN 的投籃高手、足球高手、兩人PK和四人PK ...... 等七個遊戲模式（投籃高手和足球高手有啟用題目預覽功能）。來挑戰自己的字音字形能力吧！

▋ 遊戲選單

請按一下按鈕開啟選單，並選擇要玩哪一課的語文高手題目：


✅ 小秘訣:可利用選單的 QRCode 預先設定課別與遊戲模式。

✅ 挑戰成語：各版本成語BINGO。

▋ 相關連結

▋ 更新記錄

  • 2026.07.13 加入 115上的題庫。(三年級與六年級尚缺翰版的資料)
  • 2026.01.30 加入 114上的題庫。
  • 2026.01.24 加入 114下的題庫。
閱讀全文
By at 沒有留言:
標籤: , ,
訂閱： 文章 (Atom)
 
雄::gsyan © 2009. Design by Pocket