ATOM BabiesとUIFlow Custom Block Generatorと私

M5STACK JAPAN TOUR 2023 AUTUMN 東京 Meetupでライトニングトークをした際の資料です。

動画はこちら（1:50:30-1:55:19）。

参考
・ATOM Babies: てのひらに乗るかわいいいきもの（ProtoPedia）
・UIFlow Custom Block Generator（GitHub）

Transcript

1. ATOM Babies と UIFlow Custom Block Generator と私 ATOM Babies と UIFlow Custom Block Generator と私 さいとてつや さいとてつや
2. さいとてつや @saitotetsuya https://github.com/3110 仕掛学者見習い ロボット小物研究家（自称） https://min.togetter.com/mCk0OhB https://zenn.dev/saitotetsuya/articles/m5stack_m5burner_v3 https://github.com/3110/m5stack-platformio-boilerplate-code UIFlow2 ヒトバシラー M5Burner v3の使いかた PlatformIO IDEを Arduino IDEのように使う
5. ◼ 2020年10月1日に誕生 ◼ ATOM Baby = ATOM Matrix + ATOM Mate + Hat・Unit ◼ 異なる能力（Hat・Unit）を持つ子たちが協調 →Babiesと複数にした理由 ◼ ハードもソフトもブロックを組み立てるように つくりたい →UIFlowのカスタムブロック ◼ UIFlow Block Makerでカスタムブロックを つくるのがツラい →UIFlow Custom Block Generatorを作成 ATOM Babies: 手のひらに乗るかわいいいきもの ATOM Matrix ATOM Mate Unit Hat 協調例 接続例
6. UIFlow Block Maker ◼m5bファイル＝1行のJSON →差分管理ができない ◼作成画面がレスポンシブでない →ボタンが増えると画面からはみ出て 選択できない →リサイズすると画面下にあるボタンが 押せなくなる ◼定義したボタンの順番を変えられない →定義ファイルとMicroPythonコードから m5bファイルを生成したい
7. UIFlow Custom Block Generator { "category": "ATOM_Babies", "color": "#115f07", “blocks”: [ ... { "name": "rgb", "type": "value", "params": [ { "name": "色を指定する", "type": "label“ }, { "name": "_r", "type": "number" }, { "name": "_g", "type": "number" }, { "name": "_b", "type": "number" } ] } ... ] } int('0x{:02x}{:02x}{:02x}'.format(${_r}, ${_g}, ${_b})) rgb.py atom_babies.json ※ここに現れる順番でメニューにボタンが並ぶ どちらも 差分管理可能 m5b 逆向きの 変換も可能
8. M5Stack Japan Creativity Contest 2023