HOW TO：建立以幾何為基礎的漸層著色器
本文件示範如何使用著色器設計工具和有向圖形著色器語言建立幾何漸層著色器。 這個著色器會依世界空間中物件每個點的高度縮放固定的 RGB 色彩值。
本文件示範下列活動:
將節點加入到著色器圖形
設定節點屬性
個別節點
連接節點
建立幾何漸層著色器
您可以結合像素位置實作幾何著色器輸入您的著色器。 在陰影語言，像素比它的色彩和位置包含詳細資訊第 2 螢幕的。 像素已知的，因為在陣列的一個 片段 系統是描述介面對應像素值的集合。 在文件中描述的著色器套用高度 3D 物件的每個像素世界空間中的影響片段的最終輸出色彩。
在您開始之前，請確定 [屬性] 視窗和 [工具箱] 隨即顯示。
建立以幾何為基礎的的漸層著色器
建立 DGSL 著色器使用。 如需如何將 DGSL 著色器加入至專案的詳細資訊，請參閱 著色器設計工具中的使用者入門 > 一節。
從 [最後的色彩] 節點的 [點的色彩。] 節點。 選取 [點的色彩。] 節點的 [RGB] 終端，然後選取 [中斷連結。]。 這讓資料列在下一個步驟加入的節點。
將 [乘號] 節點加入至圖形。 在 [數學] 下的 [工具箱] 中，選取 [乘號] 並將其移至設計介面。
將 [遮罩向量] 節點加入至圖形。 在 [公用程式] 下的 [工具箱] 中，選取 [遮罩向量] 並將其移至設計介面。
為 [遮罩向量] 節點指定遮罩值。 在 [選取] 模式中，選取 [遮罩向量] 節點，然後在 [屬性] 視窗中，將 [綠色/Y] 屬性設定為 [true]]，然後將 [紅色 X/]、 [藍色/Z] 和 [Alpha、W] 屬性設定為 [false]。 在此範例中， [ [紅色 X/]、 [綠色/Y] 和 [藍色/Z] 屬性對應於 [世界位置] 節點的 x、y 和 z 元件，，且 [Alpha、W] 未使用。 由於只有 [綠色/Y] 設定為 [true]，，只有輸入向量的 Y 元件中，在它是遮罩之後。
將 [全球位置] 節點加入至圖形。 在 [常數] 下的 [工具箱] 中，選取 [全球位置] 並將其移至設計介面。
將片段中世界空間中的位置套上遮罩。 在 [選取] 模式中，將 [全球位置] 節點的 [輸出] 終端移至 [遮罩向量] 節點的 [向量] 終端。 這個連接會遮罩片段的位置，以忽略 x 和 z 元件。
將 RGB 色彩常數乘以遮罩的世界空間位置。 將 [點的色彩。] 節點的 [RGB] 終端移至 [乘以] 節點的 [Y] 終端，然後將 [遮罩向量] 節點的 [輸出] 終端移至 [乘以] 節點的 [x] 終端。 這個連接測量單位為像素的高度 (以全局空間中的色彩值。
將階層色彩值連接至完稿色彩。 將 [乘以] 節點的 [輸出] 終端移至 [最後的色彩] 節點的 [RGB] 終端。
下圖顯示已完成的著色器圖形和套用至圓球的著色器預覽。
.gif "注意事項") 注意事項 |
|---|
在本圖中，指定了橙色色彩以提供較佳的著色器效果示範，但由於預覽圖形沒有世界空間中的位置，因此無法在著色器設計工具中完整預覽著色器。必須在真實場景中預覽著色器，才能示範完整效果。 |
.png "著色器圖形及其效果預覽。")
某些圖案可能對某些著色器提供更好的預覽。 如需如何在著色器設計工具中預覽著色器的詳細資訊，請參閱 著色器設計工具上的 預覽著色器
下圖顯示在文件中描述套用至立體模型的著色器，而立體模型在 HOW TO：為基本 3D 場景建立模型 也有示範。 色彩的濃度實際上是增加點的高度。
.png "已套用至 3D 地形模型的漸層效果")
如需如何將著色器套用至 3D 模型的詳細資訊，請參閱HOW TO：將著色器套用至 3D 模型。