Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ATOM BabiesとUIFlow Custom Block Generatorと私

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)

SAITO, Tetsuya

October 16, 2023
Tweet

More Decks by SAITO, Tetsuya

Other Decks in Programming

Transcript

  1. ATOM Babies と UIFlow Custom Block Generator と私 ATOM Babies

    と UIFlow Custom Block Generator と私 さいとてつや さいとてつや
  2. ◼ 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 協調例 接続例
  3. 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 逆向きの 変換も可能