クラウドファンディング版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. 終わり！