Unreal Engine・TouchDesigner・生成AI・VJなど、低遅延と同時処理が要求されるリアルタイム表現のマシン環境を整理する連載です。
TouchDesignerとは?
ノード(Operator)をつなぎながら、映像・音・3D・センサー・データをリアルタイムに処理し続けるビジュアルプログラミング環境です。非商用なら無料版で今すぐ始められます。
TouchDesignerという名前を、VJやプロジェクションマッピング、メディアアート、生成AI、あるいは高性能PCの記事から初めて知った人もいるかもしれません。
TouchDesignerは、映像や音、数値、3Dデータ、カメラやセンサーからの入力などを組み合わせながら、リアルタイムに動く表現をつくるためのビジュアルプログラミング環境です。
大きな特徴は、最初から大量のテキストコードを書くのではなく、「Operator(オペレーター)」と呼ばれるノードをつなぎながら処理を組み立てられることです。
- VJの映像をつくる。
- 音に反応するグラフィックをつくる。
- カメラの映像を加工する。
- 人の動きに映像を反応させる。
- プロジェクターで空間に映像を投影する。
- 生成AIとリアルタイム映像を組み合わせる。
こうした「入力に対して、その場で映像や音が変化するもの」をつくりたいとき、TouchDesignerは非常に強力な選択肢になります。
この記事では、TouchDesignerを初めて知った人に向けて、何ができるのか、どうやって始めるのか、どの程度のPCが必要なのか、そしてどのように学んでいけばよいのかを整理します。
結論|TouchDesignerは「動きながら考える」ための制作環境
TouchDesignerを一言で表すなら、「リアルタイムに動くものを、ノードをつなぎながらつくる制作環境」です。
一般的な動画編集ソフトでは、素材をタイムラインに並べて編集し、最後に動画ファイルとして書き出す使い方が中心です。
一方、TouchDesignerでは、
が常につながった状態で動き続けます。 たとえばマイクから入った音の大きさに合わせて映像を変形させたり、Webカメラに映った人の動きに合わせてパーティクルを動かしたりできます。
「完成した映像を再生する」のではなく、「その場で起きていることを材料にして、映像を生成し続ける」のがTouchDesignerの面白さです。
初めて触る段階で、高性能なPCやプログラミング知識をすべて揃える必要はありません。まずは無料で使えるNon-Commercial版から触り、小さな作品をひとつ動かしてみるのがよいでしょう。
TouchDesignerとは?
TouchDesignerは、カナダのDerivative社が開発しているノードベースのビジュアルプログラミング環境です。
画面上にOperatorを配置し、それらを線でつなぎながら処理の流れをつくります。
たとえば、
というようにノードをつなげれば、読み込んだ映像をぼかし、色や明るさを調整して出力できます。 さらに音、MIDI、OSC、Webカメラ、3D、Pythonなどを組み合わせることで、従来の映像編集ソフトとはまったく違ったものをつくれるようになります。
TouchDesignerは従来型のテキストプログラミングをまったく使わなくても始められますが、必要になればPythonやGLSLなどを使って機能を拡張することもできます。
つまり、「入り口は視覚的で分かりやすく、奥へ進むほどプログラミングやGPU表現まで広がっていく」のが特徴です。
TouchDesignerで何ができる?
1. VJ・ライブビジュアル
TouchDesignerの代表的な用途のひとつです。音楽ライブやクラブイベントで、その場の音やMIDIコントローラーの操作に応じて映像を変化させられます。 単に動画を順番に再生するのではなく、エフェクトやパラメータをリアルタイムで操作できるため、ライブ性の高い映像演出に向いています。
※VJ用途のPC構成や現場運用については、CORE SPECの「VJ用PC・現場マシンの選び方」で詳しく解説しています。
2. 音に反応する映像(オーディオリアクティブ)
マイクやオーディオインターフェースから音を取り込み、音量、周波数、ビート、特定の音域などを数値として利用できます。 その数値を映像の明るさ、色、サイズ、回転、パーティクルの動きなどにつなげれば、音楽と映像が連動するオーディオリアクティブ表現をつくれます。
3. インタラクティブアート・フィジカル表現
TouchDesignerは「人が触れたり、動いたりすると変化する作品」と非常に相性が良いツールです。 Webカメラや各種センサー、MIDI、OSCなどから情報を受け取り、その値を映像へ反映できます。
PCの中だけではなく、現実空間とデジタル表現をつなぐことができます。 IoT機器やセンサーとの連携例は、「センサーや現実空間とつなぐメディアアート」でも解説しています。
4. プロジェクションマッピング・空間演出
複数の映像やリアルタイムCGを生成し、プロジェクターや大型ディスプレイへ出力できます。 建物、展示空間、舞台、イベント会場など、通常のモニター以外を「画面」として扱いたい場合にも広く使われています。 作品が大きくなるほど、映像出力数、解像度、GPU性能、キャプチャー機器などの設計も重要になります。
5. 3D・パーティクル表現
TouchDesignerは2D映像だけを扱うソフトではありません。3Dオブジェクト、カメラ、ライト、マテリアルなどを使ったリアルタイム3DCGも制作できます。 現在のTouchDesignerではGPUを使って大量のポイントや数値データを扱う「POP」というOperatorファミリーもあり、リアルタイムで数十万〜数百万規模のパーティクル表現を組み立てる用途も広がっています。
6. UI・プロトタイピング
TouchDesignerではボタン、スライダー、パネルなどを使った独自の操作画面もつくれます。作品の操作画面だけではなく、 展示用インターフェース、データ可視化、インスタレーションの制御画面、リアルタイムシステムのプロトタイプといった用途にも使えます。 完成した映像をつくるだけではなく、「システムそのものを試作する」道具として使える点も大きな特徴です。
生成AIとも組み合わせられる
TouchDesigner単体で完結させる必要はありません。外部のAI処理や映像生成システムと組み合わせ、
という構成も可能です。 このときTouchDesignerは、生成AIそのものというより、「AI、映像、音、センサー、表示装置をリアルタイムにつなぐハブ」として機能します。 リアルタイム動画生成技術との連携については、「リアルタイム生成AIとTouchDesignerの組み合わせ」で深く解説しています。
After EffectsやBlender、Unreal Engineとは何が違う?
TouchDesignerは、これらのツールの完全な代替ではありません。
| ツール | 得意な領域・主な用途 | TouchDesignerとの違い・連携方法 |
|---|---|---|
| After Effects | タイムライン動画編集、モーショングラフィックス書き出し | 事前レンダリング向き。AEで素材を書き出し、TouchDesignerでリアルタイム再生・エフェクト合成する連携が一般的。 |
| Blender | 3Dモデリング、アニメーション、物理シミュレーション | BlenderでモデリングしたFBX/OBJやアニメーションをTouchDesignerへインポートし、リアルタイムに動かす。 |
| Unreal Engine | 高度なフォトリアル3D、Lumenライティング、大規模シーン | SpoutやNDI経由でUEのレンダリング映像をTouchDesignerへ渡し、センサーやUIと統合する相互補完関係。 |
| TouchDesigner | リアルタイム信号処理、外部機器連携、即時変化 | 映像・音・センサー・AIを遅延なくつなぎ、その場で変形・出力し続ける「制作ハブ」。 |
その中でTouchDesignerが特に得意なのは、「さまざまな入力と処理を、その場でつなぎ変えながらリアルタイムに動かすこと」です。
そのため実際には、
生成AIで映像を生成する → TouchDesignerで合成・制御する
といった組み合わせが一般的です。どれか1本のソフトだけで全部つくるというより、制作環境全体の中で役割を分ける方が理解しやすいでしょう。 ツール複合の考え方は「Unreal Engine・TouchDesigner・AIを組み合わせたリアルタイム制作環境」をご覧ください。
TouchDesignerは初心者でも使える?
使えます。ただし、最初からすべてを理解しようとしないことが重要です。
TouchDesignerには非常に多くのOperatorがあります。最初からそれらを暗記する必要はありません。 まずは、
- 映像を読み込む
- エフェクトを加える
- 数値を動かす
- 音に反応させる
- 出力する
くらいで十分です。ひとつの小さなネットワークが動くと、「この数値を別の場所につないだらどうなるだろう」という実験が始まります。 TouchDesignerは、操作を覚えてから作品をつくるというより、「つくりながら操作を覚える方が理解しやすいツール」です。
TouchDesignerの始め方
STEP 1|まず無料版をインストールする
個人的な学習や評価用途であれば、TouchDesigner Non-Commercialを無償で利用できます。 Non-Commercial版には出力解像度が1280×1280までに制限されるなどの仕様がありますが、TouchDesignerそのものを学習し、小規模な作品をつくるには十分な入口になります。
※商用案件や有償のイベントで使用する場合はCommercialまたはProライセンスが必要です。
| エディション | 価格 | 最大解像度 | 商用利用 | 適した用途 |
|---|---|---|---|---|
| Non-Commercial | 無料($0) | 1280×1280 | 不可(個人学習・評価のみ) | 入門・学習・小規模な実験制作 |
| Commercial | 有料ライセンス | GPUハードウェア上限 | 可能 | 商業VJ、案件制作、展示コンテンツ |
| Pro | 上位ライセンス | GPUハードウェア上限 | 可能(専任サポート・Notch等) | 大規模商業施設、プロジェクションマッピング、常設運用 |
※エディションごとの機能仕様や最新の公式ライセンス規定は、Derivative公式:Licensing ↗をご確認ください。
まずは無料版をインストールし、自分がTouchDesignerという制作方法を面白いと感じるかを確かめるのがおすすめです。インストールや初回起動の手順は、Derivative公式:Getting Started with TouchDesigner ↗で確認できます。
STEP 2|TOPとCHOPから始める
最初からすべてのOperatorファミリーを覚える必要はありません。まずは、
- TOP(Texture Operators): 映像や画像を扱うオペレーター
- CHOP(Channel Operators): 音、数値、アニメーション、センサー値などを扱うオペレーター
の2つから始めると理解しやすいでしょう。 「映像」と「動かすための数値」を組み合わせるだけでも、TouchDesignerらしい表現を十分に体験できます。 その後、必要になったところで3D(SOP)、データ(DAT)、UI(COMP)、POP、Pythonなどへ広げていけば十分です。
STEP 3|小さな作品を1つ完成させる
おすすめは、「音に反応する映像を1つつくる」ことです。完成度は重要ではありません。
という構造を一度体験すると、TouchDesignerの基本的な考え方が一気に理解できるようになります。
TouchDesignerを学ぶ方法
TouchDesignerは、公式ドキュメント、公式カリキュラム、動画チュートリアル、書籍など、複数の方法で学べます。 Derivative社公式の無料学習プラットフォームTouchDesigner Curriculum (learn.derivative.ca) ↗では、公式の「Fundamentals」コースが提供されており、TOPs・CHOPs・POPs・COMPs・Pythonなどの基礎概念を動画とサンプルファイルで体系的に学ぶことができます。 最初の段階では、以下の順序がおすすめです。
最初から大量の動画チュートリアルを見るだけではなく、途中で自分の手でネットワークをつなぎ変えてみることが上達の近道です。
書籍で体系的に学びたい人へ
Webのチュートリアルは、知りたい機能をピンポイントで調べるには便利です。 一方、「そもそも何から覚えればいいのか全体像が分からない」という段階では、順序立てて学べる書籍が役立ちます。
まだTouchDesignerを触ったことがない場合は、まず無料版で実際にノードをつないでみるのがおすすめです。そのうえで体系的に学びたくなった段階で、書籍を使うと理解しやすくなります。
ここではTouchDesignerを学ぶ際の代表的な2冊を紹介します。ランキング順ではなく、学び方の違いで選べる構成です。
Visual Thinking with TouchDesigner
プロが選ぶリアルタイムレンダリング&プロトタイピングの極意[改訂第2版]
TouchDesignerの基礎から実践的な応用までを体系的に学びたい人向けの一冊。操作方法だけでなく、リアルタイムレンダリングやプロトタイピングの考え方まで広げて理解したい場合に向いています。
ビジュアルクリエイターのための
TOUCHDESIGNERバイブル
実際に作品をつくりながらTouchDesignerの使い方を広げたい人向け。音反応、Webカメラ、3D、パーティクル、UI、スマートフォン連携、Depth Camera、GLSL、スクリプトなど幅広い作例を扱います。
どちらの本を選べばいい?
TouchDesignerにはどのくらいのPCが必要?
ここは初心者が最も誤解しやすいポイントです。 TouchDesignerを始めるためだけに、最初からRTX 5090のような最上位GPUを購入する必要はありません。
TouchDesignerに必要なPCスペックは、以下のような制作条件によって大きく変わります。
- 解像度(フルHDか、4Kか、複数プロジェクターか)
- 映像レイヤー数(TOPの多重合成)
- 3D・ジオメトリ処理(SOP)
- パーティクル・点群(POP)
- 過去フレームの蓄積(Feedback, Cache)
- ライブ映像入力(キャプチャーカード、NDI、Webカメラ)
- 生成AIやMediaPipeとの同時連携
- 出力画面数(マルチディスプレイ、プロジェクションマッピング)
学習や小規模な作品を動かす段階と、4K VJや大型インスタレーションでは、要求されるPC性能はまったく異なります。 したがって、
| 制作フェーズ | PC選びの考え方 | 判断のポイント |
|---|---|---|
| 入門・基本操作 | まず今あるPCで試す | 一般ノートPCや内蔵GPUでも起動可能。無料版で基本操作やノードのつなぎ方を覚える段階では、新しいPCを買う必要はありません。 |
| FHD・VJ制作 | 制作向け独立GPU搭載PCを検討 | 複数の映像レイヤー合成や音連動エフェクト、イベント現場への持ち込みを始める段階。安定したフレームレート維持が重要になります。 |
| 4K・AI・本番演出 | 高性能GPU・大容量VRAMが必要になる場合がある | 4K多画面出力、POPによる大量パーティクル、FeedbackやCacheの多用、リアルタイム生成AI同時稼働など、表現の上限に合わせて選びます。 |
という順番で考えるのが最も安全で後悔のない選び方です。
TouchDesigner推奨スペック【2026年版】
GPU、VRAM(16GB/24GB/32GB)、CPUシングルスレッド性能、メモリ(32GB/64GB)、ノートPC vs デスクトップの具体的な選び分けを用途別に完全解説。
TouchDesignerが向いている人
TouchDesignerは、特に以下のような関心を持つ人に向いています。
- 映像をリアルタイムに動かしたい
- 音と映像を連動させたい(VJ・ライブ演出)
- メディアアートや体験型展示をつくりたい
- センサーやカメラの入力を作品に使いたい
- プログラミングには興味があるが、まずは視覚的に試したい
- 生成AIとリアルタイム映像を組み合わせたい
- 完成形を最初に決めず、触りながら発見していきたい
TouchDesignerは、決められた完成形へ一直線に進む制作というより、「つないで、動かして、結果を見て、また変える」という試行錯誤に向いています。 その過程そのものを楽しめる人には、非常に刺激的で長く付き合える制作環境になるはずです。
まとめ|TouchDesignerは、まず触ってみるのが一番早い
TouchDesignerを理解するうえで、最も早い方法は実際に触ることです。
その繰り返しのなかで、「こういうこともできるのではないか」という発想が自然と生まれてきます。
TouchDesignerは、単に映像をつくるだけのソフトではありません。 映像、音、数値、センサー、3D、AI、そして現実空間までをつなぎながら、リアルタイムに表現を組み立てていく制作環境です。
まずは無料版で、小さな作品をひとつ動かしてみる。 そこから必要になった知識、書籍、PCを少しずつ増やしていけば十分です。
TouchDesignerの次のステップ
目的や検討段階に合わせて、次のガイドをお選びください。
本格制作・VJ・4Kに必要なGPU、VRAM容量、CPUシングル性能、ノート vs デスクトップの具体的な選び分け
TouchDesignerやResolumeを使ったライブ現場を支えるPC選び、熱対策、多画面出力の全知識
複数ツールを同時実行する低遅延マシンの考え方と、リアルタイム制作環境シリーズTOP
光・風・物理空間をIoTで制御するプロトタイピングと、遅延制約から技術を選ぶ実践設計
