Unity | Shader基础知识（第三集：案例＜对材质颜色进行干预＞)

yesweb

阿里云国内75折回扣微信号：monov8

阿里云国际，腾讯云国际，低至75折。AWS 93折免费开户实名账号代冲值优惠多多微信号：monov8 飞机：@monov6

一、本节介绍

上一集我们学到shader的语法格式这一集我们要学习第二简单的shader案例对shader颜色的简单干预。

二、理论介绍

1.获取位置信息

Unity | Shader基础知识什么是shader_unity shader-CSDN博客

在这一文章中我们可以看出最初决定位置的叫顶点着色器因为确定位置后才可以上色。

结论我们可以在顶点着色器中干预上色的位置

2.改变颜色

上色的最后一步是在片元着色器也叫像素着色器那我们可以不管它中间怎么运行的我们在最后给他改颜色显示出来的肯定会改。

三、对材质颜色进行干预的案例

本案例用到的语义

:POSITION 获取到模型的顶点坐标

:SV_POSITION 输出给像素着色器的屏幕坐标

:SV_TARGET 输出值直接用于渲染了

1.获取位置信息

a.上文说过我们需要在顶点着色器中获取模型的顶点位置信息所以我们一上来就先引入一下

Shader "Custom/001"
{
SubShader
    {
        pass
        {
            CGPROGRAM
            //引入vertex //起名叫vert
            #pragma vertex vert

            ENDCG
        }
    }
}

b.获取模型顶点位置

根据上文语义讲解部分我们已经知道如何拿到模型顶点了。

c.坐标转换

模型的顶点位置肯定是世界坐标下的我们屏幕不一定能显示全面我们的shader只需要管屏幕看得到的东西就够了所以我们需要知道屏幕坐标下的位置信息。

结论我们需要把世界坐标下的顶点位置转换成屏幕坐标下的位置

方法unity已经给我弄好了直接用就可以

//最后会得到模型的屏幕坐标
UnityObjectToClipPos(这里输入模型的顶点世界坐标)

d.把转换好的坐标输出给像素着色器的屏幕坐标

综合上面内容我们的代码是

Shader "Custom/001"
{
SubShader
    {
        pass
        {
            CGPROGRAM
            //引入vertex //起名叫vert
            #pragma vertex vert
            
                        //引入模型顶点坐标    //return的值直接给到片元着色器的屏幕坐标
            float4 vert(float4 v :POSITION):SV_POSITION
            {
            //返回处理过的坐标数据
            return UnityObjectToClipPos(v);
            }
            ENDCG
        }
    }
}

2.处理颜色

a.引入片元着色器信息

//引入fragment //起名叫frag
#pragma fragment frag

b.修改颜色

因为片元着色器输出的直接是颜色了我们假设想输出一个白色

//白色的写法原因略
fixed4(1,1,1,1)

片元着色器输出白色代码段

//片元着色器方法  //直接输出渲染
float4 frag():SV_TARGET
{
    //输出白色
   return float4(1,1,1,1);
}

四、本节全部代码

Shader "Custom/001"
{
SubShader
    {
        pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            float4 vert(float4 v :POSITION):SV_POSITION
            {
            return UnityObjectToClipPos(v);
            }

            float4 frag():SV_TARGET
            {
            return float4(1,1,1,1);
            }

            ENDCG
        }
    }
}