TouchDesigner 馬賽克與 Pixel Art 教學｜Limit TOP 與 Resolution TOP 實作指南
想在 TouchDesigner 中製作馬賽克（Mosaic）或 Pixel Art 像素效果？本教學示範如何用 Limit (TOP) 與 Resolution (TOP) 快速實現，包括 Undertale 式復古視覺與 Pixel Art 效果設定技巧。
最近我們新開了一個 Line TouchDesigner 討論群組，歡迎大家加入一起討論與進步！
https://line.me/ti/g2/5IkAcg_6dF_CbR0oChIRWVoTRWQdSEHEVmcjtw
https://line.me/ti/g2/5IkAcg_6dF_CbR0oChIRWVoTRWQdSEHEVmcjtw
我們開課囉！九月開設新課程【 TD105 DAT 資料處理與 Python 表達式 】，以及【互動電子裝置系列工作坊】持續開設，歡迎報名參加~
⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑
在使用 TouchDesigner 處理影像時，是否曾經想要知道畫面中某個 Pixel 的實際顏色數值呢？其實不需要任何複雜的操作，就可以用內建的功能來查看！
這項功能適用於任何 TOP Operator，不論是靜態圖、影片、Render (TOP)，甚至是 Noise (TOP)、Feedback (TOP) 等生成圖像，都能直接取色。
操作步驟教學
只需要簡單 3 步驟，就能在 Viewer 裡即時查看像素資訊：
1. 開啟目標 TOP 的 Viewer 模式
點選你要查看的 TOP 節點，點按右下角的 Viewer 按鈕。
2. 啟用 Pixel 顯示模式
在 Viewer 視窗中點擊滑鼠右鍵，會跳出選單。
選擇
✅ Display Pixel Values（顯示像素資訊）。3. 滑鼠移到任意畫面位置查看特定 Pixel
此時只要將滑鼠移動到畫面上，你會在左下角看到目前位置的像素資訊。
顯示資訊說明
啟用「Display Pixel Values」後，左下角會即時顯示以下數據：
項目 | 說明 |
UV 座標 | 像素位置對應到 0~1 空間的座標（浮點數） |
XY 座標 | 實際像素位置（以解析度為單位的整數，例如 1920 x 1080） |
RGB（0~255） | 傳統色彩值，用於影像後製與顏色分析 |
RGB（0~1） | 浮點數格式，TD 預設的顏色格式，適合數值運算與 GLSL 使用 |
這對於影像處理、色彩抽樣、或是驗證 shader 輸出非常方便！
小結
這個「像素取色器 Pixel Colour Picker」功能是許多初學者忽略的小工具，卻有著非常方便的功用：
- 測試影像輸出是否正確
- 比對顏色、濾鏡、遮罩範圍
- 開發 GLSL Shader 或 DAT 資料分析時的重要輔助工具
不需要任何額外節點或程式，就能讓你了解畫面上的像素實際數據！
⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑
Luxmin Institute 互動研究院 策劃了一系列關於互動體驗技術、科技藝術與多媒體整合為核心的主題課程、工作坊、社群、聚會，以及 TXRX 互動體驗大會
關注我們最新的活動動態與報名資訊：https://www.threads.com/@luxmin.institute
相關文章
TouchDesigner 教學｜CHOP Export vs Expression 效能比較與選用指南
在 TouchDesigner 中，CHOP Export 與 Expression 是最常用的數值輸出方式。效能在現今幾乎一致，但在連結穩定性、批量控制與靈活運算上各有優勢。本篇深入比較差異、適用情境與實戰選用建議，幫助你做出最佳選擇。
TouchDesigner Python 條件運算技巧｜單行 if/else 與三元表達式寫法解析
學會在 TouchDesigner 中用 Python 寫單行條件運算（if/else）！本篇教你兩種高效語法：三元表達式與布林陣列索引，快速實現邏輯控制、文字切換與互動輸出。提升開發效率與可讀性，輕鬆應對 CHOP、DAT 與參數控制需求！