M5Stack UI Flowを使ってみよう (ver 1.3.2)

このページはM5Stackの開発ツールの1つであるUI Flowを使ってみようという内容です。M5StackおよびM5StickCが対象になります。
なお、このページで使用しているのはスイッチサイエンス社が発売しているM5 Go Starter Kitおよび関連するセンサーモジュールです。
このページで解説しているUI Flowのバージョンは1.3.2です。
*あきらかな間違いやミス、動かないサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。
なお、M5公式のUIFlowのバグレポートに関してはこちらのUiFlow-Bug-Reportのページを参照してください。


Last update:2019/8/31 PM 1:48

設定

  1. M5StackのAPI Keyを登録する
  2. M5Stackのファームウェアをアップデートする(Macの場合)
  3. UIFlowでM5StickCを使う

イベント

  1. ボタンが押されたら画面の色を変える

UI

  1. 画面の背景色を変更する
  2. タイトルを配置する
  3. ラベルを配置する
  4. 四角形を配置する
  5. 円を配置する
  6. 画像(イメージ)を配置する
  7. UI部品を削除する

ハードウェア

  1. M5Stack本体のLEDバーを点灯させる
  2. M5Stack本体のLEDバーの明るさを変化させる
  3. M5Stack本体のLEDバーを左右で異なる色で点灯させる
  4. M5Stack本体のLEDバーの色を個別に指定する
  5. ピッチ角、ロール角の値を表示する
  6. 傾きによって円(●)の位置を制御する
  7. 指定した周波数で音を鳴らす

絵文字

  1. 絵文字を表示する
  2. 絵文字の背景を設定する

タイマー

  1. タイマーを使って1秒ごとに画面の色を切り替える

実行

  1. ブロックにPythonコードを入れる

その他

  1. Pythonコードを表示する