ShaderGraphのデバッグ

18番目のパズル用に空と雲の表現のためにシェーダーグラフでマテリアルを作成している。

シェーダーグラフの作成では、デバッグで苦労する。Positionなどの座標数値がオブジェクト基準の時に、回転やスケールさせるとどう変化するのか。ライトやビューの向きのベクトルがどういった数値になっているのか。数値を直接見たいが、プリントやログなどの機能がない。

そこでシェーダーグラフの、内部の数値を表示させるものを作ってみた。数字で表示させるのは難しいのでバーグラフで表示させる。

当初、表示用のテクスチャーを作成しその一部を表示するグラフを作成してが、 Proceduralノードを使って画像なしで生成することとした。デバッグ中は数値の範囲が分からないので最大最小値も設定できるようにした。

このグラフをサブグラフ化しておけば、作成するグラフでデバッグしたいとき組み込んで利用できる。