著色器設計工具

 

如需 Visual Studio 2017 的最新文件請參閱 Visual Studio 2017 文件

本文件說明如何使用 Visual Studio 著色器設計工具來建立、 修改和匯出自訂視覺效果,稱為 著色器

您可以使用著色器設計工具建立的遊戲或應用程式的自訂視覺效果,即使您不知道 HLSL 程式設計。 若要建立著色器著色器設計工具中,只配置出圖形;也就是說,您將加入至設計介面 節點 ,代表資料和作業,然後再進行連接,進行定義作業如何處理的資料。 在每個節點,以便您可以以視覺化方式檢視其結果提供到該點為止效果預覽。 資料流過朝表示著色器輸出的最後一個節點的節點。

著色器設計工具支援這些著色器格式︰

格式名稱副檔名支援的作業 (檢視、 編輯、 匯出)
有向的圖形著色器語言.dgsl檢視中編輯
HLSL 著色器 (原始程式碼).hlsl匯出
HLSL 著色器 (bytecode).cso匯出
C + + 標頭 (HLSL bytecode 陣列).h匯出

本節說明如何將 DGSL 著色器加到您 Visual Studio 專案,並提供幫助您入門的基本資訊。

若要將 DGSL 著色器加入至專案

  1. 方案總管] 中, ,開啟您想要新增之著色器,然後選擇 [專案的捷徑功能表 新增, ,新項目

  2. 加入新項目 對話方塊的 [ 已安裝, ,請選取 圖形, ,然後選取 視覺著色器圖形 (.dgsl)

  3. 指定 名稱 的著色器檔案,而 位置 您想要建立。

  4. 選擇 [ 加入 ] 按鈕。

預設的著色器

每次建立要使用的 DGSL 著色器,它一開始只具有最低著色器 點色彩 節點連接到 完稿色彩 節點。 雖然這個著色器已完成且正常運作,但不會做什麼事。 因此,第一個步驟中建立工作著色器通常是刪除 點色彩 節點或中斷連線從 完稿色彩 以騰出供其他節點的節點。

下列章節說明如何使用著色器設計工具來處理自訂著色器。

著色器設計工具工具列

工具列包含著色器設計工具的命令,以協助您使用的 DGSL 著色器圖形。

影響狀態的著色器設計工具的命令都位於 著色器設計工具模式 主工具列 Visual Studio 視窗。 設計工具和命令都位於 著色器設計工具 著色器設計工具設計介面上的工具列。

以下是 著色器設計工具模式 工具列︰

[著色器設計工具] 強制回應工具列。

下表描述項目 著色器設計工具模式 工具列,會依照從左到右的順序列出︰

工具列項目說明
選取可讓節點和邊緣圖形中的進行的互動。 在此模式中,您可以選取節點並移動或刪除它們,而且建立邊緣或中斷它們。
取景位置調整可讓相對於視窗框架的著色器圖形的移動。 取景位置調整,選取設計介面上的點並四處移動它。

選取 模式中,您可以按住 ctrl 鍵,即可啟用 取景位置調整 暫時模式。
縮放可顯示增加或減少相對於視窗框架的著色器圖形詳細資料。 在 縮放 模式中,選取設計介面上的點然後向右移動它或放大,向下或向左縮小。

選取 模式中,您可以按住 ctrl 鍵,即可放大或縮小使用滑鼠滾輪。
縮放至適當比例顯示完整的著色器圖形視窗框架中。
即時轉換模式啟用即時轉換時,Visual Studio 會重新繪製設計介面,即使沒有執行任何使用者動作也一樣。 當您處理隨著時間變更的著色器時,這個模式相當有用。
預覽的球體啟用時,球體的模型用來預覽著色器。 您可以啟用一次只能有一個預覽圖形。
預覽的 cube啟用時,cube 的模型用來預覽著色器。 您可以啟用一次只能有一個預覽圖形。
使用磁柱預覽啟用時,圓柱的模型用來預覽著色器。 您可以啟用一次只能有一個預覽圖形。
使用圓錐式預覽啟用時,是圓錐式的模型用來預覽著色器。 您可以啟用一次只能有一個預覽圖形。
預覽的茶壺啟用時,茶壺模型用來預覽著色器。 您可以啟用一次只能有一個預覽圖形。
與平面預覽啟用時,在平面的模型用來預覽著色器。 您可以啟用一次只能有一個預覽圖形。
工具箱或者,顯示或隱藏 工具箱
屬性或者顯示或隱藏 屬性 視窗。
進階包含進階命令和選項。

 匯出︰ 可讓匯出的著色器數種格式。

 匯出成︰ 匯出著色器,為任一 HLSL 原始程式碼或已編譯的著色器 bytecode。 如需如何匯出著色器的詳細資訊,請參閱 How to︰ 匯出著色器

 圖形引擎︰ 可讓您選擇的轉譯器,用於顯示設計介面。

 以 D3D11 呈現︰ 使用 Direct3D 11 呈現著色器設計工具設計介面。

 以 D3D11WARP 呈現︰ 使用 Direct3D 11 Windows Advanced Rasterization Platform (WARP) 呈現著色器設計工具設計介面。

 檢視︰ 可讓您選擇著色器設計工具的其他資訊。

 畫面格速率︰ 啟用時,會在設計介面的右上角顯示目前的畫面播放速率。 畫面播放速率是每秒繪製的畫面數目。 當您啟用這個選項非常有用 即時轉換模式 選項。
System_CAPS_ICON_tip.jpg 提示

您可以選擇 進階 按鈕來重新執行的最後一個命令。

使用節點與連線

使用 選取 模式來新增、 移除、 重新調整位置、 連接和設定節點。 以下是如何執行這些基本作業︰

在選取的模式中執行基本作業
  • 方式如下:

    • 若要將節點加入至圖形中,選取在 工具箱 然後將它移至設計介面。

    • 若要從圖形移除節點,選取它,然後按 Delete 鍵。

    • 若要調整節點的位置,請選取它,然後將它移到新位置。

    • 若要連接兩個節點,將移至另一個節點輸入終端機的一個節點的輸出終端機。 只有具有相容類型的終端機可以連線。 終端機之間的線條會顯示連線。

    • 若要移除的連接,其中一種連線的終端機的捷徑功能表上選擇 [ 中斷連結

    • 若要設定節點的屬性,請選取節點,然後在 屬性 ] 視窗中,指定屬性的新值。

預覽著色器

為了協助您了解如何著色器會在您的應用程式中,您可以設定如何影響您在預覽時。 若要估計您的應用程式,您可以選擇以下數個圖形,以呈現、 材質和其他材料參數設定、 啟用動畫的時間為基礎的效果,以及檢查從不同的角度預覽。

圖形

著色器設計工具包含六個圖形 — 球體、 cube、 圓柱、 圓錐式、 茶壺和平面上,您可以使用預覽您的著色器。 著色器,根據特定圖形可讓您更好的預覽。

若要選擇 「 預覽 」 圖形
  • 著色器設計工具模式 工具列上,選擇您要的圖形。

紋理和材質的參數

許多的著色器使用紋理和材質屬性產生的每一種應用程式中的物件特有的外觀。 若要查看您的著色器在您的應用程式外觀,您可以設定紋理和材質屬性用來呈現預覽,比對的材質和您可能在您的應用程式中使用的參數。

將不同的紋理繫結至紋理暫存器,或修改其他材料參數
  1. 選取 模式中,選取設計介面的空白區域。 這會導致 屬性 顯示全域著色器屬性] 視窗。

  2. 屬性 ] 視窗中,指定您想要變更材質和參數屬性的新值。

