游戏水面的秘密：用URP和Blinn-Phong打造逼真高光（含完整Shader代码）

游戏水面的秘密：用URP和Blinn-Phong打造逼真高光（含完整Shader代码）

当你在《塞尔达传说：旷野之息》的湖边驻足，或是在《刺客信条：英灵殿》的海岸线航行时，是否曾被那波光粼粼的水面所吸引？那种随着视角移动而闪烁、随波浪起伏而跳跃的光斑，不仅仅是视觉的点缀，更是营造沉浸感的关键。对于追求极致画面表现的游戏开发者而言，实现一个既高效又富有艺术表现力的水面高光，是Shader编写中绕不开的课题。今天，我们不谈枯燥的理论堆砌，而是从一个实践者的角度，深入URP渲染管线，用Blinn-Phong光照模型作为画笔，一步步调教出属于你自己的那片“会呼吸”的水面。这篇文章面向那些已经熟悉Unity基础Shader语法，渴望在视觉效果上更进一步，希望将技术原理转化为动人画面的开发者。我们将从物理直觉出发，经过参数的艺术化调整，最终交付一套可直接用于项目的、完整且可扩展的Shader代码。

1. 理解高光：从物理直觉到艺术表达

在计算机图形学中，模拟物体表面的高光反射，本质上是在回答一个问题：为什么我们能看到一个明亮的光斑？ 传统的Phong模型认为，高光的强度取决于观察方向与光线理想反射方向的接近程度。而Blinn-Phong模型则提供了一个更高效、视觉上通常也更合理的近似：它引入了半角向量的概念。

想象一下你站在湖边看夕阳。水面最亮的地方，并不是阳光直接反射到你眼睛的位置（那是镜面反射），而是那些法线方向恰好平分你的视线方向和光源方向的微小波面。这个“平分”的方向，就是半角向量H。Blinn-Phong模型的核心公式 Specular = Ks * pow(max(0, dot(N, H)), Shininess) 所描述的，正是法线N与这个半角向量H的接近程度决定了高光的强度。dot(N, H) 的值越接近1，说明该点的法线越接近理想反射面的法线，高光就越强。Shininess（光滑度）指数则控制着高光斑的“锐利”程度，值越大，高光越集中，看起来材质就越光滑，像平静的油面；值越小，高光越弥散，看起来材质就越粗糙，像风吹过的湖面。

然而，在游戏开发中，物理正确性往往需要为艺术表现力让路。一个完全物理准确的水面高光可能并不“好看”。我们的目标不是模拟物理，而是欺骗眼睛，创造出玩家心目中“真实”且“美观”的水面。这意味着我们需要深入理解每个参数的艺术影响：

• _SpecularColor（高光颜色）：它不仅仅是白色。在清晨，高光可能带有淡淡的暖黄色；在阴天，可能是冷灰色。将高光颜色与环境光或主光源颜色进行适度混合，能极大地增强场景的氛围统一性。
• _SpecularIntensity（高光强度）：控制整体高光的亮度。过强会显得像塑料，过弱则失去存在感。它需要与场景的整体光照亮度动态平衡。
• _Smoothness（光滑度）：这是控制高光“质感”的灵魂参数。它与水面波浪的尺度紧密相关。

提示：不要孤立地调整高光参数。务必在目标游戏场景的典型光照条件下进行调试，因为最终效果是材质与光照环境共同作用的结果。

为了更直观地理解这些参数如何协同工作，我们可以参考下面的快速调节指南：

参数	物理意义	艺术调节效果	过低的表现	过高的表现	典型初始值范围
高光颜色	反射光线的颜色	影响高光的氛围（暖/冷）	高光苍白，与环境脱节	颜色过于鲜艳，显得不自然	(0.9~1.0, 0.95~1.0, 1.0) 或与光源色混合
高光强度	反射光线的能量系数	控制高光的醒目程度	水面暗淡，缺乏生气	水面像镀铬金属，失去水的质感	0.3 ~ 0.8
光滑度	表面微观粗糙度	控制高光斑的大小和锐利度	高光大面积弥散，像磨砂塑料	高光呈极小的锐利白点，不自然	50 ~ 200 (取决于波浪尺度)

2. 在URP中构建高光Shader框架

Universal Render Pipeline (URP) 为Shader开发带来了更现代和标准化的方法。我们首先需要建立一个正确的Shader基础结构。与内置管线不同，URP Shader需要包含特定的HLSL库文件，并遵循其渲染队列和混合状态的设置。

创建一个新的Shader文件，我们从头开始构建。首先，定义我们的属性块，这是美术或技术美术在材质面板上进行调节的入口：

