前回紹介した Claude Code の TouchDesigner プラグインを使って、TouchDesigner を操作する Web インターフェイスを作る簡単なチュートリアルです
## どんな時に便利？
- 手元に簡単なコントローラーが欲しい時
- 展示で体験者が触るインターフェースを作りたい時
- iPad やタッチパネル PC をコントローラーとして使いたい時
Claude Code を使うと、こういった Web UI がかなり楽に作れます。HTMLやJavaScriptに詳しくなくても、やりたいことを伝えるだけで作ってくれるのがいいです
---
0:00 TouchDesignerのWebインターフェイスを作る
0:58 TouchDesignerでWebサーバを起動する
2:01 コールバックのスクリプトをファイルとして保存する
3:57 ClaudeにHTMLを編集してもらう
5:11 ボタンのUIを追加する
6:28 スライダーのUIを追加する
7:53 うまくうごかなかったのでデバッグ
11:10 カラーピッカーのUIを追加する
12:57 再生、停止ボタンのUIを追加する
14:03 TouchDesignerからブラウザにデータを送る
17:28 まとめ
Intro : https://www.youtube.com/watch?v=8-LRAMiZIwo
Github: https://github.com/satoruhiga/claude-touchdesigner
Patreon: https://www.patreon.com/c/satoruhiga
