M5Stackでいろいろやってみた。(その２)

robo8080 @robo8080

参考 esp-idf + btstack #M5Stack：ESP32とBluetoothコントローラーをHID(Bluetooth Classic)で接続する簡単な方法 qiita.com/coppercele/ite…

robo8080 @robo8080

メモ：M5Stackで好きなフォントを使う watako-lab.com/2018/10/31/m5_…

robo8080 @robo8080

M5Stackでひらがなとカタカナの表示出た。😁"Smooth_font.cpp"にもSPIFFSをSDに書き換える修正が必要だった。漢字は必要なものだけ個別に指定してフォント生成する必要があるのかな…🤔 #M5Stack pic.twitter.com/s29AN6ycPe

拡大

robo8080 @robo8080

メモ：Unicodeの中のJIS X 0208に当たる文字を取得Add Star d.hatena.ne.jp/nakamura001/20…

robo8080 @robo8080

Processingで、0x4E00～0x9FFFも有効にして漢字のフォントも生成してみた。 pic.twitter.com/mEULIfGbbM

拡大

robo8080 @robo8080

、とか ！ の記号が出ないな。どこを有効にすればいいのかな…🤔

robo8080 @robo8080

色々追加したら "、" や "！" も表示されるようになったが、なぜか勝手に改行してしまうようになった😆 #M5Stack pic.twitter.com/6bqutgF0M4

拡大

拡大

robo8080 @robo8080

まだよく読んでないけど、WindowsのフォントからM5Stackに表示するフォントを生成するのは問題ありなのかな… 再配布しなければOKなのかな… 🤔 #M5Stack：Windows標準フォントの”今” albalunaweb.net/knowhow/3863.h…

robo8080 @robo8080

確かM5StackのLCDライブラリはTFT_eSPIライブラリだったような… Smooth_font.cpp動くのかな🤔 #M5Stack

robo8080 @robo8080

M5Stack のLCDライブラリは元々TFT_eSPIベースなのでSmooth_font.cppが使えるんじゃないかと思って試した。色々いじったら一応動いた(^^)/ こんな感じで日本語表示できる。 M5.Lcd.println("こんにちは、世界！"); #M5Stack pic.twitter.com/Zn58TFknCQ

拡大

拡大

robo8080 @robo8080

M5Stackライブラリに入っているTFT_eSPIは少し古いバージョンだしSmooth_font.cppも入ってない。なので本家TFT_eSPIライブラリからSmooth_font.cppを持ってきて少し手を加える必要がある😆M5Stackライブラリに入れ込んでしまうとこんな感じで普通に日本語が使える。 M5.Lcd.println("こんにちは世界");

ｍはげ @Tw_Mhage

やはりTFT_eSPIは素晴らしい。M5Stackに美しいアンチエイリアスフォントが数行のコードで表示できる。SDカードを使えば日本語フォントが全て使える。 pic.twitter.com/lIK8wGIFmc

拡大

拡大

ｍはげ @Tw_Mhage

M5StackでTFT_eSPI を使ってSDカードに入ったフォントを表示するには、以下のライブラリ修正が必要です(TFT_eSPIライブラリ ver.1.4.8 時点)。 User_Setup_Select.h TFT_eSPI.h Extensions/Smooth_font.cpp pic.twitter.com/QkwaPO9Qk4

拡大

拡大

らびやん @lovyan03

BodmerさんのTFT_eSPIが更新された模様。 loadFont関数の第２引数が追加され、SDから読込めるようになっています。 tft.loadFont("fontName", SD); こんな感じで。 github.com/Bodmer/TFT_eSPI

らびやん @lovyan03

M5StackのLcdクラスを最新のTFT_eSPIに更新することに成功したのでプルリク出そうかなと思うのだけど、ついでに SMOOTH_FONT を有効にした状態 にしておこうかしら…？ M5.Lcd.loadFont("filename", SD); って書くだけでフォント読込んで M5.Lcd.printとかで日本語が利用できるようになる。

robo8080 @robo8080

M5StackライブラリにSmooth_fontが取り込まれたらしい。これで改造しなくてもM5Stackで日本語表示が可能になる😍 フォントファイルの作り方はここが参考になる。#M5Stack ： M5Stackで好きなフォントを使う watako-lab.com/2018/10/31/m5_…

らびやん @lovyan03

@robo8080 イケるハズ…！ loadFontの第二引数にSDと指定すればSDからvlwフォントが読めるハズ…！

robo8080 @robo8080

最新のM5StackライブラリではSmooth fontがサポートされたので、標準で日本語表示ができるようになった。スケッチはこんな感じ。ただし、フォントファイルは別途用意する必要がある。 #M5Stack pic.twitter.com/YmfbPMrGGO

拡大

拡大

robo8080 @robo8080

表示される文字に色むらがあるのはLCDのせい？

らびやん @lovyan03

@robo8080 おや…何かおかしい感じでしょうか…？

robo8080 @robo8080

@lovyan03 写真の'さ' 'ら' 'は' の文字の一部分が薄くなっているのがわかるでしょうか？オリジナルのライブラリでも同じ現象が出ていたので らびやん さんの移植が原因では無いです。 pic.twitter.com/V3aTy9vAH6

拡大

らびやん @lovyan03

@robo8080 なるほど、アンチエリアシングが掛かってる箇所が極端に薄くなってる感じですか。。。

らびやん @lovyan03

@robo8080 これは液晶の特性で下の方から見ると色バケしちゃってる感じかしら。上から見ると綺麗に見えませんか？

robo8080 @robo8080

@lovyan03 真上から見ると多少マシになりますが、一部だけ微妙に薄いです。試しに表示位置を変えたり、輝度を変えたりしましたが同じでした。

らびやん @lovyan03

@robo8080 斜めの細い線などは難しいのかもですね… こちらでも見てみましたが、アンチエリアシングだけで構成されるような細部は消え気味ですね…。