TouchDesigner Feedback 迴圈教學:無限延伸與攝影機互動|IVD487 W03

想做出畫面往內無限延伸的隧道效果?這篇整理 TouchDesigner Feedback 迴圈的完整接法,順帶複習六個最常用的 TOP 節點(Movie File In、Transform、Level、Composite、HSV Adjust、Bloom),最後用攝影機做出即時無限延伸互動。附節點速查表與章節時間戳,上完課回來掃一遍就能接回來。

Mar 30, 2026
🧰 TouchDesigner 工具庫 | Luxmin Institute on Patreon
我們把接案與展場現場累積下來的 TouchDesigner 元件、專案檔與製作系統,整理發佈在 Patreon,部分工具與 Demo 免費開放下載。
https://www.patreon.com/cw/LuxminInstitute
⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑

TouchDesigner Feedback 迴圈教學:無限延伸與攝影機互動

上一週走過七大節點家族,這一週聚焦兩件事:節點之間到底怎麼連(為什麼有時候線接了卻沒反應),以及 TouchDesigner 新手最上癮的效果——Feedback 迴圈,也就是畫面往內一層層無限延伸的隧道感。
關鍵觀念先講:Feedback 不是單一節點,而是一組「把輸出餵回輸入」的迴圈。搞懂它,就打開了一整類玩法。這篇是重點整理,上完課回來掃一遍就能把流程接回來。
讀完這篇你會知道:
  • 實線/虛線/灰色虛線各代表什麼
  • 六個最常用 TOP 節點的關鍵參數與隱藏技巧
  • 為什麼做三角形要用 Circle (TOP) 而不是 Rectangle (TOP)
  • Feedback 迴圈的完整節點鏈
  • 怎麼把攝影機接進 Feedback 做即時無限延伸
Video preview

一、連線規則:實線與虛線

  • 同家族、同顏色才能用實線互連(紫 TOP 對紫 TOP)。拉去接不相容節點時,它的 input 點會消失,就是在告訴你這裡接不了。
  • 跨家族用灰色虛線(例如 CHOPTOP 參數、TOP 貼圖給材質),線上箭頭代表資料方向。
  • 綁定成功但虛線不見?多半是不小心按到節點上的 x,把數值連線的「顯示」關掉而已,功能還在。
📺 影片段落:2:22

二、Base COMP:把常用流程打包成積木

在空白處建 Base (COMP),滑進去放一個 In (COMP)Out (COMP),中間接你要的處理(例如「半透明+上下顛倒」)。這顆 Base 就成了可重複套用的積木——多張圖要套同一組效果時,複製它、接進新素材就好,畫面也乾淨。左側 Palette 的現成模組,本質上就是包好的 COMP。(自訂參數與 UI 留到 W14。)
📺 影片段落:5:247:58

三、六個最常用的 TOP 節點

TOP(Texture Operator,紫色)負責影像。先給速查表,再逐一補關鍵陷阱。
節點
一句話用途
最容易踩的坑
Movie File In (TOP)
匯入圖片/影片
降解析度會糊,要改 Nearest Pixel 才是像素風
Transform (TOP)
位移/旋轉/縮放
背景色預設只在圖外;用 Scale,別用 Grow/Shrink
Level (TOP)
亮度/對比/黑階/透明度
亮度拉到 1000 可做白色剪影
Composite (TOP)
混合模式
Preview Grid 只給編號不給名字
Rectangle / Circle (TOP)
2D 基礎圖形
做三角形要用 Circle,不是 Rectangle
HSV Adjust (TOP)
調色相/飽和/明度
黑白圖的 Hue Offset 轉不動
Movie File In (TOP)
  • 解析度可上下調;調很低想做像素風卻只是變糊 → 預覽改 Nearest Pixel 才銳利(延伸:Pixel Art:Limit / Resolution TOP)。
  • Cue Point 優先於 Reload:Reload 重載整檔、大檔會卡;Cue Point 只跳時間軸幾乎不卡。
  • Trim 裁片段;Extend 決定播完行為(cycle/mirror/hold/zero),互動最常用 hold/zero。
Transform (TOP)
  • 縮放用 Scale(直接填倍率),別用 Grow/Shrink(得自己換算 pixel)。
  • Pivot 是旋轉中心(預設 0.5, 0.5)。
  • 背景色預設只在圖片外可見;要填滿透明處就開 Comp Over Background
  • Tile Tab 改 repeat/mirror 可做拼貼萬花筒。
