M5AtomでUiflowを使う

※このページは，コミュニケーションロボティクス研究室および神奈川工科大学ホームエレクトロニクス開発学科の研究室チュートリアル用のページです。

https://www.youtube.com/watch?v=4dr5Y5ssQTk

Uiflow: http://flow.m5stack.com/

Uiflow 日本語ドキュメント: https://m5stack.github.io/UIFlow_doc/ja/

Uiflow 日本語ドキュメント(PDF): https://flow.m5stack.com/download/M5GO_User_Manual_jp.pdf

M5 Burner (ファームウェア): https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/M5Burner.zip

UIFlow-Desktop-IDE https://m5stack.com/pages/download ← ※Uiflowをオフラインで使用したい方はこちら

※ドライバがうまく認識されない場合　

→　手動でドライバ（これ）をインストール　

デバイスマネージャー → 「その他→M5Stack」→「右クリック」→「ドライバの更新」→「コンピュータを参照してドライバを選択」からフォルダを指定してのドライバインストールを２回繰り返す必要があります（伝統）

※UiflowをUSBモードで使用するときはこちらをダウンロード

以下はUiflowをWiFiモードで使用する際の手順です

Step 1: M5 Burnerの設定

https://scrapbox.io/files/663d78e0545daf001cbf9382.png

①「COM」→ 各自の環境のポート番号（ポート番号はデバイスマネージャで確認）

②「Baudrate」→ 1500000

③M5BurnerからATOMを選択

④UIFlow(LITE) から「v1.7.6-lite」（最新のもの）を選択して「Download」

⑤「Configration」の設定 → Save

「Start Mode」→ 「Internet Mode」に設定

WiFiを設定

ApiKeyの確認（コピーしておく）

https://scrapbox.io/files/663d78eb3cd552001c3ac665.png

⑥ 「Burn」で Atom に書き込み

Step 2: Uiflowの設定

https://gyazo.com/f98831099873751d2f2ba51bf870ecef

Api keyの登録（Step1-⑤でコピーしたものを貼り付け）

言語の設定：日本語

Deviceの設定 →Atom liteのアイコンを選択（Atom liteを使う場合）

※M5Atom liteを使う時の注意点

機能によって使えるポートが決まっている ※参考：ATOM Lite、Matrix、Echo GPIO比較

センサ入力（アナログ入力/AD変換）：analogRead()

G32，G33のみOK

Wifi，Bluetoothを使用していないときはG25，G26もOKの

モータ制御（DA変換，PWM出力）: dacWrite()

G25，G26のみOK

LEDのPWM調光（ledcWrite() ）はすべてのポートでOK

digitalRead()，digitalWrite()もすべてのポートでもOK

※参考

https://github.com/m5stack/M5Atom

✅ 課題

ボタンを押すとLEDの色が赤→緑→黄と切り替わるプログラムをつくる

4回目に元の色に戻る

ヒント（カンタンな方法）：

ボタンを押した回数をカウントする変数をつくり色を割り当てる

回数が３になったときカウントを0に戻す

※コレ以外の方法も考えてみよう

つまり：

ボタンが押されたら…

Step1:　変数cntを１増やす

Step2:　変数cntの値に応じて表示する色を変える

Step3:　変数cntの値が3を超えたら0に戻す

https://gyazo.com/71c7de59f100448c29cdb7f29fbd171b

Communication Robotics Lab.