ストロークフォントを使って PlotClock で文字を描く

ペンプロッターで使うようなストロークフォントがあれば、PlotClockで文字が描けるかも！と思って検索してみると、まさにピッタリのフォントデータが公開されてました！

KST32B：極めてコンパクトなJIS第1,2水準漢字他のStrokeFont(KST)
https://www.vector.co.jp/soft/data/writing/se119277.html

フォントデータ一覧はこちらのサイトでまとめてありました。

KST32B JISコード文字一覧
https://domisan.sakura.ne.jp/article/cadfont/kst32b.html

フォントデータの内容はこういう感じです。

バイナリのフォントデータを、視認可能なS-JISテキスト（半角カナ含む）に変換して保持しています。

先頭「*」はコメント行です。最初の列は JISコード。

実際のデータを確認してみます。0041 （半角「A」）のデータはこういう感じ。

フォントデータの最初のところに、データの読み方説明があります。

さきほどの「A」のデータを読んでみます。20～20の間がフォントデータですね。

21 A3 67 DC 6E C3 24 AC 4B

これを解読すると、

このとおりに線を引くとこういう感じです。

逆向きで「A」が出てきました！左下を(0,0)として処理すれば良さそうです。

フォントデータは、S-JISのテキストファイルなので、このままだと Arduino から扱うのが難しいです。
バイナリデータ部分を展開して、Cのヘッダファイル形式に変換するためのスクリプトを Python で作成しました。

変換スクリプトはこちら。

Plotclock / PlotFont / tools /
https://github.com/shikarunochi/Plotclock/tree/main/PlotFont/tools
makeFontData.py

python makeFontData.py KST32B.TXT fontData.h

これでヘッダファイルが生成されます。

ヘッダファイルは「フォントデータ本体」「フォントデータへのポインタ配列」「UTF-16コード変換用配列」で作られています。
全データを変換すると、M5Atom に転送できるサイズを超えてしまったので、JISコード 0x5000 未満のもののみ変換対象としています。

M5Atom側のプログラムは、表示用文字列を順に UTF-16 に変換、対応するフォントデータを取得、フォントデータを展開して線を描画、という流れになっています。

プログラムはこちらです。

Plotclock / PlotFont / PlotFont /
https://github.com/shikarunochi/Plotclock/tree/main/PlotFont/PlotFont

さきほど生成したフォントファイルも含まれています。

最初は「HELLO WORLD」から！

Plot Clock で HELLO WORLD!!#M5Stack #Plotclock #Adventurer3 pic.twitter.com/Kr7KqZAhEt

— Nochi (@shikarunochi) October 28, 2020

読める…読めますよね！（この時はまだロジック間違ってて「H」が細くなってしまった。）

ちなみに、M5StickC の Cozmo 風な顔表示は、ESP32_Faces です。かわいい！

luisllamasbinaburo / ESP32_Faces
https://github.com/luisllamasbinaburo/ESP32_Faces

漢字にも挑戦！

漢字に挑戦！#M5Stack #Adventurer3 #Plotclock pic.twitter.com/KstyGbwrF9

— Nochi (@shikarunochi) October 30, 2020

読めますか…！全集中で読んでください！

まだいろいろ足りないのですが、ひとまずは動作したので満足ですー。

表示テキストデータのUTF-16コード変換の部分は、たなかまさゆきさんの eFontソースを参考にさせていただきました！

tanakamasayuki / efont
https://github.com/tanakamasayuki/efont

“ストロークフォントを使って PlotClock で文字を描く” への2件の返信