[TouchDesigner 教學] Scene Changer 實作多場景淡入切換

2024.09.08 / TouchDesigner 教學
通常使用 TouchDesigner 實作互動功能不會只顯示一個場景,因此我們可透過內建的 sceneChanger 來快速實作場景的轉換。

建立基礎功能

  1. 從左側 Palette 選擇 Tools 分類,拖曳下方的 sceneChanger 至中央。

  1. 選取 sceneChanger,點擊 Generate Scene Template 的 Pulse。

  1. 建立一個 Container COMP,並將它拖曳到 sceneChanger 的 Scenes COMP 欄位。

  1. 剪下剛才新增的 sceneTemplate,雙點擊進入 Container 後貼上。

  1. 重複複製貼上 sceneTemplate,多建立幾個場景。

  1. 返回上一層,選取 sceneChanger,點擊 Generate UI 的 Pulse,再點擊 sceneChangerUi 右下角的按鈕,即可以按鈕切換多個場景。(可調整 sceneChanger 的 Fade Time 以改變淡入速度)

修改場景內容

  1. 進入 Container 中的 sceneTemplate,刪除原本的 text1,改成 Movie File In 輸入圖片或影片,並輸出至 out1。

  1. 修改好場景內容後,最後返回最上層,即可透過點擊 sceneChangerUi 的按鈕來切換多個自定義場景。

輸出至視窗或螢幕

  1. 建立 Window COMP。
  2. 將 sceneChanger 拖曳至 Windows COMP 的 Window Operator。
  3. 點擊 Window 的 Open as Separate Window 的 Open。
  4. 最後即可點擊 sceneChangerUi 中的按鈕來切換場景。

相關文章

Ted Liou

雲科碩士在讀中,專注於 Unity C#、TouchDesigner 技術,常把技術筆記分享到部落格,偶爾還直接挪用文章來當教材的研究生。

留言板

歡迎提問或分享觀點!