{"id":"a06","course":"beginners-class","section":"basics","order":6,"code":"A06","title":"基礎 3D 製作 SOP","kind":"video","durationSec":2068,"duration":"34:28","freePreview":false,"families":["SOP","MAT"],"loopwiseLectureId":"f8e1c4ef","hasNotes":true,"notes":{"toc":[{"id":"s-1","text":"這個單元在做什麼","level":2},{"id":"s-2","text":"SOP：3D 的形狀從這裡開始","level":2},{"id":"s-3","text":"渲染：Geometry、攝影機、燈光","level":2},{"id":"s-4","text":"材質，以及 Render 抓哪些物件","level":2},{"id":"s-5","text":"陰影、旋轉與一點後製","level":2},{"id":"s-6","text":"Grid、Text 與 Extrude","level":2},{"id":"s-7","text":"Instancing：沿著格子的點複製方塊","level":2},{"id":"s-8","text":"用一張 Noise 決定每顆方塊的高度","level":2},{"id":"s-9","text":"打光、後製，換掉被複製的物體","level":2},{"id":"s-10","text":"模擬音樂訊號，讓表面像水","level":2},{"id":"s-11","text":"滑鼠經過的地方凸起來","level":2},{"id":"s-12","text":"線架構的 3D 文字","level":2},{"id":"s-13","text":"混合兩個場景，以及 Camera Viewport","level":2},{"id":"s-14","text":"常見問題","level":2},{"id":"s-15","text":"卡住的時候","level":2}],"segments":[{"html":"<h2 id=\"s-1\">這個單元在做什麼</h2>\n<p class=\"has-ts\"><span class=\"tsg\"><a class=\"ts\" href=\"#t=7\" data-t=\"7\" title=\"播放錄影 00:07\">00:07</a></span>TD 有非常完整的 3D 支援：建構各種幾何形狀、把它們扭曲，或用數據控制它們，再調攝影機的角度、物體的位置和打光，把它們渲染出來。它也可以用程式的方式，一次複製非常多的幾何形狀。</p>\n<p class=\"has-ts\"><span class=\"tsg\"><a class=\"ts\" href=\"#t=45\" data-t=\"45\" title=\"播放錄影 00:45\">00:45</a></span>哲宇說，這跟 Unreal、Unity 這些遊戲引擎或 3D 軟體有一點像，「不過它的強項就在於說它一樣可以即時渲染」，而且可以接進各式各樣的訊號源。例如滑鼠移動的時候，想讓一群方塊跟著滑鼠凸起來，在 TD 裡很容易做到。</p>\n<p class=\"has-ts\"><span class=\"tsg\"><a class=\"ts\" href=\"#t=65\" data-t=\"65\" title=\"播放錄影 01:05\">01:05</a></span>這個單元做兩個場景。第一個從方塊、球、柱體開始，把它們放進 3D 世界，加上攝影機、燈光、材質和陰影，渲染成一張圖。第二個把一顆方塊複製成一整片，用一張 Noise 的圖決定每顆方塊的高度，變成一片會移動的山脈，再讓它跟著模擬的音樂跳動、跟著滑鼠凸起來，最後放上一行旋轉的線架構文字。TD 的 3D 環境沒有 3D 軟體那麼多功能，但已經可以拿來做街邊的互動遊戲，或新媒體藝術作品裡的一些環節。</p>\n<aside class=\"callout callout-key\" aria-label=\"這個單元帶走\"><p class=\"callout-title\">這個單元帶走</p><ol>\n<li>3D 的形狀用 SOP 做。要被攝影機拍到，就得放進 <code class=\"op\" data-family=\"COMP\">Geometry COMP</code>：在 SOP 上按右鍵，選 COMP 裡的 <code>Geometry</code>。</li>\n<li>渲染要三個元素：<code class=\"op\" data-family=\"TOP\">Render TOP</code> 負責渲染成畫面、<code class=\"op\" data-family=\"COMP\">Camera COMP</code> 決定從哪個角度看、<code class=\"op\" data-family=\"COMP\">Light COMP</code> 打光。陰影跟著燈光走，在燈光的 Shadows 打開。</li>\n<li>材質用 MAT。<code class=\"op\" data-family=\"MAT\">Phong MAT</code> 是基礎的 3D 材質，把一張圖（例如 <code class=\"op\" data-family=\"TOP\">Ramp TOP</code>）拖到 <code>Color Map</code>，表面就換成那張圖的顏色。</li>\n<li>Instancing：方塊做成 <code>Geometry</code>，用 <code>SOP to CHOP</code> 把 <code class=\"op\" data-family=\"SOP\">Grid SOP</code> 的每個點變成位置，方塊就沿著這些點複製。再用 <code><span class=\"tok-v\">TOP</span> to CHOP</code> 把一張 Noise 的圖變成每顆方塊的高度，點的數量要跟圖的像素一樣多。</li>\n<li>渲染出來的畫面可以當成一般的影像後製：<code><span class=\"tok-v\">RGB</span> Key <span class=\"tok-v\">TOP</span></code> 補黑色背景、加一點人工噪點、<code class=\"op\" data-family=\"TOP\">Level TOP</code>、<code>Bloom</code>。</li>\n</ol>\n</aside>"},{"locked":true,"id":"s-2","title":"SOP：3D 的形狀從這裡開始"},{"locked":true,"id":"s-3","title":"渲染：Geometry、攝影機、燈光"},{"locked":true,"id":"s-4","title":"材質，以及 Render 抓哪些物件"},{"locked":true,"id":"s-5","title":"陰影、旋轉與一點後製"},{"locked":true,"id":"s-6","title":"Grid、Text 與 Extrude"},{"locked":true,"id":"s-7","title":"Instancing：沿著格子的點複製方塊"},{"locked":true,"id":"s-8","title":"用一張 Noise 決定每顆方塊的高度"},{"locked":true,"id":"s-9","title":"打光、後製，換掉被複製的物體"},{"locked":true,"id":"s-10","title":"模擬音樂訊號，讓表面像水"},{"locked":true,"id":"s-11","title":"滑鼠經過的地方凸起來"},{"locked":true,"id":"s-12","title":"線架構的 3D 文字"},{"locked":true,"id":"s-13","title":"混合兩個場景，以及 Camera Viewport"},{"locked":true,"id":"s-14","title":"常見問題"},{"locked":true,"id":"s-15","title":"卡住的時候"}],"sections":15},"courseName":"TouchDesigner 入門必修課","buyUrl":"https://education.monolab.world/courses/beginners-class","sectionTitle":"基礎知識","prev":{"id":"a05","course":"beginners-class","section":"basics","order":5,"code":"A05","title":"Base COMP、模組化邏輯","kind":"video","durationSec":2235,"duration":"37:15","freePreview":false,"families":["COMP","CHOP"]},"next":{"id":"a07","course":"beginners-class","section":"basics","order":7,"code":"A07","title":"進階 3D 渲染與材質","kind":"video","durationSec":2316,"duration":"38:36","freePreview":false,"families":["MAT","SOP","TOP"]}}