クラウドファンディング版StackChan 3体（4体）をインタラクティブな体験型作品にして展示もした話 / ｽﾀｯｸﾁｬﾝお誕生日会2026

Transcript

1. 2026年6月27日 (土) ｽﾀｯｸﾁｬﾝお誕生日会2026 豊田陽介（ ） @youtoy クラウドファンディング版StackChan 3体を インタラクティブな体験型作品にして展示もした話

2. いきなりですが タイトルを少し修正

3. 2026年6月27日 (土) ｽﾀｯｸﾁｬﾝお誕生日会2026 豊田陽介（ ） @youtoy クラウドファンディング版StackChan 3体を インタラクティブな体験型作品にして展示もした話 4体

4. 「3体を使った⇒ 4体を使った」になった流れ 5/9： StackChan 3体目を入手 北名古屋での展示 （ #つくろがや） 5/20： 4体目を入手

   今回のLT枠に申し込み Interop Tokyo 2026 ＠幕張メッセ にて 4体を使った展示 6/12 5/10 6/1

5. 自己紹介 豊田陽介（ ） @youtoy ▶ IT系コミュニティ主催、 　 イベント登壇や運営なども ▶ M5StackでIoT、AI・機械

   　 学習の書籍を共著・単著で ▶ メーカーフェアやNT◦◦ 　 （各地）等への出展も頻繁に プライベートでの活動 ▶ ガジェット ▶ 描画系／IoT／AI・機械学習系 ▶ ビジュアルプログラミング ▶ JavaScript 好きな技術など

6. 先ほどの話にあった日本語音声の提供をしました

7. モノづくり界隈でブラウザで動くアプリをよく作成 インタラクティブな体験型の作品はよくイベントで展示したり インタラクティブに空間を歪ませる エフェクトを出せる Webアプリ 拍手などで大型・小型の花火が 出たりする Webアプリ

8. StackChan 4体を 体験型作品にして展示

9. 個人活動でStackChanを使った展示＠幕張メッセ 個人宛に依頼をもらい、Web技術の標準化団体の「W3C」のブースで 4体利用バージョン@ 幕張メッセ （個人として W3Cブースに出展） MediaPipe と ESP-NOWの組み合わせ （最初の試作版、この時は

   2体） 6/12 （金）

10. LT申し込み時の 3体バージョンの展示 5/10 に北名古屋市で展示をしたとき（ #つくろがや にて）

11. 技術面の話： 最小限の変更で自前の処理を 組み込んだ作品を作りたかった

12. 元の内容の変更部分は少なく自前の処理で動かす ひととおりの仕様などを見ていた結果の戦略 StackChan本体には 手を加えない コントローラーのほう を自前の内容に変える 複数台の動きの 指定や一斉動作 を実現可能 動作対象の個別

    指定も実現可能 自前の実装処理で、動きの座標の 生成やターゲット指定の処理 　　　　　　　＋ 公式実装の ESPNOW.REMOTE と 同じパケットで ESP-NOW の通信

13. ブラウザ連携を実現する方法の1つ ブラウザ上での JavaScript による実装 ＋ VS Code ＋ PlatformIO での実装

    PC ＋ ブラウザ M5Stack系 デバイス （自作コントローラー） p5.js や Mediapipe Web Serial API M5Unified など ESP-NOW StackChan #1 StackChan #2 StackChan #3 StackChan #4

14. VS Code ＋ PlatformIO ＋ M5Unified で独自実装 各種デバイスの画面・ボタン押下・デバイスの向きなどと連動させる

15. ESP-NOWの受信処理を活用して時間差での動作 StackChan側のファームには手を加えずに実現（その2）

16. 余談：超賑やかバージョン（toio 10台も連動） HUSKYLENS 2 による顔検出で動き出す

17. まとめ 今後も StackChan （＋たくさんのガジェット）で 自分や子どもから大人まで、 いろいろな方が楽しめる作品を 作っていきたいです！

18. 終わり！