Slide 1

Slide 1 text

ATOM Babies と UIFlow Custom Block Generator と私 ATOM Babies と UIFlow Custom Block Generator と私 さいとてつや さいとてつや

Slide 2

Slide 2 text

さいとてつや @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のように使う

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

◼ 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 協調例 接続例

Slide 6

Slide 6 text

UIFlow Block Maker ◼m5bファイル=1行のJSON →差分管理ができない ◼作成画面がレスポンシブでない →ボタンが増えると画面からはみ出て 選択できない →リサイズすると画面下にあるボタンが 押せなくなる ◼定義したボタンの順番を変えられない →定義ファイルとMicroPythonコードから m5bファイルを生成したい

Slide 7

Slide 7 text

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 逆向きの 変換も可能

Slide 8

Slide 8 text

M5Stack Japan Creativity Contest 2023