Unity Shader：（四）从0到1动手写一个调色板Shader

0.   先写一个嘿简单的Shader

Shader "Test/SimpleShader"
{
    SubShader
    {
        Pass
        {
            CGPROGRAM
            #pragma vertex vert  //代表顶点着色器的函数名
            #pragma fragment frag   //代表片元着色器的函数名
            float4 vert(float4 v:POSITION) :SV_POSITION  //加粗部分是CG里的语义，是固定的
            {
                return UnityObjectToClipPos(v);
            }
            fixed4 frag() : SV_Target
            {
                return fixed4(1.0,1.0,1.0,1.0);  //代表的Color，(1,1,1)是白色，(0,0,0)是黑色
            }
            ENDCG
        }
    }
}

要定义更多的数据就要用到结构体了，来看看怎么写吧。

Shader "Test/SimpleShader"
{
    SubShader
    {
        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            //使用结构体来定义顶点着色器的输入
            struct a2v 
            {
                float4 vertex:POSITION; //用模型空间的顶点坐标填充vertex
                float3 normal:NORMAL;  //用模型空间的法线方向填充normal
                float4 texcoord:TEXCOORD0; //用模型的第一套纹理填充texcoord
            };
            float4 vert(a2v v) :SV_POSITION  //注意传参是结构体参数
            {
                return UnityObjectToClipPos (v.vertex);
            }
            fixed4 frag() : SV_Target
            {
                return fixed4(1.0,1.0,1.0,1.0);
            }
            ENDCG
        }
    }
}

现在做一个颜色渐变的小球吧！！！需要把顶点着色器的信息传给片元着色器，那么就要定义一个结构体struct v2f 和方法v2f vert(a2v v)  来接收顶点着色器的输出。然后把返回值传给片元着色器fixed4 frag(v2f i): SV_Target

Shader "Test/SimpleShader"
{
    SubShader
    {
        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            //使用结构体来定义顶点着色器的输入
            struct a2v 
            {
                float4 vertex:POSITION; //用模型空间的顶点坐标填充vertex
                float3 normal:NORMAL;  //用模型空间的法线方向填充normal
                float4 texcoord:TEXCOORD0; //用模型的第一套纹理填充texcoord
            };
            struct v2f 
            {
                float4 pos:POSITION;
                fixed3 color : COLOR0;
            };

            v2f vert(a2v v)
            {
                v2f o;
                o.pos = UnityObjectToClipPos(v.vertex);
                o.color = v.normal*0.5 + fixed3(0.5, 0.5, 0.5);  
                return o;
            }
            fixed4 frag(v2f i) : SV_Target
            {
                return fixed4(i.color,1.0);
            }
            ENDCG
        }
    }
}

效果图：

 哎呀再前进一步！在材质面板显示一个颜色拾取器方便控制颜色。

根据前面介绍的，我们可以通过定义一个颜色属性，来显示到材质面板。再把这个属性赋值给片元着色器。下面加粗部分是新增加的代码。

Shader "Test/SimpleShader"
{
    Properties{ _Color("Pick Color",Color)=(1.0,1.0,1.0,1.0)}
    SubShader
    {
        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            fixed4 _Color;

            //使用结构体来定义顶点着色器的输入
            struct a2v 
            {
                float4 vertex:POSITION; //用模型空间的顶点坐标填充vertex
                float3 normal:NORMAL;  //用模型空间的法线方向填充normal
                float4 texcoord:TEXCOORD0; //用模型的第一套纹理填充texcoord
            };
            struct v2f 
            {
                float4 pos:POSITION;
                fixed3 color : COLOR0;
            };

            v2f vert(a2v v)
            {
                v2f o;
                o.pos = UnityObjectToClipPos(v.vertex);
                o.color = v.normal*0.5 + fixed3(0.5, 0.5, 0.5);
                return o;
            }
            fixed4 frag(v2f i) : SV_Target
            {
                fixed3 c = i.color;
                c *= _Color.rgb;  //这里是*，就是叠加这个效果
                return fixed4(c,1.0);
            }
            ENDCG
        }
    }
}

效果图：可以看得出来是叠加效果。

 下一节我们再介绍语义，调式，优化。