VS CodeでM5Paperのコーディングをしたい！（PlatformIO）

神楽坂らせん

2021年6月27日 21:07

前回

なんて風にUIFlowというやつでGUIプログラミングをやってみてたのですが、やっぱりキーボードでガリガリやったほうが捗る気がするので、VS Codeでやてみるわけです。

参考サイト

基本、↑に従ってやってみたのですが、なんだかちょっとうまくいったりいかなかったりで試行錯誤が必要でした。まあ、なんとかうまくできるようになったのでメモなのです。

VS CodeとPlatformIO拡張のインストール

は、参考サイトにもあるので省略ッ！

↑このアリさん（かな？）の顔が入っていればOK。

PlatformIO使い方

微妙にクセがあります。

Arduinoのプロジェクトのインポートもできるようですが、これからやるプロジェクトウィザードでまずプロジェクトを作成して、その上にソースを持ってきて作成するほうがよさそうです。

プロジェクトウィザード

左端のアリさんアイコン、または、画面下の家の形のアイコンでPlatformIOのホーム画面を呼び出し、Quick Accessから＋New Projectでプロジェクトを作成します。

すると、

こんなProject Wizardがひらくので、上のように設定します。

※Board名は、M5PaperであってもM5Stack FIREを選びます（今のところ）

↑Testというプロジェクトを作成したところ。

最初にプロジェクトフォルダ内の Platformio.ini というファイルが開かれています。各種設定はこのiniファイルに記入していきます（自動で入ることもある）

ライブラリの設定

PIO Homeタブ（か、下の家アイコン）で、PlatformIOのHOME画面をまた呼び出し、

libraryボタンから、「M5EPD」で検索、

ヒットしたこの赤枠をクリックすると

こんな感じの画面になるので、 [Add to Project]ボタンを押し、

Select a Project から、先ほど作成したプロジェクトを選び、Addします。

すると、こんなかんじで追加できたよーと言われ、

platformio.ini に

こんな行が追加されているわけですね。

main.cpp 修正

src/main.cpp を選択し、編集します。

ArduinoIDEでM5Paper用のサンプルコードを呼び出して、

これをコピペして貼り付けちゃいます。

#include <M5EPD.h>

M5EPD_Canvas canvas(&M5.EPD);

void setup()
{
   M5.begin();
   M5.EPD.SetRotation(90);
   M5.EPD.Clear(true);
   M5.RTC.begin();
   canvas.createCanvas(540, 960);
   canvas.setTextSize(3);
   canvas.drawString("Hello World", 45, 350);
   canvas.pushCanvas(0,0,UPDATE_MODE_DU4);
}

void loop()
{

}