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
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
240
enebular x ChatGPT演劇 アップデート
yskmjp
0
120
ChatGPT演劇システム
yskmjp
0
41
Node-RED x ChatGPT x Koeiromapで演劇を上演する
yskmjp
0
330
呼び込み君クラウド化計画 enebular x obniz 編
yskmjp
0
480
光る野良ねこバッジ作ってみた2
yskmjp
0
420
光る野良ねこバッジ作ってみた
yskmjp
0
530
オムロン非接触温度センサ & enebularで 超簡易サーモグラフィ
yskmjp
1
1.2k
enebularでクリスマスツリーを光らせてみた
yskmjp
1
1.1k
Other Decks in Programming
See All in Programming
WebDriver BiDiとは何なのか
yotahada3
1
140
『品質』という言葉が嫌いな理由
korimu
0
160
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
360
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
[Fin-JAWS 第38回 ~re:Invent 2024 金融re:Cap~]FaultInjectionServiceアップデート@pre:Invent2024
shintaro_fukatsu
0
400
SwiftUI Viewの責務分離
elmetal
PRO
0
150
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
130
Unity Android XR入門
sakutama_11
0
140
Pulsar2 を雰囲気で使ってみよう
anoken
0
230
Rails アプリ地図考 Flush Cut
makicamel
1
110
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
210
AHC041解説
terryu16
0
590
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Site-Speed That Sticks
csswizardry
3
370
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
Designing for humans not robots
tammielis
250
25k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
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的なもの欲し い