Level (TOP)
  • 亮度、對比、黑階、負片、透明度都在這。
  • 隱藏技:亮度拉到 1000 → 純白剪影,比去背快得多。
Composite (TOP)
  • 混合模式節點,至少要接兩個 input。
  • Preview Grid 能一次預覽,但只給編號不給名字,得從左上角 0 自己數 → 常用的直接打獨立節點 Multiply / Over / Difference (TOP) 更快。
  • over 靠 input 順序決定圖層上下。
Rectangle / Circle (TOP)
  • 2D 基礎圖形只有這兩個。三角形用 Circle (TOP)(開 Polygon 設 3 邊);線用 Rectangle (TOP) 壓扁 y 軸。
  • Border 要先開 Border Width、背景色要開 Alpha 才看得到。
HSV Adjust (TOP)
  • 調色相/飽和/明度;先設 Start Color 再縮小 Hue Range,可只改某一種顏色。
  • 黑白圖 Hue Offset 轉不動(無彩度沒有色相可位移),要帶顏色。
⚠️ Cue Point vs Reload: 只是要跳到某時間點就用 Cue Point;真的要重讀整個檔案再用 Reload。用大檔時這個選擇直接影響順不順。
📺 影片段落:10:2517:0120:2624:5929:36

四、Bloom 發光

Bloom (TOP) 一鍵做光暈,取代以前「多層 BlurComposite add + Level」的土法。調 Size(範圍)與 Intensity(強度)即可,Output 選 Bloom with Alpha 能單看光暈本身。
📺 影片段落:34:5737:58

五、Feedback 迴圈(核心)

觀念:Feedback 不是單一節點的效果,要接成迴圈。 雖然有個節點叫 Feedback (TOP),但它自己什麼都做不出來,需要把最後輸出「餵回」它。
Rectangle (TOP) ─┐ ▼ Composite (TOP, Over) ──► 輸出 ▲ │ Feedback (TOP) ┘ │ ▲ │ └── target top ◄───┘ ← 把 Composite 拖回 Feedback,形成迴圈
接法:
  1. Rectangle (TOP):Fill Alpha = 0、Border Width ≈ 0.02、白色、Size ≈ 0.95(只留白框)。
  2. Feedback (TOP)
  3. Composite (TOP),Operation = over;把 Rectangle 也連進 Composite(兩個 input)。
  4. 把 Composite 拖回 Feedback(=填進 target top),迴圈成形。
讓它動: 在 Feedback 與 Composite 之間插入 Transform (TOP) → Scale 縮小(往內延伸)、Rotation 別超過約 4 度(每格都轉,太大看不出漸進)、Translate 帶 0.01 做晃動。想變色再插入 HSV Adjust (TOP)(記得框先給有彩度的顏色)。
⚠️ Composite 一定要設 over,其他混合模式可能讓框消失。
⚠️ 畫面凍住/調參數沒反應 → 按 Feedback (TOP)Pause/reset 重算一次。
💡 殘影:迴圈中插一個 Level (TOP),透明度調 0.95(太低殘影短、不調會一直累加變畫圖)。
📺 影片段落:41:2044:4847:1250:16

六、綜合實作:攝影機無限延伸

Video Device In (TOP) ─┐ ▼ Rectangle(1920×1080) ─► Multiply (TOP) ─► Feedback 網路 ─► 輸出 (裁下半部) (Transform translate Y)
  1. 叫出 Video Device In (TOP)
  2. Rectangle (TOP) 解析度對齊攝影機(點 i 看,通常 1920×1080)——一致才不會混合時被拉伸。
  3. Multiply (TOP) 把畫面裁成下半部(RGBA 相乘,碰到 0 即透明)。
  4. 接 Feedback 網路,中間插 Transform (TOP),Translate Y ≈ 0.01 讓畫面往上長。
  5. 攝影機本人被蓋住 → 調 Composite 的 input 順序,讓攝影機壓在最上層。
⚠️ 攝影機叫不出來/顯示 another process: 一支鏡頭同時只能被一個節點使用。把另一個的 Active 關掉,或複製現有的來用,不要重複建立新的 Video Device In (TOP)
📺 影片段落:52:3654:5757:12

