UnityShader实战指南：从ShaderLab到Surface Shader的进阶之路

1. ShaderLab基础语法入门第一次接触UnityShader时我完全被ShaderLab的语法搞懵了。记得当时为了修改一个简单的颜色参数花了整整一下午研究Properties块的写法。现在回头看ShaderLab其实就像乐高积木的说明书只要掌握几个核心模块就能搭建出基础的着色器框架。ShaderLab的基本结构就像俄罗斯套娃从外到内分别是Shader、SubShader和Pass三层。最外层的Shader块定义了着色器的名称和路径这个路径决定了它在材质面板中的显示位置。比如Shader Custom/MyShader就会出现在Shader-Custom分类下。Properties块是材质面板的参数控制中心。这里定义的每个属性都会变成材质面板上的可调节选项。常见的属性类型包括_Color (Display Name, Color) (1,1,1,1)颜色选择器_MainTex (Texture, 2D) white {}纹理贴图_Gloss (Smoothness, Range(0,1)) 0.5滑动条下面是一个基础模板我把它保存在代码片段库中作为新Shader的起点Shader Custom/BasicShader { Properties { _Color (Main Color, Color) (1,1,1,1) _MainTex (Base Texture, 2D) white {} } SubShader { Tags { RenderTypeOpaque } CGPROGRAM #pragma surface surf Lambert // 着色器代码写在这里 ENDCG } FallBack Diffuse }SubShader中的Tags就像给GPU的便签告诉渲染引擎如何处理这个材质。比如RenderTypeOpaque表示不透明物体QueueTransparent则用于半透明效果。这些标签直接影响物体渲染顺序设置不当会导致透明物体渲染异常。2. 表面着色器实战技巧表面着色器(Surface Shader)是Unity的智能快捷方式它帮我们处理了大部分光照计算的脏活累活。我的第一个动态光照效果就是用表面着色器实现的当时只写了不到20行代码就让模型产生了真实的光影变化。表面着色器的核心是surf函数它定义了材质表面对光的反应方式。这个函数接收输入结构体Input输出SurfaceOutput结构体。Input包含UV坐标、视角方向等数据SurfaceOutput则定义了反射率、法线等表面属性。下面这个案例实现了基础漫反射效果Shader Custom/SurfaceExample { Properties { _MainTex (Albedo (RGB), 2D) white {} } SubShader { Tags { RenderTypeOpaque } CGPROGRAM #pragma surface surf Lambert struct Input { float2 uv_MainTex; }; sampler2D _MainTex; void surf (Input IN, inout SurfaceOutput o) { o.Albedo tex2D(_MainTex, IN.uv_MainTex).rgb; } ENDCG } }要让材质更生动可以添加法线贴图。只需要在Properties中添加_BumpMap (Normal Map, 2D) bump {}然后在surf函数中处理法线数据void surf (Input IN, inout SurfaceOutput o) { o.Albedo tex2D(_MainTex, IN.uv_MainTex).rgb; o.Normal UnpackNormal(tex2D(_BumpMap, IN.uv_MainTex)); }表面着色器最强大的特性是它的光照模型系统。通过#pragma surface surf CustomLight可以自定义光照计算。下面实现了一个简单的卡通着色效果half4 LightingCustomLight (SurfaceOutput s, half3 lightDir, half atten) { half NdotL dot(s.Normal, lightDir); NdotL floor(NdotL * 3)/3; // 量化光照强度 half4 c; c.rgb s.Albedo * _LightColor0.rgb * (NdotL * atten); c.a s.Alpha; return c; }3. 顶点/片元着色器深度解析当项目需要更精细的控制时顶点/片元着色器(Vertex/Fragment Shader)就是最佳选择。记得第一次实现顶点动画时看着模型顶点随着正弦波律动的感觉简直令人着迷。顶点着色器处理每个顶点的变换片元着色器则决定每个像素的最终颜色。它们通过结构体传递数据典型的工作流程如下Shader Custom/VFExample { SubShader { Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag struct appdata { float4 vertex : POSITION; }; struct v2f { float4 pos : SV_POSITION; }; v2f vert (appdata v) { v2f o; o.pos UnityObjectToClipPos(v.vertex); return o; } fixed4 frag (v2f i) : SV_Target { return fixed4(1,0,0,1); } ENDCG } } }顶点动画的实现通常需要时间参数。通过_Time内置变量可以让顶点动起来v2f vert (appdata v) { v2f o; float wave sin(_Time.y v.vertex.x * 5) * 0.1; v.vertex.y wave; o.pos UnityObjectToClipPos(v.vertex); return o; }对于复杂效果可能需要多个Pass。下面示例展示了如何在第一个Pass中渲染背面第二个Pass中渲染正面Pass { Cull Front // 背面渲染代码 } Pass { Cull Back // 正面渲染代码 }4. 高级Shader特效实现掌握了基础之后可以尝试实现一些炫酷的Shader特效。我的个人经验是90%的复杂效果都是由基础技术组合而成的。屏幕后处理效果是常见的高级应用。通过GrabPass可以获取屏幕内容然后进行图像处理Shader Custom/InvertColor { SubShader { GrabPass { _ScreenTex } Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag sampler2D _ScreenTex; struct v2f { float4 pos : SV_POSITION; float4 grabPos : TEXCOORD0; }; v2f vert (appdata_base v) { v2f o; o.pos UnityObjectToClipPos(v.vertex); o.grabPos ComputeGrabScreenPos(o.pos); return o; } fixed4 frag (v2f i) : SV_Target { fixed4 col tex2Dproj(_ScreenTex, i.grabPos); col.rgb 1 - col.rgb; // 颜色反转 return col; } ENDCG } } }溶解效果是另一个实用案例通过噪声图控制模型的消失过程Properties { _NoiseTex(Noise Texture, 2D) white {} _Threshold(Dissolve Threshold, Range(0,1)) 0.5 } void surf (Input IN, inout SurfaceOutput o) { half noise tex2D(_NoiseTex, IN.uv_NoiseTex).r; clip(noise - _Threshold); o.Albedo _Color.rgb; }在移动平台上Shader优化尤为重要。我总结了几个关键点尽量减少数学运算特别是复杂函数如sin、pow等使用half或fixed代替float存储颜色等简单数据合并多个贴图通道比如将金属度和光滑度存入同一张图的RG通道使用#pragma target 3.0限制Shader模型版本确保兼容性调试Shader时可以输出中间值作为颜色来可视化调试fixed4 frag (v2f i) : SV_Target { // 将法线值可视化 return fixed4(i.normal * 0.5 0.5, 1); }