MESH と obniz の連携を色々試してみた

トヨタガジェット研究所 vol.2「MESH と obniz の連携を色々試してみた」の登壇資料です。

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

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

Transcript

1. 20230225_トヨタガジェット研究所 vol.2
   MESH と obniz の連携を色々試してみた
   ワンフットシーバス 田中正吾
   

   View Slide

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

   View Slide

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

   View Slide

4. MESH と obniz がつながっておもしろい
   

   View Slide

5. 2022-08 に MESH ブロックの通信仕様を公開
   https://blog.meshprj.com/entry/mesh-tech-spec
   

   View Slide

6. obniz が MESH に対応したプレースリリース！
   https://prtimes.jp/main/html/rd/p/000000054.000040376.html
   

   View Slide

7. 自分でもやってみた
   https://www.1ft-seabass.jp/memo/2022/12/06/mesh-version-up-meets-obniz-first-contact/
   

   View Slide

8. 今日も軽いリアルタイムデモ
   ディスプレイに動きタグの反応が出るよ
   

   View Slide

9. コード解説
   https://gist.github.com/1ft-seabass/9db25a67d46e58f2143e8c48d7853941
   

   View Slide

10. ハッカソンでもテクニカルメンタリングしてみた
    わりとイケた。ピン挿しスターターキットと無線の MESH が一緒に伝えられると想像力広がる。
    https://1ft-seabass.github.io/ma-obniz-handson-202212/10-mesh.html
    

    View Slide

11. ➔ 2022 年 12 月時点でも MESH 購入するとバージョンが
    1.2.5 以前のものがあるので注意
    ➔ 同じ場所に複数の MESH があるとプログラムで接続時の
    peripheral.localName の値で if 文で区別すると良い
    ➔ MESH や obniz は自分のモノとわかるようにラベルを貼り
    ましょう
    ハッカソンまわりのエクストラ
    

    View Slide

12. こういうリアルな知見も積めました
    obniz から MESH の動き（Move）ブロックの Y 軸に振られた強さを検知するメモ
    https://www.1ft-seabass.jp/memo/2023/01/01/obniz-mesh-move-block-y-axis-shuffle/
    

    View Slide

13. というわけで、追い MESH しました
    https://twitter.com/1ft_seabass/status/1603257742822555650
    

    View Slide

14. LED + 動きタグも連携してみます！
    

    View Slide

15. こんな風に動きます
    https://twitter.com/1ft_seabass/status/1629367297860308994
    

    View Slide

16. コード解説
    https://gist.github.com/1ft-seabass/f3c822be450c5e3d84f207d701b19b7c
    

    View Slide

17. ➔ 1 MESH だとスキャンの検出と接続も同じタイミングで
    やっても問題ないが複数台スキャンはスキャン終了に注意
    する必要がある
    ➔ なので複数台の時は一旦全部スキャン検出されるまではス
    キャン終了しても起こし続ける
    ➔ スキャンしたらすぐ MESH クラスに格納して、図べ手
    揃ったら接続をかけると安定して動作できた
    2 MESH 接続のエクストラ
    

    View Slide

18. ➔ MESH と obniz がつながることでワイヤレスセンシングの
    世界がやりやすくなった
    ➔ 実際にハンズオンなどで使ってもらうと非エンジニアでも
    使うことができて敷居が一段下がった感がある
    ➔ MESH スマホアプリも良いけど obniz を母艦にしてワイヤ
    レスの仕組みを楽しく作れるのは魅力
    ➔ こうやってデバイス同士がコラボレーションすると新しい
    未来が見えて面白い
    まとめ
    

    View Slide