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

20181127_obniz×M5Stack×NefryBT 3Devices Meetup!

20181127_obniz×M5Stack×NefryBT 3Devices Meetup!

obniz×M5Stack×NefryBT三つ巴Meetup!【ESP32開発ボードLT祭】「obniz M5Stack NefryBT 全部動かしてみるぞ!」の登壇資料です。

◆スライド内の素材は以下を使用させて頂いております。ありがとうございます!

・シルエットデザイン http://kage-design.com/
・human pictogram 2.0 http://pictogram2.com
・ICOOON MONO http://icooon-mono.com/

1ft-seabass
PRO

November 27, 2018
Tweet

More Decks by 1ft-seabass

Other Decks in Technology

Transcript

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

    View Slide

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

    View Slide

  3. 自己紹介

    View Slide

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

    View Slide

  5. うごかしてみるぞ

    View Slide

  6. NefryBT / M5Stack / obniz
    DD(どれでもダイスキ)枠で話ささせていただきます!
    pressed
    A

    View Slide

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

    View Slide

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

    View Slide

  9. 今日はこれらをぐるぐると連携します!

    View Slide

  10. ぐるぐると連携?

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  16. ひとつでも欠けると輪ができない!

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  21. obnizはスピードアップ&消灯指示!
    はたしてここまでうまくいくか!?

    View Slide

  22. まずは動画で

    View Slide

  23. では動かしてみましょう!

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide