TouchDesigner 互動狀態機：Timer／Logic 串起轉場、碰撞與幸運轉輪防呆｜IVD487 W13

TouchDesigner 互動狀態機：Timer／Logic 串起轉場、碰撞與幸運轉輪防呆

• 鍵盤切換影像的兩種寫法：CHOP Execute (DAT) 寫 Python，或純節點用 Logic (CHOP) ＋ Fan (CHOP)
• Switch (TOP) 與 Cross (TOP) 差在哪、怎麼選
• 怎麼用 Logic (CHOP) 偵測「數值變化」再接 Timer (CHOP) 做轉場
• 2D 碰撞判定的完整節點鏈
• 互動狀態機：沒人互動時自動回預設畫面
• Trigger (CHOP) ＋ Speed (CHOP) 做幸運轉輪，加上展場防呆

一、鍵盤切換影像：兩種寫法

op('switch1').par.index = channel.name

• op('switch1')：指定那顆 Switch (CHOP) 節點。
• .par：進到它右側的參數欄（所有參數都在 par 底下）。
• .index：指到 Index 這個參數（點開參數就能看到它的內部名稱）。
• = channel.name：把剛被觸發的那個 channel 名稱（已 rename 成 1～5 的數字）指派進去。

💡 Fan (CHOP) 從 0 開始數： 切到第 1 個按鍵，右側顯示的數值是 0，之後依序 1、2、3、4。程式邏輯從 0 起算，接 Index 時心裡先有底，不然會覺得「怎麼差一號」。

二、Switch vs Cross：什麼時候用哪個

三、加轉場：偵測數值變化 → Timer → Filter → Cross

1. 在切換訊號後面再接一顆 Logic (CHOP)，Convert Input 選 Value Change——只在你按鍵切換的那一瞬間送出訊號。
2. 用這個訊號觸發 Timer (CHOP)（例如設 3 秒）。Timer 跑動時的 running channel 剛好是 1／結束回 0。
3. 用 Select (CHOP) 把 running 取出來，接 Filter (CHOP)（或 Lag (CHOP)）做漸進，再接 Null (CHOP) 連到 Cross (TOP)，控制轉場圖漸入漸出。

⚠️ Timer (CHOP) 前面兩個 input 別接錯： 滑鼠移上去會顯示，第一個是 Initialize Trigger（重設），第二個才是 Start Trigger（開始）。訊號一定要接到第二個；接到第一個等於一直在重設，Timer 永遠不會跑，轉場也永遠觸發不了。

⚠️ 影片先切、轉場才到？加一顆 Delay (CHOP)。 在通往 Switch 的數值變化路徑上插 Delay (CHOP)，把它的 Length 綁成 Timer 的 Length ÷ 2（在 Timer 的 Length 上按右鍵 Copy Parameter，貼成 Path Reference 再除以 2）。這樣不管 Timer 調多長，切換點永遠落在轉場「蓋滿畫面」的中間，換得神不知鬼不覺。

四、2D 碰撞判定：Circle × Multiply → Analyze → Logic → Level

1. Mouse In (CHOP) 控制 Circle (TOP) 的位置（跟以前畫圖一樣）。
2. Circle (TOP) 與目標圖 Multiply (TOP)——只有兩者重疊時，畫面才會出現一點點內容。
3. 接 Analyze (TOP)，把模式從 Average 改成 Max（直接抓最大值，重疊就跳出來）。
4. 接 TOP to CHOP (CHOP) 把畫面轉成數值。
5. 用 Select (CHOP) 只取 alpha channel（碰撞優先看 alpha，重疊時接近 1）。
6. 有了 0／1 的開關，就能去控制任何效果——例如接 Level (TOP) 拉透明度，讓一張圖（示範用蝴蝶）在碰到時跳出來。

⚠️ 碰撞判定記得再壓一顆 Logic (CHOP)。 圖像邊角有抗鋸齒平滑，alpha 在邊緣會出現像 0.8863 這種半透明小數。加一個 Logic (CHOP)，只要「不是 0」就變 1，把訊號壓成乾淨的 0／1，開關才不會在邊角糊掉。

💡 合成前先用 Fit (TOP) 把幾張圖統一成同一比例（例如 1280×720），再進 Composite (TOP) 用 Over 疊起來，畫面才不會被拉伸。

五、互動狀態機：閒置自動回預設

1. Mouse In (CHOP) 取 tx、ty（橫軸、縱軸）。
2. 不必分辨動的是 x 還是 y，用 Math (CHOP) 的 Combine Channels 把兩軸相加——只要其一在動，總和就在變。
3. 接 Logic (CHOP) 選 Value Change：數值一變就送出 1，停了變 0，這就是「有沒有人在互動」的開關。
4. 把這個開關接到 Timer (CHOP) 的第二個 input。只要持續互動，Timer 就一直被 reset、不會歸零；一旦停手，倒數走完。
5. 取 Timer 的 running channel → Filter (CHOP) 漸進 → Null (CHOP) → Switch，時間到就切回預設影片。

六、幸運轉輪：Trigger → Speed 持續旋轉＋展場防呆

1. 建 Button (COMP)，Button Type 選 Momentary——按下瞬間觸發一次就自動關掉（不要 Toggle，那會變按一下開、再按一下關）。
2. 接 Trigger (CHOP)：它是 ADSR 波形產生器（和合成器的波形產生器同源），按 push 會送出一段 0→1→回落的波形。想看清波形，到 Common 把 Time Slice 關掉，才看得到整段變化。
3. 中間插 Math (CHOP)：Trigger 只有 0～1，用 From Range 把 0→1 映射成 0→360，旋轉幅度才夠。
4. Trigger 直接綁旋轉會轉過去又轉回來（因為它是觸發開關，數值會歸位）。要在 Math 與旋轉之間插 Speed (CHOP)——它是「持續累加器」，輸入是多少就每秒累加多少，於是按一下就持續往同方向轉，波形回 0 後累加停止、盤面自然停下。

⚠️ 展場一定做防呆。 觀眾在展場一定會狂按按鈕試著弄出 bug。把防呆做進 Trigger：觸發旋轉後，不論中途怎麼按，都照樣在 5 秒後停，不會被連按疊加成無限旋轉。能預判觀眾的怪操作並先擋好，體驗才穩；有餘力還能在怪操作下藏彩蛋。

常見問題 FAQ

課後練習

1. 鍵盤切換影像＋轉場（純節點版）。 用 Keyboard In → Logic(radio button) → Fan(fan in) → Null → Switch 做切換，再接 Logic(value change) → Timer → Filter → Cross 做轉場，並用 Delay Length ÷ 2 修正切換時機。全程不寫 Python。
2. 2D 碰撞判定。 Circle × Multiply → Analyze(max) → TOP to CHOP → Select(alpha) → Logic → Level，讓圓碰到目標圖時跳出一張圖。記得用 Logic 把 alpha 壓成 0／1、合成前用 Fit 統一比例。
3. 幸運轉輪防呆。 Button(momentary) → Trigger → Math(0→360) → Speed → 旋轉，調 ADSR 讓它轉約 5 秒漸停，並確認「觸發後怎麼狂按都照樣停」。
4. （進階）閒置回預設狀態機。 Mouse In(tx+ty) → Math(combine) → Logic(value change) → Timer，用 running 接 Filter → Switch，做出沒人互動就自動退回預設影片。

影片章節