以前は駅の広告やビルの看板でよく見かけた「明日の天気」をM5Stackで再現しました。
M5Stackは手のひらサイズの小さなマイコンです。
液晶パネルやボタンがついているので、電子工作をしなくても単体でプログラミングを楽しめます。
コンパクトな筐体の外観を見たら、もう電光掲示板を作るしかありませんね(笑)
内蔵WiFiを使って、実際の明日の天気を取得して表示しています。
気温や１時間ごとの天気をスマホで見られるのに、明日の天気だけというアバウトな感じが良いです。
そして本物はこちら。相鉄線横浜駅で現在も稼働中ということで撮影してきました。
他にも稼働しているところがあれば教えてください。
思ったより切り替えタイミングが早かったです。もう少しタイミングの調整が必要ですね。
前回紹介しました、PNGをM5Stackで表示できるBitmapのテキストデータに変換するPythonツールに、8bpp(256色)の出力も追加しました。
16bppに比べて半分のデータサイズになるので、プログラムサイズも小さくできます。
ソースコードはgithubのこちら。 github.com
使い方は下の通りです。-8 オプションをつけると8bpp出力になります。
python png2img.py -8 <pngfile>
実行したコンソールに出力されるテキストをコピーするか、リダイレクトを使ってファイルにしたものを加工して使います。
このツールを使って同じPNG画像を16bppと8bppで比較したのがこちらです。
左が8bppで右が16bppです。直接見ても差がわかりにくいのに、写真だとさらによくわかりませんね(笑)
8bppだと色の階調が少なくなり、コントラストを強めたような画像になります。でもM5Stackの画面の大きさなら十分な気もします。
こちらもテストで使ったコードを上げておきます。良かったら試してみてください。 github.com
M5Stackを買いました！ どうやら人気らしくネットでの在庫がなくなっているようです。(2019.04現在)
何をしてよいのか分からなかったのですが、SDカードに入ったjpeg画像は簡単に表示できるということを知って、早速表示してみました。 ArduinoIDEはすでに入っていたので簡単なスケッチを書くだけです。
void setup(void) { M5.begin(); M5.Lcd.drawJpgFile(SD, "/miku.jpg"); }
コードを書くよりも、16GB以下のマイクロSDカードを部屋で探す方が時間がかかりました(笑)
次はM5.LCD.drawRGBBitmapを使って、ドット絵などの小さい画像を表示させます。 画像を切り替えてアニメーションさせるために、SDカードの画像ファイルではなくプログラム内に画像データとして置きます。
このときに画像をテキストデータに変換するのですが、適当なツールが見つけられなかったので、簡単なコンバータをPythonで作りました。 ソースコードはこちら。 github.com
python png2img.py <pngfile>
とすると、画面にテキストデータが表示されます。 コピペするかリダイレクトでファイルにしてコードに埋め込んでください。
// 例 const unsigned short img0[] = { 0x0000,0x0000,0x0000,0x3800,0xD800,0xC800,0xC800,0xC800, 0xC800,0xC800,0xC800,0xC800,0xC800,0xC800,0xC800,0xC800, 0xC800,0xC800,0xC800,0xC800,0xC800,0xC800,0xC800,0xC800, 0xC800,0xC800,0xC800,0xC800,0xC800,0xC800,0xC800,0xC800, };
