【Unity】ShaderGraphでUI用シェーダーを作成する

はじめに

Unity2023.2からShaderGraphでUI用シェーダーが作成できるようになったので紹介していきたいと思います

環境は Unity 2023.2です

Universal Render Pipeline を使用しています。

やり方

Canvas ShaderGraphを作成することでUI用シェーダーを作成することができます

作成したシェーダーを適用したマテリアルをRawImage等のMaterialにセットすればシェーダーが反映されます

ノード作成

下記記事を参考にTextureやColorの参照を追加します

zenn.dev

完成

Canvas用シェーダーはUnlitと比べて下記の対応がされてます

・Screen Space Overlayの対応

Unlitで作成するとScreen Space Overlayの時に画像がうまく表示されてませんでしたがCanvasだとうまく表示されます

・Alphaの対応

・Maskの対応