【Unity3D】ShaderLab实战

1、第一个Vertex/Fragment着色器：
脑海中时刻要明确GPU渲染管线的顺序。可以通过SubShader的CommonState改变一些固定渲染管线的状态，如Material, Lighting, Culling & Depth Testing, Fog, Alpha Testing, Blending等。更加个性化的编程，我们需要在Vertex和Fragment Shader里面实现。
Vertex的输入一般是我们对外开放的接口，即2D纹理，Color等，Vertex的输出做为Fragment的输入。Fragment的输出送到渲染管线的下一步，最后显示器提取Buffer中像素的值，显示出我们想要的效果。

U3D中渲染管线

代码实现：

Shader “Custom/Simple”
{
Properties
{
_Color(“Base Color”, Color) = (1,1,1,1)
_MainTex(“Base(RGB)”, 2D) = “white” {}
}

SubShader
{
	tags{"Queue" = "Transparent" "RenderType" = "Transparent" "IgnoreProjector" = "True"}
	Blend SrcAlpha OneMinusSrcAlpha
	
	Pass
	{
		Name "Simple"
		Cull off
		
		CGPROGRAM
		#pragma vertex vert //定义顶点着色器函数名为vert
		#pragma fragment frag //定义片段着色器函数名为frag
		#include "UnityCG.cginc"
		
		float4 _Color;
		sampler2D _MainTex;
		
		//顶点着色器处理之后，ShaderLab自动传送给片段着色器的变量的结构体
		struct v2f 
		{
			float4 pos:POSITION; 
			float4 uv:TEXCOORD0;
			float4 col:COLOR;
		};
		
		//appdate_base定义在UnityCG.cginc中，包含了基础的顶点结构，如位置、贴图、法向量、颜色等，具体可以参考上一篇关于ShaderLab的基础学习笔记
		v2f vert(appdata_base v) 
		{
			v2f o;
			//从CPU顶点缓冲区拿到的vertex是局部坐标系的顶点坐标，需要通过变换矩阵计算后转换为最终投影坐标系的顶点坐标，模型坐标系+观察坐标系+投影坐标系矩阵
			o.pos = mul(UNITY_MATRIX_MVP, v.vertex); 
			o.uv = v.texcoord;
			o.col.xyz = v.normal * 0.5 + 0.5;
			o.col.w = 1.0;
			return o;
		}
		
		half4 frag(v2f i):COLOR
		{
		    //i.uv.xy：转换后的顶点uv坐标值
			//tex2D(_MainTex ,i.uv.xy)：根据uv坐标，拿到贴图上相应坐标上的颜色值。
			//_Color：外部输入的颜色值
			//i.col：vertex阶段计算出来的颜色值，为顶点法线融合的计算结果。
			half4 c = tex2D(_MainTex ,i.uv.xy) * _Color * i.col;
			//half4 c = i.col;
			return c;
		}
		
		ENDCG
	}
}

}

2、UV旋转动画：
旋转可以有两个方式，一个是改变物体的postion，这个比较困难。另一个是改变贴图的uv，这个实现起来相对简单。
核心算法：
half4 frag(v2f i):COLOR
{
float2 uv = i.uv.xy - float2(0.5, 0.5);

//float2 rotate = float2(cos(_RSpeed * _Time.x), sin(_RSpeed * _Time.x));
//向量旋转一定角度的公式
// x' = xcosn - ysinn;
// y' = xsinn + ycosn;
uv = float2(uv.x * cos(_RSpeed * _Time.x) - uv.y * sin(_RSpeed * _Time.x), 
			uv.x * sin(_RSpeed * _Time.x) + uv.y * cos(_RSpeed * _Time.x));

uv += float2(0.5, 0.5);

half4 c = tex2D(_MainTex , uv) * _Color;
return c;

}