Properties
{
    [Header(Specular)]
    _SpecularColor("Specular Color", Color) = (1, 1, 1, 1)
    _SpecularIntensity("Specular Intensity", Range(0, 2)) = 0.6
    _Smoothness("Smoothness", Range(1, 500)) = 100

    [Header(Wave Normal)]
    _NormalMap("Normal Map", 2D) = "bump" {}
    _NormalScale("Normal Scale", Range(0, 2)) = 1.0
    _WaveSpeed("Wave Speed", Float) = 0.05
}

接下来是SubShader部分。对于透明水面，我们需要设置正确的Tags和混合模式。"RenderPipeline"="UniversalPipeline" 是告诉Unity此Shader专用于URP。Queue设为Transparent，并开启Alpha混合，确保水面能正确叠加在背景之上。

SubShader
{
    Tags
    {
        "RenderType"="Transparent"
        "Queue"="Transparent"
        "RenderPipeline"="UniversalPipeline"
    }
    Blend SrcAlpha OneMinusSrcAlpha
    ZWrite Off // 通常透明物体关闭深度写入，避免排序问题

    Pass
    {
        Name "ForwardLit"
        Tags { "LightMode"="UniversalForward" }

        HLSLPROGRAM
        #pragma vertex vert
        #pragma fragment frag
        #pragma multi_compile _ _MAIN_LIGHT_SHADOWS _MAIN_LIGHT_SHADOWS_CASCADE
        #pragma multi_compile_fog

        // 引入URP核心库
        #include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/Core.hlsl"
        #include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/Lighting.hlsl"
        #include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/DeclareNormalsTexture.hlsl"

        // 定义与Properties对应的变量
        CBUFFER_START(UnityPerMaterial)
            half4 _SpecularColor;
            half _SpecularIntensity;
            half _Smoothness;
            float4 _NormalMap_ST;
            half _NormalScale;
            half _WaveSpeed;
        CBUFFER_END

        TEXTURE2D(_NormalMap);
        SAMPLER(sampler_NormalMap);

这里有几个关键点：

1. #pragma multi_compile 指令确保了Shader能兼容不同的阴影配置。
2. CBUFFER_START(UnityPerMaterial) 是URP中声明材质属性的推荐方式，有利于GPU批处理。
3. 我们声明了法线贴图_NormalMap，它将用于模拟水面的波浪起伏，这是动态高光的基础。

3. 实现动态波浪与法线扰动

静态的高光就像一潭死水，毫无生气。真实水面的魅力在于它的动态变化。我们通过一张（或两张）法线贴图，配合UV动画来模拟这种波动。法线贴图中的RGB通道分别存储了表面法线在切线空间下的X、Y、Z分量，扰动原始顶点法线，从而让光照计算产生变化。

首先，在顶点着色器中，我们需要计算用于采样法线贴图的UV坐标，并让其随时间流动。

struct Attributes
{
    float4 positionOS : POSITION;
    float2 uv : TEXCOORD0;
    float3 normalOS : NORMAL;
    float4 tangentOS : TANGENT;
};

struct Varyings
{
    float4 positionCS : SV_POSITION;
    float2 uv : TEXCOORD0;
    float3 positionWS : TEXCOORD1;
    float4 normalUV : TEXCOORD2; // xy和zw存储两套流动UV
    float3 normalWS : TEXCOORD3;
    float3 tangentWS : TEXCOORD4;
    float3 bitangentWS : TEXCOORD5;
};

Varyings vert(Attributes IN)
{
    Varyings OUT;
    VertexPositionInputs positionInputs = GetVertexPositionInputs(IN.positionOS.xyz);
    OUT.positionCS = positionInputs.positionCS;
    OUT.positionWS = positionInputs.positionWS;
    OUT.uv = TRANSFORM_TEX(IN.uv, _NormalMap);

    // 计算两套朝不同方向流动的UV，用于后续混合，制造更复杂的波光效果
    float2 flowVector = float2(0.8, 0.6); // 一个基础流动方向向量
    OUT.normalUV.xy = OUT.uv + _Time.y * _WaveSpeed * flowVector;
    OUT.normalUV.zw = OUT.uv + _Time.y * _WaveSpeed * 0.7 * float2(-flowVector.y, flowVector.x); // 垂直方向，速度稍慢

    VertexNormalInputs normalInputs = GetVertexNormalInputs(IN.normalOS, IN.tangentOS);
    OUT.normalWS = normalInputs.normalWS;
    OUT.tangentWS = normalInputs.tangentWS;
    OUT.bitangentWS = normalInputs.bitangentWS;

    return OUT;
}

在片元着色器中，我们采样两套法线贴图，并将它们混合。简单的相加或相乘可以产生更自然、更少重复图案的波浪效果。

half4 frag(Varyings IN) : SV_Target
{
    // 采样两套法线贴图
    half4 packedNormal1 = SAMPLE_TEXTURE2D(_NormalMap, sampler_NormalMap, IN.normalUV.xy);
    half4 packedNormal2 = SAMPLE_TEXTURE2D(_NormalMap, sampler_NormalMap, IN.normalUV.zw);

    // 将RGBA打包的法线数据解包到切线空间（-1, 1）范围
    half3 tangentNormal1 = UnpackNormalScale(packedNormal1, _NormalScale);
    half3 tangentNormal2 = UnpackNormalScale(packedNormal2, _NormalScale * 0.8); // 第二层强度略低

    // 混合两个法线（这里使用加法，也可以尝试其他混合模式如BlendNormals）
    half3 tangentNormal = normalize(tangentNormal1 + tangentNormal2);

    // 将切线空间法线转换到世界空间
    float3x3 tangentToWorld = float3x3(IN.tangentWS, IN.bitangentWS, IN.normalWS);
    half3 worldNormal = normalize(mul(tangentToWorld, tangentNormal));

    // ... 后续进行光照计算
}

使用两层不同速度和方向的UV流动，能有效打破单一纹理采样带来的周期性重复感，让水波看起来更随机、更自然。UnpackNormalScale是URP提供的辅助函数，能正确处理不同平台的法线贴图压缩格式，并应用我们定义的_NormalScale强度。

4. 集成Blinn-Phong计算与参数调优实战

现在，我们有了动态的世界空间法线worldNormal，可以开始核心的高光计算了。在URP中，获取主光源信息有标准化的方式。

half4 frag(Varyings IN) : SV_Target
{
    // ... 上述法线计算代码

    // 获取主光源数据
    Light mainLight = GetMainLight();
    half3 lightDir = mainLight.direction;
    half3 lightColor = mainLight.color;

    // 计算视线方向（从表面指向摄像机）
    half3 viewDir = normalize(_WorldSpaceCameraPos.xyz - IN.positionWS.xyz);

    // 计算Blinn-Phong所需的半角向量
    half3 halfDir = normalize(lightDir + viewDir);

    // 计算法线与半角向量的点积，并确保非负
    half NdotH = max(0, dot(worldNormal, halfDir));

    // 应用光滑度指数，得到高光强度项
    half specularTerm = pow(NdotH, _Smoothness);

    // 组合得到最终的高光颜色
    half3 specularColor = lightColor.rgb * _SpecularColor.rgb * _SpecularIntensity * specularTerm;

    // 假设我们已经有了基础水色 waterBaseColor
    half4 waterBaseColor = half4(0.1, 0.3, 0.6, 0.8);
    half3 finalColor = waterBaseColor.rgb + specularColor;

    return half4(finalColor, waterBaseColor.a);
}

代码看似简单，但调优才是展现功力的地方。以下是我在多个项目中总结的实战调参经验：

• 光滑度与波浪尺度的匹配：这是最容易出问题的地方。如果你的法线贴图模拟的是细密的小涟漪（比如泳池水面），_Smoothness需要设得较高（150-300），让高光点小而锐利。如果是模拟海洋的大浪，则需要较低的值（50-120），让高光随着波浪的斜面铺开。一个快速匹配的方法是：在场景中摆好光源和摄像机，先忽略高光颜色和强度，只调节光滑度，直到高光斑的“大小”在你看来与波浪的物理尺度感觉匹配为止。

• 高光强度与场景HDR的平衡：在开启了HDR（高动态范围）的渲染中，高光强度可以超过1.0，以模拟非常明亮的反射。但要注意，过曝的高光会丢失细节。一个技巧是使用 saturate(specularColor) 或者更高级的 Tonemapping 函数来处理最终输出，防止颜色值超出显示范围。

• 引入菲涅尔效应：真实的水面在视线与水面夹角很小（即掠射角）时，反射会更强。我们可以用菲涅尔项来调制高光强度，使其在视角边缘更亮。

  // 简单的Schlick近似菲涅尔
  half fresnel = pow(1.0 - max(0, dot(worldNormal, viewDir)), 5.0);
  specularColor *= (1.0 + fresnel * 2.0); // 增强边缘高光
  

• 多光源支持：上述代码只计算了主光源。一个完整的水面Shader应该循环处理所有附加光源。URP提供了GetAdditionalLight函数，可以在一个循环中累加每个光源的高光贡献，这对于有多个路灯或霓虹灯照射的夜晚水面场景至关重要。

• 性能考量：pow函数开销相对较大。如果_Smoothness是常量，可以考虑在Shader外部预计算一个查找表（LUT），或者在移动平台使用近似函数。另外，对于远处的水面，可以降低法线贴图的采样次数或使用更简单的计算模型（如只计算主光源）。

调参没有银弹。最好的方法是准备一个测试场景，包含不同的光照条件（正午、黄昏、夜晚）和摄像机角度（俯视、平视、掠射）。为每个典型场景保存一个材质参数预设，并在运行时根据环境进行插值或切换，这能让你的水面在任何情况下都保持最佳视觉状态。记住，参数面板上的数值本身没有意义，它们在屏幕上的视觉效果才有意义。