Bonus:多媒體互動展演技術規劃:HDMI 傳輸距離、佈線與電力計算實戰|IVD487 W18
一場互動展演在現場能不能順跑,關鍵不在軟體,而在基礎設施。這篇以體感作品「地面鬥技場」為範例,一層一層把技術規劃圖填滿:USB 線材與速度、顯示三大類、投影機規格、HDMI 傳輸距離解法、影像分配、音訊 PA、網路協定、電力計算、佈線與遠端監控。附多張對照表與章節時間戳,規劃前掃一遍就能跟廠商對得上話。
想做出畫面往內無限延伸的隧道效果?這篇整理 TouchDesigner Feedback 迴圈的完整接法,順帶複習六個最常用的 TOP 節點(Movie File In、Transform、Level、Composite、HSV Adjust、Bloom),最後用攝影機做出即時無限延伸互動。附節點速查表與章節時間戳,上完課回來掃一遍就能接回來。

Circle (TOP) 而不是 Rectangle (TOP)
TOP 對紫 TOP)。拉去接不相容節點時,它的 input 點會消失,就是在告訴你這裡接不了。CHOP 控 TOP 參數、TOP 貼圖給材質),線上箭頭代表資料方向。x,把數值連線的「顯示」關掉而已,功能還在。📺 影片段落:2:22Base (COMP),滑進去放一個 In (COMP) 與 Out (COMP),中間接你要的處理(例如「半透明+上下顛倒」)。這顆 Base 就成了可重複套用的積木——多張圖要套同一組效果時,複製它、接進新素材就好,畫面也乾淨。左側 Palette 的現成模組,本質上就是包好的 COMP。(自訂參數與 UI 留到 W14。)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)Transform (TOP)Level (TOP)Composite (TOP)Multiply / Over / Difference (TOP) 更快。over 靠 input 順序決定圖層上下。Rectangle / Circle (TOP)Circle (TOP)(開 Polygon 設 3 邊);線用 Rectangle (TOP) 壓扁 y 軸。HSV Adjust (TOP)⚠️ Cue Point vs Reload: 只是要跳到某時間點就用 Cue Point;真的要重讀整個檔案再用 Reload。用大檔時這個選擇直接影響順不順。
Bloom (TOP) 一鍵做光暈,取代以前「多層 Blur + Composite add + Level」的土法。調 Size(範圍)與 Intensity(強度)即可,Output 選 Bloom with Alpha 能單看光暈本身。Feedback (TOP),但它自己什麼都做不出來,需要把最後輸出「餵回」它。Rectangle (TOP) ─┐ ▼ Composite (TOP, Over) ──► 輸出 ▲ │ Feedback (TOP) ┘ │ ▲ │ └── target top ◄───┘ ← 把 Composite 拖回 Feedback,形成迴圈
Rectangle (TOP):Fill Alpha = 0、Border Width ≈ 0.02、白色、Size ≈ 0.95(只留白框)。Feedback (TOP)。Composite (TOP),Operation = over;把 Rectangle 也連進 Composite(兩個 input)。Transform (TOP) → Scale 縮小(往內延伸)、Rotation 別超過約 4 度(每格都轉,太大看不出漸進)、Translate 帶 0.01 做晃動。想變色再插入 HSV Adjust (TOP)(記得框先給有彩度的顏色)。⚠️ Composite 一定要設over,其他混合模式可能讓框消失。
⚠️ 畫面凍住/調參數沒反應 → 按Feedback (TOP)的 Pause/reset 重算一次。
💡 殘影:迴圈中插一個Level (TOP),透明度調 0.95(太低殘影短、不調會一直累加變畫圖)。
Video Device In (TOP) ─┐ ▼ Rectangle(1920×1080) ─► Multiply (TOP) ─► Feedback 網路 ─► 輸出 (裁下半部) (Transform translate Y)
Video Device In (TOP)。Rectangle (TOP) 解析度對齊攝影機(點 i 看,通常 1920×1080)——一致才不會混合時被拉伸。Multiply (TOP) 把畫面裁成下半部(RGBA 相乘,碰到 0 即透明)。Transform (TOP),Translate Y ≈ 0.01 讓畫面往上長。⚠️ 攝影機叫不出來/顯示 another process: 一支鏡頭同時只能被一個節點使用。把另一個的 Active 關掉,或複製現有的來用,不要重複建立新的Video Device In (TOP)。
TOP 對紫 TOP)。跨家族要走灰色虛線的綁定,不是直接拉實線。線靠近不相容節點時 input 點會消失,就是提示接不了。Circle (TOP)。開 Polygon 設 3 邊即三角形,四角五角同理。線則用 Rectangle (TOP) 壓扁 y。Feedback (TOP) 單獨做不出效果,要接成迴圈:Rectangle → Feedback → Composite(over) → 拖回 Feedback,中間插 Transform 做縮放旋轉。Feedback (TOP) 的 Pause/reset 重算即可。Circle (TOP) 的 Arc Angles 配 LFO (CHOP) 做嘴巴開合的 Pac-Man,熟悉「基礎圖形+參數變化」。Rectangle → Feedback → Composite(over) 接出迴圈,中間插 Transform(Scale 縮小+Rotation ≈ 4 度)與 HSV Adjust 變色,再加 Level 0.95 做殘影。Video Device In (TOP) 接進 Feedback 網路。本週作業參考影片是往「兩側」延伸的版本,概念相同、方向不同,回去對照影片調出來。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 讓畫面往上長 + 圖層順序 |