M5StickCのLCDにm5stickc_lcdモジュールを使用して四角形を描画する

M5StickCのLCDにm5stickc_lcdモジュールを使用して四角形を描画するには、以下の手順を実行します。

〇四角形を描画したM5StickCの写真

開発手順

1. M5StickC上にlibフォルダを作成しm5stickc_lcdモジュールをアップロード
以下のページのRAWボタンを右クリックして「名前を付けて保存」を選択してm5stickc_lcd.pyをダウンロードします。
https://gist.github.com/pklazy/9fa33b07b337cb61e415377e0bbb6616

/libフォルダがない場合はThonnyのファイルペインのデバイスから右クリックしてNew directory...を選択して、フォルダ名libを入力して作成します。次にlibフォルダに移動後、PC側フォルダのm5stickc_lcd.py上で右クリックメニューからUpload to /libを選択します。

2. プログラミングと実行
直線の描画はrect(塗りつぶし無し)/fill_rect(塗りつぶしあり)メソッドで行います。以下をmain.pyとして、M5StickCに保存して実行します。

import m5stickc_lcd

def color( red, green, blue ) :
  return int.from_bytes(int( (((red & 0xF8) << 8) | ((green & 0xFC) << 3) | (blue >> 3)) ).to_bytes(2, "big") ,"little")

# m5stick_lcdを使用しての四角形描画
lcd = m5stickc_lcd.ST7735()
# 枠線のみ
lcd.rect(0, 0, 79, 89, color(0x00, 0x00, 0xFF))
# 四角形塗りつぶし
lcd.fill_rect(0, 90, 79, 179, color(0xFF, 0x00, 0x00))

lcd.show()

備考

・使用したMicroPython firmware: esp32-20210418-v1.15.bin
https://micropython.org/download/esp32/

・m5stickc_lcdのページ
https://gist.github.com/pklazy/9fa33b07b337cb61e415377e0bbb6616