20181127_obniz×M5Stack×NefryBT 3Devices Meetup!

by 1ft-seabass

Slide 1

Slide 1 text

obniz×M5Stack×NefryBT三つ巴Meetup! obniz M5Stack NefryBT 全部動かしてみるぞ！ワンフットシーバス田中正吾

Slide 2

Slide 2 text

私の話はスライドを後ほど共有します。話す内容に注力いただいて大丈夫です！

Slide 3

Slide 3 text

自己紹介

Slide 4

Slide 4 text

田中正吾（たなかせいご）屋号：ワンフットシーバス 2004年よりフリーランス。以後、FLASH制作を中心にインタラクティブコンテンツを主に行い現在に至る。最近ではWEBフロントエンドをベースにしながらも、情報とインターフェースが合わさるアプローチという視点でIoTやMixed Realityといった技術も取り入れながら活動しています。

Slide 5

Slide 5 text

うごかしてみるぞ

Slide 6

Slide 6 text

NefryBT / M5Stack / obniz DD（どれでもダイスキ）枠で話ささせていただきます！ pressed A

Slide 7

Slide 7 text

それぞれだいぶ動かせるようになってきました

Slide 8

Slide 8 text

3デバイスの通りIoTデバイスも使いやすくなり複数で試すのも面白い時期！ pressed A

Slide 9

Slide 9 text

今日はこれらをぐるぐると連携します！

Slide 10

Slide 10 text

ぐるぐると連携？

Slide 11

Slide 11 text

まず3デバイスともMQTTで連携できるので中心にクラウド（Node-RED）を置く

Slide 12

Slide 12 text

デバイスに命令を出すと次のデバイスへ伝わる Node-REDが中心で橋渡しをしているが、全体を一斉に指示ではなく情報をあくまで個々のリレー RED

Slide 13

Slide 13 text

M5Stack→NefryBTと情報がさらにobnizへ M5Stackの各ボタンを押すとカラーが飛んでいきNefryBTとobnizでテープLEDが光る！ RED

Slide 14

Slide 14 text

そしてobnizから元のM5Stackへと情報が戻ってくると・・・！ RED

Slide 15

Slide 15 text

無限ループでぐるぐるとデバイスで情報の輪ができる！ RED

Slide 16

Slide 16 text

ひとつでも欠けると輪ができない！

Slide 17

Slide 17 text

3デバイスを循環した回数が各デバイスに表示！ red 34

Slide 18

Slide 18 text

M5Stackの3ボタンを起点に動く！赤・青・緑の指示が飛んでいきます！M5Stack自体もカラーが同期！ blue 24

Slide 19

Slide 19 text

obnizとNefryBT はディスプレイとテープLEDが動作します

Slide 20

Slide 20 text

うまくいけばNefryBTのボタンでパーティーモードも発動できるかもクリスマスのイメージで光ります！

Slide 21

Slide 21 text

obnizはスピードアップ＆消灯指示！はたしてここまでうまくいくか！？

Slide 22

Slide 22 text

まずは動画で

Slide 23

Slide 23 text

では動かしてみましょう！

Slide 24

Slide 24 text

M5Stackのディスプレイとボタンは動作の起点にしやすさはたまらない！ Yeah!!!!!!!!

Slide 25

Slide 25 text

Node-REDが中継役だが循環を考慮した実装がとても勉強になった改良してバッティングしなくなったが複数情報を循環するとカウントアップがカオスになる

Slide 26

Slide 26 text

obnizをブラウザからMQTTするために MQTT over WebSocketを初めて使ったちょっと作法にクセがあるがプロトコルが全部同じにできたのは素敵

Slide 27

Slide 27 text

テープLED挙動を同じように書くのは楽しい obnizはJavaScriptで配列を入れる形で書く、NefryBTはJSONを解釈しArduino Cで書く

Slide 28

Slide 28 text

IoTデバイスを複数で試すのも面白い時期！情報をぐるぐる回してみた！データを中央集権的に集める形から分散して処理をする世界が少し垣間見えて楽しかった

Slide 29

Slide 29 text

今後もマルチにデバイスを動かしていろいろな情報と連携したい！ pressed A

Slide 30

Slide 30 text

ご清聴いただきましてありがとうございました！