方法: グレースケール テクスチャ シェーダーを作成する

Visual Studio 2017 RC の最新のドキュメントの詳細については、Visual Studio 2017 RC ドキュメントをご参照ください。

このドキュメントでは、シェーダー デザイナーおよび Directed Graph Shader Language (DGSL) を使用してグレースケール テクスチャ シェーダーを作成する方法を説明します。 このシェーダーは、テクスチャ サンプルの RGB カラー値を変更し、その値を未変更のアルファ値と共に使用して最終的な色を設定します。

グレースケール テクスチャ シェーダーの作成

テクスチャ サンプルのカラー値を変更してから最終的な出力色に記述することで、グレースケール テクスチャ シェーダーを実装できます。

開始する前に、プロパティ ウィンドウとツールボックスが表示されていることを確認します。

グレースケール テクスチャ シェーダーを作成するには

  1. 方法: 基本テクスチャ シェーダーを作成するの説明に従って、基本的なテクスチャ シェーダーを作成します。

  2. [テクスチャ サンプル] ノードの [RGB] ターミナルを [最終的な色] ノードの [RGB] ターミナルから接続解除します。 [選択] モードでは、[テクスチャ サンプル] ノードの [RGB] ターミナルを選択し、[リンクの解除] をクリックします。 これにより、次の手順で追加するノードのための領域を確保できます。

  3. グラフに [彩度を下げる] ノードを追加します。 [ツールボックス] で、[フィルター] で、それをデザイン サーフェイスに [彩度を下げる] を選択します移動します。

  4. [彩度を下げる] ノードを使用して、グレースケールの値を計算します。 [選択] モードでは、[彩度を下げる] ノードの [RGB] ターミナルに [テクスチャ サンプル] ノードの [RGB] ターミナルに移動します。

    注意

    標準の光がグレースケール変換に大きくする既定で、完全に [彩度を下げる] ノード desaturates 入力色、および使用します。 どのように動作する、または部分的に入力色や desaturating だけで [彩度を下げる] ノードが [輝度] のプロパティの値を変更しても変わります。 部分的な彩度に入力色は [彩度を下げる] ノードの [パーセント] ターミナルに、範囲[0,1) のスカラー値を提供します。

  5. グレースケール カラーの値を最終的な色に接続します。 [最終的な色] ノードの [RGB] ターミナルに [彩度を下げる] ノードの [出力] ターミナルに移動します。

    次の図は、完了したシェーダー グラフと直方体に適用されるシェーダーのプレビューを示します。

注意

この図では、平面は、シェーダーの効果をわかりやすく示すために、プレビュー図形とテクスチャが指定されたためです。

シェーダー グラフとその効果のプレビュー

特定の図形を使用すると、シェーダーをより適切にプレビューできる可能性があります。 シェーダー デザイナーでのシェーダーのプレビューの詳細については、「シェーダー デザイナー」を参照してください。

参照

方法: シェーダーを 3-D モデルに適用する
方法: シェーダーをエクスポートする
イメージ エディター
シェーダー デザイナー
シェーダー デザイナー ノード