3、UV重复、偏移效果：
_NameTex_ST
Tiling：贴图的重复次数，有x、y两个维度
Offset：贴图的偏移量，也是有x、y两个维度
uv.xy乘以一个float2的常量，就可以做x、y上做相应的重复。
uv.xy加上一个float2的常量，就可以在x、y上做相应的偏移。
核心算法：
struct v2f
{
float4 pos:POSITION;
float2 uv:TEXCOORD0;
};
float4 _MainTex_ST;
v2f vert(appdata_base v)
{
v2f o;
o.pos = mul(UNITY_MATRIX_MVP, v.vertex);
o.uv = TRANSFORM_TEX(v.texcoord, _MainTex);
//上面的TRANSFORM_TEX展开了即：o.uv = v.texcoord.xy * _MainTex_ST.xy + _MainTex_ST.zw;
return o;
}
_MainTex_ST和TRANSFORM_TEX配合使用，实现这个效果，其中TRANSFORM_TEX在UnityCG.cginc中定义。

4、序列帧动画：
贴图中有12个火焰的效果，循环播放就可以实现动画效果。
算法就是使用上面介绍的UV重复和UV偏移的方法。

5、LightMap：

灯光贴图：光照射到静态物体上，可以把光照射的明暗信息保存起来，形成一张灯光贴图，这个过程叫做烘焙。
优点：省去复杂的光照计算；可以对贴图进行二次处理。
缺点：多了一层纹理；通常需要额外的UV；静态贴图无法动态改变光的方向等。
如何制作LightMap：
需要制作灯光贴图的物体，在Inspector面板上勾选上Static。
打开Window–>LightMapping面板，配置参数，点击Bake就可以烘焙出灯光贴图了。
参数的配置这里不做详细讨论。
U3D烘焙出来的灯光贴图会直接作用到场景中。
如果是从外部导入的灯光贴图，就需要自己写一个Shader运用到场景中。

算法实现：

struct v2f
{
float4 pos:POSITION;
float4 uv:TEXCOORD0;
float2 uvLM:TEXCOORD1;
};
v2f vert(appdata_full v)
{
v2f o;
o.pos = mul(UNITY_MATRIX_MVP, v.vertex);
o.uv = v.texcoord;
o.uvLM = v.texcoord1.xy;
return o;
}
half4 frag(v2f i):COLOR
{
//两张贴图的uv坐标对应的Color值叠加在一起。Alpha值为MainTex
half4 c = tex2D(_MainTex , i.uv.xy) * _Color;
half3 l = 2.0 * tex2D(_LightMap, i.uvLM).rgb;
//half4 lm= tex2D(_LightMap, i.uvLM);
//half3 l = 8.0 * lm.a * lm.rgb;
c.rgb *= l;

return c;

}

6、UV、纹理、三维模型的关系：
纹理即二位的图像，具有二维的UV坐标。
三维模型有三维顶点坐标，但是如果要对其贴图，必须要有二维的UV坐标。
二维的UV坐标使纹理和三维模型能够映射起来，即贴图，否则无法映射。

7、Shader中调用GLSL代码的方法：

使用opengl打开u3d：“C:\Program Files\Unity\Editor\Unity.exe” -force-opengl

Shader “GLSL basic shader” { // defines the name of the shader
SubShader { // Unity chooses the subshader that fits the GPU best
Pass { // some shaders require multiple passes
GLSLPROGRAM // here begins the part in Unity’s GLSL

     #ifdef VERTEX // here begins the vertex shader

     void main() // all vertex shaders define a main() function
     {
        gl_Position = gl_ModelViewProjectionMatrix * gl_Vertex;
           // this line transforms the predefined attribute 
           // gl_Vertex of type vec4 with the predefined
           // uniform gl_ModelViewProjectionMatrix of type mat4
           // and stores the result in the predefined output 
           // variable gl_Position of type vec4.
     }

     #endif // here ends the definition of the vertex shader


     #ifdef FRAGMENT // here begins the fragment shader

     void main() // all fragment shaders define a main() function
     {
        gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0); 
           // this fragment shader just sets the output color 
           // to opaque red (red = 1.0, green = 0.0, blue = 0.0, 
           // alpha = 1.0)
     }

     #endif // here ends the definition of the fragment shader

     ENDGLSL // here ends the part in GLSL 
  }

}
}