以下是您可以修改的著色器參數︰

參數屬性
紋理 1紋理 8存取: 公用 以便將內容從模型編輯器設定,否則 私人

 檔名︰ 這個紋理暫存器相關聯的材質檔案的完整路徑。
資料環境存取: 公用 以便將內容從模型編輯器設定,否則 私人

 ︰ 擴散光源間接 – 或環境 – 由於目前的像素的色彩。
擴散材質存取: 公用 以便將內容從模型編輯器設定,否則 私人

 ︰ 描述目前的像素如何 diffuses 直接光源的色彩。
射出材質存取: 公用 以便將內容從模型編輯器設定,否則 私人

 ︰ 目前的像素因為自行提供光源的色彩比重。
反射材質存取: 公用 以便將內容從模型編輯器設定,否則 私人

 ︰ 描述目前的像素是如何反應直接光源的色彩。
光澤度材料存取: 公用 以便將內容從模型編輯器設定,否則 私人

 ︰ 反射反白顯示的濃度會定義目前的像素的指數。

以時間為基礎的效果

某些著色器具有動畫效果的時間為基礎的元件。 若要顯示作用中動作的外觀,預覽已更新數次每秒鐘。 根據預設,預覽會只變更時,更新著色器。若要變更此行為,以便您可以檢視以時間為基礎的效果,您必須啟用即時轉換。

