Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
TouchDesigner+M5StickC をつなげてみた
Search
yskmjp
March 24, 2020
Programming
1
1k
TouchDesigner+M5StickC をつなげてみた
2020/03/24 ビジュアルプログラミングIoTLT vol.2 の登壇資料です。
https://iotlt.connpass.com/event/168320/
yskmjp
March 24, 2020
Tweet
Share
More Decks by yskmjp
See All by yskmjp
ChatGPT x Node-RED x toioでダンスさせたい
yskmjp
0
180
enebular x ChatGPT演劇 アップデート
yskmjp
0
120
ChatGPT演劇システム
yskmjp
0
37
Node-RED x ChatGPT x Koeiromapで演劇を上演する
yskmjp
0
310
呼び込み君クラウド化計画 enebular x obniz 編
yskmjp
0
470
光る野良ねこバッジ作ってみた2
yskmjp
0
420
光る野良ねこバッジ作ってみた
yskmjp
0
520
オムロン非接触温度センサ & enebularで 超簡易サーモグラフィ
yskmjp
1
1.2k
enebularでクリスマスツリーを光らせてみた
yskmjp
1
1.1k
Other Decks in Programming
See All in Programming
Criando Commits Incríveis no Git
marcelgsantos
2
170
ブラウザ単体でmp4書き出すまで - muddy-web - 2024-12
yue4u
2
460
ドメインイベント増えすぎ問題
h0r15h0
1
220
なまけものオバケたち -PHP 8.4 に入った新機能の紹介-
tanakahisateru
1
120
たのしいparse.y
ydah
3
120
Haze - Real time background blurring
chrisbanes
1
510
開発者とQAの越境で自動テストが増える開発プロセスを実現する
92thunder
1
180
Monixと常駐プログラムの勘どころ / Scalaわいわい勉強会 #4
stoneream
0
270
短期間での新規プロダクト開発における「コスパの良い」Goのテスト戦略」 / kamakura.go
n3xem
2
170
これでLambdaが不要に?!Step FunctionsのJSONata対応について
iwatatomoya
2
3.6k
クリエイティブコーディングとRuby学習 / Creative Coding and Learning Ruby
chobishiba
0
3.9k
【re:Growth 2024】 Aurora DSQL をちゃんと話します!
maroon1st
0
770
Featured
See All Featured
Visualization
eitanlees
146
15k
Designing for humans not robots
tammielis
250
25k
Optimizing for Happiness
mojombo
376
70k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
66k
A designer walks into a library…
pauljervisheath
204
24k
GraphQLとの向き合い方2022年版
quramy
44
13k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Building Adaptive Systems
keathley
38
2.3k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Transcript
TouchDesignerと M5Stick C つなげてみた まつした@野良ハック ビジュアルプログラミングIoTLT Vol.2
・野良ハックチームでたまに活動 ・趣味で電子工作 自己紹介 まつした @ 野良ハックチーム
https://norahack.booth.pm/ 技術書典 応援祭 参加中 野良ハック本 Vol.3 秋葉原Shigezone 委託販売(見本誌あり)
ひなチカ obnizブロックプログラミングでひな祭りをLEDチカチカ
IoTデータの表現 Lチカ グラフ化 ダッシュボード もっと豊かな表現を!
TouchDesigner
メディアアート+IoT IoT デバイス 現実世界 センサ メディア アート 映像、音楽
ビジュアル プログラム プロトタイプ 簡単
構成図 モーションデータ → MQTT MQTT → カメラ映像加工 MQTT
← 音楽の音量 LEDで音量表示 ← MQTT
UiFlow MQTT セットアップ モーション取 得してMQTT で送信 TDから送られ たMQTTデー タを元にLED を
光らせる
TouchDesigner MQTT セットアップ 音楽データか ら音量を取得 音量をMQTT で送信
TouchDesigner MQTT セットアップ M5StickCから 送られた MQTTデータ を取得 カメラ映像を 取得 MQTTデータ
をRGB変換 エッジの映像 効果をかける
デモ
まとめ1 ・ビジュアル化は楽しい! Lチカ、グラフ化、ダッシュボード、から可視化の向こう側 へ! ・TouchDesigner + MQTT の記事は少ない! みんなで試しましょう
まとめ2 ・ビジュアルプログラミングは記事にするのが結構大変? 画面キャプチャ、パラメータの説明、差分 ・通常のコード 一部だけコピペ再利用が簡単 ・ビジュアルプログラミングの記事が簡単に書けるQiita的なもの欲し い