コツコツエンジニアノート

ユニティちゃんでShader学習①、単色シェーダー

#UnityShader

投稿日:2025-06-07

更新日:2025-07-26

テストに使う3Dモデル

最終的にはトゥーンシェーダーの勉強に繋げたいので、公式提供の

SDユニティちゃん

を使って実装しています。
導入方法はこちら。
Unityちゃんパッケージ

単色を返す3Dシェーダー

全く実用的ではないですが、最もシンプルなシェーダーは単一色を返すシェーダーになります。

Copy Code


Shader "Unlit/SingleColor"
{
    //マテリアルプロパティを追加
    Properties
    {
        _Color ("Main Color", Color) = (1,1,1,1)
    }

    SubShader
    {
        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            
            struct appdata
            {
                float4 vertex : POSITION;
            };

            struct v2f
            {
                float4 vertex : SV_POSITION;
            };

            //プロパティに対応するシェーダー変数を追加
            fixed4 _Color;

            // 頂点シェーダー
            v2f vert (appdata v)
            {
                v2f o;
                // ワールド座標をカメラを原点とする座標系に変換し、
                // かつカメラの画角外の頂点を削ります
                o.vertex = UnityObjectToClipPos(v.vertex);
                return o;
            }

            // ピクセルシェーダー
            fixed4 frag (v2f i) : SV_Target
            {
                return _Color;
            }
            ENDCG
        }
    }
}

最後のピクセルシェーダー（フラグメントシェーダー）で返してる値が実際に画面に反映される色です。

Copy Code


                return fixed4(1, 1, 1, 1);

試しにユニティちゃんの服のマテリアルである

def_mat

のシェーダーを、さきほど作った

Unlit/SingleColor

に変えてみます。

結果は下の通りです。
単一色シェーダーに変えたUnityちゃん

例えば最後に返す色を白(1, 1, 1, 1)から赤(1, 0, 0, 1)に変えてみると、勿論ユニティちゃんの服の色も変わります。

Copy Code


                return fixed4(1, 0, 0, 1);

プロパティで外部から色を指定

マテリアルプロパティを追加すると、いちいちコードを書き換えなくても外部から色を指定できます。

Copy Code


Shader "Unlit/SingleColor"
{
    //マテリアルプロパティを追加
    Properties
    {
        _Color ("Main Color", Color) = (1,1,1,1)
    }

    SubShader
    {
        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            
            struct appdata
            {
                float4 vertex : POSITION;
            };

            struct v2f
            {
                float4 vertex : SV_POSITION;
            };

            //プロパティに対応するシェーダー変数を追加
            fixed4 _Color;

            // 頂点シェーダー
            v2f vert (appdata v)
            {
                v2f o;
                // ワールド座標をカメラを原点とする座標系に変換し、
                // かつカメラの画角外の頂点を削ります
                o.vertex = UnityObjectToClipPos(v.vertex);
                return o;
            }

            // ピクセルシェーダー
            fixed4 frag (v2f i) : SV_Target
            {
                return _Color;
            }
            ENDCG
        }
    }
}

最初の方にプロパティのコードが追加されています。

Copy Code


    //マテリアルプロパティを追加
    Properties
    {
        _Color ("Main Color", Color) = (1,1,1,1)
    }

途中辺りにプロパティに対応するシェーダー変数が定義されています。

Copy Code


            //プロパティに対応するシェーダー変数を追加
            fixed4 _Color;

マテリアルのインスペクターを見ると、

Main Color

という表示が追加されています。
色変化のプロパティ

今回はここまで、次のページでは座標を色に変換するシェーダーを作っています。

...

p.104

p.105

p.106

p.107

p.108

p.109

p.110

p.111

p.112

p.113

p.114

...

< SDユニティちゃんの導入方法

ユニティちゃんでShader学習②、座標色シェーダー >