TouchDesigner 是什麼？給完全新手的說明
最後更新：2026 年 10 月 18 日
TouchDesigner（大家常簡稱 TD，搜尋時也有人寫成 Touch Designer）是一套做即時影像的軟體，用一顆一顆節點接線，接出會跟著聲音、滑鼠、感測器一起動的畫面。
它是 Derivative 公司做的軟體。Derivative 在 2000 年成立，創辦人之一 Greg Hermanovic 來自做 Houdini 的 Side Effects Software，第一代 TouchDesigner 在 2002 年推出。
一句話：用節點接出會即時反應的畫面
吳哲宇在入門必修課的第一個影片單元 PRE〈什麼是 TouchDesigner 與入門介紹〉 裡給的定義：TD 是統合視覺、音樂跟數據，即時創作的視覺化工具。這個單元在開課快手可以免費看。
打開 TD，畫面中間是一顆一顆節點，每顆只做一件小事：讀一張圖、產生雜訊、調亮度、把上一格畫面餵回來。節點用線接起來，接在後面的節點，拿到的是前面算好的結果。哲宇在前導班 B01 單元講得很短：「他全部都是接線的。」（07:11）
有點像在桌上排一條生產線，前面換一張素材，後面接著的效果全部跟著變。
TD 的核心是即時。畫面每一格都在當下算出來，所以麥克風收到的聲音、感測器的數字、你在控制介面上推的滑桿，都能馬上改變畫面，不用回頭重新渲染一支影片。
節點分成七個家族，顏色不同
同一個家族的節點才能直接相連，不同家族之間靠轉換的節點搭橋。剛開始只要記住每個家族管什麼：
| 家族 | 管什麼 | 在必修課哪裡用到 |
|---|---|---|
| TOP | 影像：圖片、影片、攝影機畫面、疊圖和濾鏡 | A02 TOP 基礎圖像處理與合成 |
| CHOP | 數字與訊號：滑鼠、鍵盤、聲音、MIDI、隨時間變化的波形 | A03 CHOP 時間動畫、參數控制 |
| SOP | 3D 幾何：方塊、球、格點 | A06 基礎 3D 製作 SOP |
| MAT | 材質：3D 表面的顏色、反光、凹凸 | A07 進階 3D 渲染與材質 |
| COMP | 容器與介面：資料夾、攝影機、燈光、按鈕和滑桿 | A05 Base COMP、模組化邏輯、A08 表演介面 UI 製作基礎 |
| DAT | 資料、文字和 Python | A01 基礎介面操作與節點結構 |
| POP | 點與粒子，比較新的家族 | 官方教材 100 系列剛加進 POP 的入門 |
前六個家族的分工，哲宇在 A01 和前導班 B01 單元都講過。POP 的入門在 Derivative 官方的 TouchDesigner Curriculum。
首頁作品帶裡的 12 件每日創作，每一件都用到 POP。
它能做出什麼：看哲宇的作品
下面四件是哲宇用 TD 做的每日創作，節點數是作品檔裡實際用到的數量。點進去可以看動態的版本。
- 《寂寞的向日葵》，2026 年 1 月，1,351 個節點：太陽移動，向日葵跟著轉向。
- 《雨生花》，2026 年 1 月，1,113 個節點：雨滴落下，變成一朵一朵的花，一段接一段的粒子實驗。
- 《DNA Structure》，2025 年 12 月，5,598 個節點：接上 LPD8 控制器，一邊轉旋鈕一邊調畫面的參數。
- 《Dancing Starfish》，2025 年 12 月，1,619 個節點：輸入裝置是一顆 ODD Ball 球，海星跟著跳舞。
放大到演出，TD 也是哲宇演奏會背後的系統。2025 年在華山的沉浸式鋼琴演奏會《演算詩篇：夢境與孤寂的邊界》，他在台上彈琴，琴聲一彈下去，空間裡的視覺就跟著展開，觀眾在手機上寫的詩，會從場域旁邊飄出來。
PRE 單元後半還拆了五類作品：沉浸式互動牆、音像演出、同時控制投影機和雷射的表演、自動鋼琴與投影的二重奏、用身體動作驅動的沉浸空間。想看實際畫面，直接打開 PRE〈什麼是 TouchDesigner 與入門介紹〉。
要不要先會寫程式？
不用。TD 用拉節點、接線、調參數的方式工作，前導班和必修課都從介面開始，沒有要你先寫程式。
節點的好處是每一步都看得到結果。哲宇說：「因為我們通常都是看到東西才會有感覺。」（PRE 單元 09:41）像 p5.js、Processing 這類工具，畫面要用程式碼一行一行寫出來，對沒寫過程式的人，打錯一個字就跑不動，程式一長也不好管理。
做久了會碰到一點 Python。例如 absTime.seconds 會給你 TD 開啟後經過的秒數，接到旋轉的參數上，東西就一直轉。這種一行的表達式，這個網站的常用表達式會慢慢整理。
跟其他工具差在哪
| 工具 | 擅長 | 換成 TD 的時候 |
|---|---|---|
| After Effects、Premiere、Photoshop | 剪輯、做特效、修圖，做好一支影片或一張圖再交出去 | 也能疊圖、做特效，而且素材隨時能抽換。哲宇在 A02 單元說，學完疊圖那一課，可以想像「你學會了 Premiere 加 Photoshop」（00:41）。 |
| p5.js、Processing | 用程式碼寫出畫面，彈性很大 | 攝影機、聲音、資料這些輸入都包成節點，接起來就能用。PRE 單元拿展覽的互動牆舉例，用 Unity 或 Processing 要寫大量程式，換成 TD，哲宇說：「所以大概可以讓我們整個工作流程快一半以上。」（12:59） |
| Unity、Unreal | 遊戲和 3D 場景 | TD 也有完整的 3D 和即時渲染，強項在接各種訊號源，例如讓一整片方塊跟著滑鼠凸起來（A06 單元）。 |
哲宇在 PRE 單元也把 TD 放在節點式工具這條線上講：做聲音的 Max/MSP、做 3D 幾何的 Blender Geometry Nodes、Unreal 的 Blueprint，都是把邏輯接成看得見的節點，好除錯，也不會因為打錯字壞掉。
常見問題
TouchDesigner 免費嗎？
個人學習用的非商業版（Non-Commercial）免費，輸出解析度上限 1280×1280，不能用在有收費的案子。詳細的限制看下載與免費版。
Mac 可以用 TouchDesigner 嗎？
可以。官方網站有 Windows 和 macOS 兩個版本，Mac 要 macOS 13 以上，官方強烈建議用 Apple Silicon 的機型。
學 TouchDesigner 要先會寫程式嗎？
不用。拉節點、接線、調參數就能做出第一個作品，做複雜的作品時才會用到一點 Python 表達式。
TouchDesigner 難學嗎？
哲宇在 PRE 單元一開頭就說：「Touch Designer 其實是一個稍微有一點難的軟體。」（00:16）剛開始記不住節點很正常，他自己也花了大概兩年才熟悉。
電腦要多好才跑得動？
官方最低需求是顯示卡記憶體 4GB，建議 8GB 以上。Windows 要 Nvidia GeForce 1000 系列或 AMD Radeon 5000 系列以上的顯示卡，Intel 500 以後的內顯也能跑，但部分功能不支援。滑鼠要有滾輪。
下一步
想直接動手：前導班兩個單元、共 1 小時 18 分，第一個單元從下載軟體開始，一路做到第一個小作品。NT$500，價格以開課快手頁面為準。