若要啟用即時轉換
  • 著色器設計工具工具列上,選擇 即時呈現

檢查效果

許多的著色器會影響變數,例如檢視角度或方向光源。 若要查看效果如何回應這些變數的變更,您可以自由地旋轉預覽圖形,並觀察著色器的運作方式。

旋轉圖案
  • 按下並按住 alt 鍵,然後選取設計介面上的任何時間點,然後將它移。

匯出著色器

您可以在應用程式中使用著色器之前,您必須了解 DirectX 格式將它匯出。

您可以在 HLSL 原始程式碼或已編譯的著色器 bytecode 匯出著色器。 HLSL 原始程式碼會匯出至.hlsl 副檔名的文字檔。 您可以匯出著色器 bytecode,未經處理的二進位檔案的副檔名為.cso 檔案名稱,或著色器 bytecode 會編碼成陣列的 c + + 標頭 (.h) 檔。

如需如何匯出著色器的詳細資訊,請參閱 How to︰ 匯出著色器

命令鍵盤快速鍵
切換至 選取 模式Ctrl+G、Ctrl+Q

S
切換至 縮放 模式Ctrl+G、Ctrl+Z

Z
切換至 取景位置調整 模式Ctrl+G、Ctrl+P

K
全選Ctrl+A
刪除目前選取範圍刪除
取消目前的選取範圍逸出字元
放大Ctrl + 滑鼠滾輪向前轉

加號 (+)
縮小Ctrl 滑鼠滾輪往後捲動

減號 (-)
向上移動設計介面滑鼠滾輪往後捲動

PageDown
向下移動設計介面滑鼠滾輪往前捲動

PageUp
在設計介面向左移動瀏覽Shift + 滑鼠滾輪往後捲動

滑鼠滾輪向左捲動

Shift+PageDown
移動瀏覽設計介面右下Shift + 滑鼠滾輪往前捲動

滑鼠滾輪向右捲動

Shift+PageUp
將鍵盤焦點移至另一個節點方向鍵
選取具有鍵盤焦點 (將節點加入至選取項目群組) 的節點Shift + 空格鍵
切換選取之節點的鍵盤焦點Ctrl+空格鍵
切換目前的選取範圍 (如果不選取任何節點,選取具有鍵盤焦點的節點)空格鍵
將目前的選取範圍向上移動Shift+向上鍵
將目前的選取範圍向下移動Shift+向下鍵
向左移動目前的選取範圍Shift+向左鍵
將目前的選取範圍向右移動Shift + 向右鍵。
標題說明
使用 3d 資產來打造遊戲和應用程式提供概觀, Visual Studio 工具可讓您使用紋理和影像、 3-D 模型和著色器效果。
影像編輯器描述如何使用 Visual Studio 影像編輯器來處理紋理和影像。
模型編輯器描述如何使用 Visual Studio 模型編輯器來使用 3d 模型。
顯示: