Unity Shader学习笔记：手把手拆解一个渐变纹理着色器，理解Half Lambert与纹理采样
Unity Shader深度解析：从Half Lambert到渐变纹理采样的数学可视化之旅
在游戏开发中，光影效果是赋予虚拟世界生命力的关键要素。当我们观察一个3D模型时，其表面明暗变化不仅取决于光源位置，更与着色器如何处理光线密切相关。本文将带您深入Unity Shader的核心机制，通过拆解一个典型的渐变纹理着色器，揭示Half Lambert光照模型与纹理采样背后的数学原理。不同于市面上大多数"复制粘贴"式的Shader教程，我们将采用可视化思维和分步推导的方式，让您真正理解每一行代码如何转化为屏幕上的光影魔术。
1. 基础光照模型：从Lambert到Half Lambert
1.1 经典Lambert余弦定律
在计算机图形学中，Lambert光照模型是最基础的漫反射计算方法。其核心公式简单而优雅：
float lambert = max(0, dot(N, L));其中N是表面法向量，L是光线方向向量，dot函数计算两者的点积。从数学上看，这个点积实际上等于两个向量夹角的余弦值（cosθ），因此Lambert模型也被称为余弦光照模型。
表：Lambert模型在不同角度下的计算结果
| 光线与法线夹角 | 点积值 | 视觉效果 |
|---|---|---|
| 0° | 1.0 | 最亮 |
| 45° | ~0.707 | 中等亮度 |
| 90° | 0.0 | 完全黑暗 |
1.2 Half Lambert的改良哲学
Valve公司在开发《半条命》时发现，纯粹的Lambert模型在暗部区域过于"死黑"，不符合美术期望。于是他们创造性地提出了Half Lambert模型：
float halfLambert = dot(N, L) * 0.5 + 0.5;这个简单的数学变换将原本[-1,1]的范围映射到[0,1]区间，带来了三个关键改进：
- 暗部保留细节：即使表面背对光源，也能保持一定可见度
- 艺术控制空间：通过调整系数可以控制明暗过渡曲线
- 渐变纹理友好：输出范围正好匹配纹理UV坐标的[0,1]范围
提示：在实践中有时会看到
pow(halfLambert, 2.2)的变体，这是为了模拟gamma校正后的视觉效果。
2. 渐变纹理：将数学转化为视觉艺术
2.1 渐变纹理的本质
渐变纹理（Ramp Texture）本质上是一维的颜色查找表（LUT），其典型特征包括：
- 通常为长条形（如256x16像素）
- 水平方向表示光照强度变化
- 垂直方向可以存储不同材质类型
- 每个像素代表特定光照强度下的表面颜色
表：常见渐变纹理类型对比
| 类型 | 适用场景 | 示例用途 |
|---|---|---|
| 线性渐变 | 平滑表面 | 金属、塑料 |
| 阶梯渐变 | 卡通渲染 | 动漫风格角色 |
| 自定义渐变 | 特殊效果 | 能量护盾、魔法特效 |
2.2 在Shader中实现纹理采样
将Half Lambert计算结果映射到渐变纹理的关键代码如下：
fixed3 diffuse = _LightColor0.rgb * tex2D(_RampTex, fixed2(halfLambert, 0)) * _Diffuse.rgb;这里有几个技术细节值得注意：
tex2D是CG/HLSL中的纹理采样函数fixed2(halfLambert, 0)创建了一个二维纹理坐标- 通常将y坐标固定为0（或0.5），只利用x轴的变化
- 采样结果再与光源颜色和材质底色相乘
注意：纹理导入设置中必须关闭mipmap并设置为Clamp模式，避免边缘采样异常。
3. 完整Shader代码的逐行解析
让我们拆解一个完整的渐变纹理Shader，理解每个部分的协作关系：
// 属性定义 Properties { _RampTex ("Ramp Texture", 2D) = "white" {} _Diffuse ("Diffuse Color", Color) = (1,1,1,1) } // 顶点着色器输入结构 struct appdata { float4 vertex : POSITION; float3 normal : NORMAL; }; // 顶点着色器输出结构 struct v2f { float4 pos : SV_POSITION; float3 worldNormal : TEXCOORD0; float3 worldPos : TEXCOORD1; }; // 顶点着色器 v2f vert (appdata v) { v2f o; o.pos = UnityObjectToClipPos(v.vertex); o.worldNormal = UnityObjectToWorldNormal(v.normal); o.worldPos = mul(unity_ObjectToWorld, v.vertex).xyz; return o; } // 片元着色器 fixed4 frag (v2f i) : SV_Target { // 计算光照方向 float3 lightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); // Half Lambert计算 float halfLambert = dot(i.worldNormal, lightDir) * 0.5 + 0.5; // 采样渐变纹理 fixed3 rampColor = tex2D(_RampTex, float2(halfLambert, 0)).rgb; // 组合最终颜色 fixed3 finalColor = rampColor * _LightColor0.rgb; return fixed4(finalColor, 1.0); }4. 高级应用与性能优化
4.1 动态渐变控制
通过脚本实时修改渐变纹理可以实现动态效果：
// C#脚本示例 public Texture2D rampTexture; public float gradientSpeed = 0.5f; void Update() { float offset = Time.time * gradientSpeed; material.SetTextureOffset("_RampTex", new Vector2(offset, 0)); }4.2 多维度渐变纹理
利用纹理的y轴可以存储不同材质类型：
float materialType = 0.5; // 0到1之间 fixed3 rampColor = tex2D(_RampTex, float2(halfLambert, materialType)).rgb;4.3 性能优化技巧
- 纹理压缩：使用RGB Crunched DXT5格式减少内存占用
- 共享采样：多个物体使用同一渐变纹理实例
- 预处理计算：在顶点着色器中计算部分光照信息
- 质量平衡：根据目标平台选择适当纹理分辨率（移动端建议128x128）
表：不同平台下的渐变纹理优化策略
| 平台类型 | 推荐纹理尺寸 | 压缩格式 | 注意事项 |
|---|---|---|---|
| PC/主机 | 256x256 | BC7/DXT5 | 支持高质量渐变 |
| 移动端 | 128x128 | ETC2/ASTC | 注意带宽限制 |
| WebGL | 128x128 | DXT1 | 考虑格式支持情况 |
5. 实战案例：卡通风格角色着色
结合渐变纹理的特性，我们可以实现风格化的卡通渲染效果。以下是关键实现步骤：
- 准备阶梯渐变纹理：使用有明显色阶变化的纹理
- 添加轮廓光：在片元着色器中增加边缘检测
- 特殊高光处理：使用step函数创造锐利的高光区域
- 动态调整：根据角色与相机距离调整渐变精度
// 卡通风格片元着色器示例 fixed4 frag (v2f i) : SV_Target { // 加强版Half Lambert float hl = dot(i.worldNormal, lightDir) * 0.6 + 0.4; // 色阶量化 float steps = 4.0; hl = floor(hl * steps) / steps; // 采样卡通渐变纹理 fixed3 color = tex2D(_RampTex, float2(hl, 0)).rgb; // 添加边缘高光 float rim = 1.0 - saturate(dot(viewDir, i.worldNormal)); color += pow(rim, 3.0) * _RimColor.rgb; return fixed4(color, 1.0); }在Unity中调试这类Shader时，我习惯将中间变量（如halfLambert值）临时输出为颜色，这样能直观地验证各阶段的正确性。例如return fixed4(hl, hl, hl, 1.0);可以快速检查光照计算是否合理。