常見問題 FAQ

Q1:線拉過去節點完全沒反應,是壞了嗎?
不是。只有同家族同色能用實線互連(紫 TOP 對紫 TOP)。跨家族要走灰色虛線的綁定,不是直接拉實線。線靠近不相容節點時 input 點會消失,就是提示接不了。
Q2:做三角形用 Rectangle 還是 Circle?Circle (TOP)。開 Polygon 設 3 邊即三角形,四角五角同理。線則用 Rectangle (TOP) 壓扁 y。
Q3:Cue Point 和 Reload 差在哪?
Reload 重載整檔、大檔會卡;Cue Point 只跳時間軸幾乎不卡。互動要頻繁跳播時優先 Cue Point。
Q4:只放一個 Feedback 節點,為什麼沒效果?Feedback (TOP) 單獨做不出效果,要接成迴圈:Rectangle → Feedback → Composite(over) → 拖回 Feedback,中間插 Transform 做縮放旋轉。
Q5:HSV 的 Hue 轉半天不變色?
八成圖是黑白的。色相位移需要有顏色,純黑純白沒有色相可轉,先給圖有彩度的顏色再調 Hue Offset。
Q6:Feedback 畫面凍住怎麼辦?
迴圈殘留了上一格資料,按 Feedback (TOP) 的 Pause/reset 重算即可。

課後練習

  1. 小精靈或紅綠燈。Circle (TOP) 的 Arc Angles 配 LFO (CHOP) 做嘴巴開合的 Pac-Man,熟悉「基礎圖形+參數變化」。
  2. 無限隧道。 Rectangle → Feedback → Composite(over) 接出迴圈,中間插 Transform(Scale 縮小+Rotation ≈ 4 度)與 HSV Adjust 變色,再加 Level 0.95 做殘影。
  3. 攝影機無限延伸(本週作業)。Video Device In (TOP) 接進 Feedback 網路。本週作業參考影片是往「兩側」延伸的版本,概念相同、方向不同,回去對照影片調出來。
  4. Base (COMP) 把「去背+旋轉」打包成一顆可重用 Component,套到三張圖上。

影片章節

時間
內容
連線種類:同家族實線、跨家族灰色虛線
COMP 是資料夾;用 Base COMP 加 In/Out 做可重用元件
左側 Palette 的內建元件
Movie File In (TOP):最常用的輸入節點
調解析度;Custom + Nearest Pixel 做像素風
Cue Point 與 Reload 的差別
Trim 剪輯與 Extend(cycle/mirror/hold/zero)
Transform (TOP):位移/旋轉/縮放
Pivot 旋轉中心
Comp Over Background 填滿透明背景
Level (TOP):黑階/亮度/對比
亮度調到 1000 做白色剪影
Transform 的 Tile:Repeat/Mirror 拼貼
Composite (TOP):混合模式
Preview Grid 一次預覽所有混合模式
Multiply/Over/Difference 常用模式
Rectangle 與 Circle:用 Circle+Polygon 做三角形
HSV Adjust (TOP):色相/飽和/明度
用 Hue Range+Start Color 只改某個顏色
Bloom (TOP):發光光暈,取代舊的多層模糊疊加
Feedback 迴圈:不是單一節點,是一組網路
建 Feedback 網路:Rectangle → Feedback → Composite(Over)
插入 Transform 縮小+旋轉做無限延伸
插入 HSV Adjust 讓延伸帶漸層變色
Feedback 的 Pause 重算;Level 0.95 做殘影
綜合練習:Video Device In 攝影機無限延伸
對齊攝影機解析度、用 Multiply 裁切下半部
插入 Transform Translate Y 讓畫面往上長 + 圖層順序
 
⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑
Luxmin Institute (互動研究院) on Patreon
教學講的是觀念,工具則是我們在真實展場裡跑過、改過、確定能用的東西。TD 元件、專案檔、校正與製作流程都陸續發佈在 Patreon 上,免費層可以先看 Demo 與公開工具,付費層取得完整檔案與更新:
https://www.patreon.com/cw/LuxminInstitute
最新的活動動態與報名資訊:
https://www.threads.com/@luxmin.institute
 
如有相關專案或其他需求,請洽 luxmin.art