# [Session 8] 2024-05-09(四) Touch Designer 入門
生成式演算互動藝術實作 (13:20-16:20) - 陽明交大 IAA 應用藝術研究所 | 教師：[吳哲宇](https://www.instagram.com/cheyuwu345/)

[課堂資料目錄](https://drive.google.com/drive/u/3/folders/14EyKA1-UPyZn3iTJCQ2opIASW8K3SsOs)

# 直播留存
https://youtube.com/live/pvJuKJNkXMU?feature=share

## 課堂檔案
https://drive.google.com/drive/folders/18WZzyuNO9DWFba-heSNR2jBfC-cbysNc?usp=drive_link

# Rundown
* 確認分組、目前上半學期出席狀況
* TD入門 - 過去學習歷程與線上資源
* TD入門 - 基礎練習
* 作業說明 - 合成一幅可以互動＋音樂的世界名畫或迷因
https://www.youtube.com/watch?v=YklqYrytnOQ
# 課程目標
* p5.js入門2

## 在學TD之前
覺得很難非常正常，練久過瓶頸期就順了，上課時會放慢讓大家跟著一起操作
## TD 特點
* 快速建構 Shader 與視覺藝術
* 即時音像表演(結合 Live 或其他 DAW)
* 做為橋樑串接不同軟體
* 互動遊戲
* 處理多重訊號(不同維度採樣取樣)
* 即時濾鏡
* 使用場景：演唱會/博物館/互動裝置/表演/ 3D光雕/ 風扇投影

簡報：https://docs.google.com/presentation/d/1nxQDb6icqHbmnM4EkGR80Wpp8mh3WornTPaB_leTvgw/edit#slide=id.p

## 入門的過程
1. 很痛苦 迷惘感很重
2. 完全不確定每個元件在做什麼
4. 了解快速鍵跟基礎介面
5. 看過大概的元件類型跟數據流 做出簡易的影響混成
6. 跟著簡易的教學實作點東西
7. 跟著複雜但是詳細的教學實作一樣的作品
8. 試著自己動一些參數
9. 理解怎麼看元件的demo
10. 跟著教學實作10個以上的作品
11. 開始做自己的小作品
12. 開始連結外部硬體 midi 鍵盤
13. 開始看大型專案理解架構邏輯

## 這週課程教學目標
1. 理解元件與介面
* null 當整線器，避免刪節點時亂跳
* add 圖片相加
* composite 合成操作(包含加減乘除...等)
* level 亮度、銳利等操作
* 搜尋 In 可找到各種 Input (課堂有 movie)
3. 熟悉快速鍵與操作
* 滑鼠左鍵移動，滑鼠右鍵可以範圍選擇
* 滑鼠中鍵可以看圖片大小
* P 屬性
* D 展示當前節點到背景
* A 進入並操作該節點 (要在按一次 A 或 ESC 退出才會變一般操作模式)
* Ctrl/cmd + A 全選
* tap or 滑鼠點兩下 新增節點
* 數值調整可以用按住滑鼠中鍵上下左右移動快速調整
5. 靜態影音/即時視訊輸入
6. 能靜態合成影像
7. 能操控數據流 **(CHOP 裡)**
* absTime.seconds 可以當作變數放在數值格子裡
* constant 可以用來紀錄數值
* 按 A 進入 Active 模式，點開其他節點，用滑鼠拖移置要關聯的項目
* 要關掉 Active 可以點節點右下角的星號
* math mapping/數值加減乘除/整數...等
* selct 過濾 chanel
9. 能通過數據改變元件的參數
10. 能透過畫面上的控制項操控數據
11. Blur 模糊
12. Level / HSV 改變顏色
13. Lookup 顏色對應
14. Displace 扭曲
15. Feedback 回饋使用法
16. 能輸出靜態影像跟影片檔案
* 錄製時要勾掉 realtime 才能錄製完整的影像，而非電腦給的 Frame 數



## 參考資料
[Touch Designer 學習群共筆](https://www.notion.so/cheyuwu/Touch-Designer-1efac61f723045b5aca136eb2950daf6?pvs=4)