最近打算认真学一下Unity的Shader，以后的项目中还是会用到，虽然说用别人的shader很舒服，但是再好用也是别人的，自己也理解不了，所以还是要自己懂才行。今天稍微来认识一下shader的结构，以及我对unity shader的渲染简单理解。
1.简单了解计算机渲染流程
首先要学习shader，对计算机的渲染流程肯定要了解，这里推荐大家自己百度一下，以下参考：
Unity技术美术
计算机渲染流程
简单了解计算机渲染流程
在概念上我们一般把计算机的渲染流程分为几个阶段：
1.应用阶段：主要是由CPU处理光照、模型等数据，形成点线面的图元数据。
2.几何阶段：处理点线面信息。
3.光栅化阶段：添加纹理、颜色等。
（注意：上述阶段是简化流程，真实操作更加复杂）
2.认识Unity Shader的结构
打开Unity，创建一个材质球，可以看到默认的材质球使用的是标准的pbr shader渲染方式
我们再创建一个shader，通过右键鼠标》Shader》随便选择一个，这里我们选择无光照的Unlit Shader，创建好了如下所示：
双击打开shader，这里我使用的是VScode编写Shader，Unity的Shader使用的是shaderlab语言，封装好了底层的接口，直接调用即可，兼容所有的平台。
Shader "Unlit/shader1"
{
Properties
{
_MainTex ("Texture", 2D) = "white" {
}
}
SubShader
{
Tags {
"RenderType"="Opaque" }
LOD 100
Pass
{
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
// make fog work
#pragma multi_compile_fog
#include "UnityCG.cginc"
struct appdata
{
float4 vertex : POSITION;
float2 uv : TEXCOORD0;
};
struct v2f
{
float2 uv : TEXCOORD0;
UNITY_FOG_COORDS(1)
float4 vertex : SV_POSITION;
};
sampler2D _MainTex;
float4 _MainTex_ST;
v2f vert (appdata v)
{
v2f o;
o.vertex = UnityObjectToClipPos(v.vertex);
o.uv = TRANSFORM_TEX(v.uv, _MainTex);
UNITY_TRANSFER_FOG(o,o.vertex);
return o;
}
fixed4 frag (v2f i) : SV_Target
{
// sample the texture
fixed4 col = tex2D(_MainTex, i.uv);
// apply fog
UNITY_APPLY_FOG(i.fogCoord, col);
return col;
}
ENDCG
}
}
}
最上面的这个是Shader的命名操作，不需要管
Shader "Unlit/shader1"
然后是Properties块，这里是预先定义的参数变量，可以通过Unity的面板调节
Properties
{
_MainTex ("Texture", 2D) = "white" {
}
}
定义的形式主要为
_Name (“Display Name”,Type) = Default Value
Type类型又包括：
Color颜色
Int整数
Float浮点数
Vector四维数
2D纹理
3D纹理
Cube立方体纹理
SubShader类似渲染的列表，可以为渲染提供多种画质选择
Tags:设置特殊的渲染方式，如对透明物体、半透明物体的渲染
LOD:设置渲染的细节控制，处理是针对设备性能进行处理，可以先不管
SubShader
{
Tags {
"RenderType"="Opaque" }
LOD 100
Pass块，所有的渲染都在这里进行，从CGPROGRAM开始，ENDCG结束
一般来说，可以有多个Pass
Pass
{
CGPROGRAM
ENDCG
}
#pragma vertex/fragment name 分别是对顶点着色器和片元着色器的命名
定义好了顶点着色器和片元着色器，就需要对而这进行处理，
具体细节看代码中的注释
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
//引入UnityCG
#include "UnityCG.cginc"
struct appdata
{
float4 vertex : POSITION;
float2 uv : TEXCOORD0;
};
struct v2f
{
float2 uv : TEXCOORD0;
UNITY_FOG_COORDS(1)
float4 vertex : SV_POSITION;
};
sampler2D _MainTex;
float4 _MainTex_ST;
//几何阶段的顶点着色器处理，需要输入一个应用阶段的数据appdata，即点线面等信息
//输入之后处理，返回一个片元着色器要是用到的数据v2f
v2f vert (appdata v)
{
v2f o;
o.vertex = UnityObjectToClipPos(v.vertex);
o.uv = TRANSFORM_TEX(v.uv, _MainTex);
UNITY_TRANSFER_FOG(o,o.vertex);
return o;
}
//光栅化阶段，输入一个需要光栅化处理的结构体v2f,返回颜色信息
fixed4 frag (v2f i) : SV_Target
{
// sample the texture
fixed4 col = tex2D(_MainTex, i.uv);
// apply fog
UNITY_APPLY_FOG(i.fogCoord, col);
return col;
}
ENDCG
上面的阶段，总结起来就是：
vert处理了点的信息
frag把点的信息进行处理输出颜色
里面具体的细节先不去了解，下一节我们来编写自己的代码