Try   HackMD

[Session 8] 2024-05-09(四) Touch Designer 入門

生成式演算互動藝術實作 (13:20-16:20) - 陽明交大 IAA 應用藝術研究所 | 教師:吳哲宇

課堂資料目錄

直播留存

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

這週課程教學目標

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

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

參考資料

Touch Designer 學習群共筆