
UiFlow チュートリアル
UiFlow2 Web IDE チュートリアルを参照して、UiFlow2 の基本的な使用手順を確認し、M5Burner ファームウェア書き込みツールをインストールします。
M5Burner で AtomS3U に対応するファームウェアをダウンロードします。
USB ケーブルでデバイスを PC に接続します。RESET ボタンを長押しし、内部の緑色 LED が点灯したら離します。これでデバイスはダウンロードモードに入り、書き込み待機状態になります。
M5Burner で対応するファームウェアの Burn ボタンをクリックし、対応するデバイスポートを選択して Start をクリックします。
Next をクリックして書き込みを開始します。
設定情報:
Burn successfully, click here to return と表示されたら、書き込みは成功です。この時点でデバイスをリセットしてください。
AtomS3U は画面を搭載していないため、起動後に RGB LED が赤く点灯します。数秒後に赤色から緑色に変わると、デバイスが Wi-Fi に接続されたことを示します。Configure をクリックして画面の指示に従って変更します。
デバイスは Access Code(無線ネットワーク経由)または USB(PC への有線接続)で UiFlow2 に接続でき、プログラムの送信とデバッグを行えます。以下の手順を参照してください。
uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開きます。
デバイスがネットワークに接続されていることを確認し、Access Code を取得します。画面左下の WebTerminal をクリックし、ダイアログで AtomS3U のシリアルポートを選択して Connect をクリックすると、シリアルモニタが開きます。現在生成されている有効な Access Code と Wi-Fi 接続状態を確認できます。(対応する情報が表示されない場合は、Soft Reset ボタンをクリックしてソフトリセットしてください)
Select Your Controller(初回表示)または Controller ボタンをクリックし、Select Device ページに入ります。
Connect Device をクリックし、アクセスコードと任意のデバイス名を入力して Confirm をクリックすると、AtomS3U を UiFlow2 に接続できます。
Select Device ページで接続済みの AtomS3U デバイスを選択し、Confirm をクリックすると、UiFlow2 のプログラミング画面に入ります。
uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開き、AtomS3U を USB ケーブルで PC に接続します。
ページ上の Select Your Controller(初回表示)または Controller ボタンをクリックし、Select Device ページに入ります。
Confirm をクリックします。
WebTerminal ボタンをクリックし、ダイアログで AtomS3U のシリアルポートを選択して Connect をクリックします。
WebTerminal 画面に Connected to Serial Port! と表示されたら、USB 接続は成功です。
デバイスを UiFlow2 に接続したら、Blockly をドラッグしてプログラムを編集できます。
プログラム編集後、画面右下の Run Once ボタンをクリックすると一度だけ実行してテストできます。Run Always をクリックすると、プログラムをデバイスにダウンロードできます。
WebTerminal ウィンドウでも、一度だけ実行したりプログラムをダウンロードしたりできます。