Skip to content
第02回 Shader Graph基礎

1 / 4 Shader GraphとMaterialの作成 ​

このステップの目的

色を出すGraphと、そのGraphを使うMaterialを作り、Sceneの形状へ適用します。

単色表示までの準備 ​

Shader Graphは計算の部品を線でつなぐ編集画面です。部品をノード(Node)、入力から出力へ値を渡す線を接続と呼びます。Unlitは照明の計算を加えず、指定した色を確かめるために使います。

  1. Projectウィンドウで右クリックし、Create > Shader Graph > URP > Unlit Shader Graphを選びます。名前をColorPracticeにします。
  2. Graphを開きます。最終的な色の出力先は、Master StackのFragment側にあるBase Colorです。
  3. 作業領域でSpaceキーを押してノード検索を開き、Colorノードを追加します。まず赤色を指定します。
  4. Colorの右側の出力を、Base Colorの左側の入力へドラッグして接続します。Graphを保存します。
  5. Projectウィンドウで保存したGraphを右クリックし、Create > MaterialでMaterialを作成します。名前をColorPracticeMaterialにします。
  6. MaterialをQuadへ割り当て、Gameビューで赤く表示されることを確認します。

接続と表示の関係 ​

Graph内のColorは計算に使う値、MaterialはこのGraphを使って物体を描くための設定です。GraphのプレビューとSceneの表示を分けて確認します。プレビューだけ変わる場合は、Graphの保存とQuadのRendererに割り当てたMaterialを確認してください。

Colorを青へ変更し、保存してからGameビューを確認します。同じ形状のまま色だけが変われば、色の出力がつながっています。次はこの値をMaterialから変更できるようにします。

チェックリスト
  • Graphを保存し、作成したMaterialをQuadへ割り当てた。
  • Colorの変更が、Gameビューの同じQuadへ反映される。