1. 项目概述：从“发丝”到“灵魂”的渲染挑战

在实时渲染领域，头发渲染一直是个“老大难”问题。它不像一个光滑的球体或者一个坚硬的金属表面，可以用简单的光照模型轻松搞定。一根头发，细如发丝，却包含了复杂的光学现象：高光不是简单的一个点，而是沿着发丝走向形成一条亮带；光线会穿透发丝，在另一侧形成柔和的“透射光”；发丝之间还有复杂的自阴影和散射。如果你在Unity里用Standard Shader或者默认的Lit Shader去渲染头发，得到的结果往往是一坨油腻、塑料感十足的“面条”，毫无真实感和美感可言。这正是我们启动这个基于URP管线，融合Kajiya-Kay与Marschner模型的头发渲染方案的初衷——我们要在移动端和PC端都能跑得动的性能开销下，让游戏角色的头发“活”过来。

这个方案的核心目标，是为美术同学提供一个既强大又易用的头发渲染工具。它需要能表现出头发特有的各向异性高光（就是那条顺着头发方向的亮带），模拟光线穿透发丝产生的边缘光（Rim Light）效果，并且能很好地处理不同光照环境下的色彩表现。我们选择了Universal Render Pipeline (URP) 作为基础，因为它跨平台友好，性能可控，且Shader编写框架清晰。而模型上，我们没有死磕某一种理论，而是采取了“实用主义”的融合策略：用Kajiya-Kay模型来高效地计算各向异性高光，用Marschner模型中的透射（Transmission）概念来增强头发的体积感和通透感，再结合一些风格化处理技巧，最终实现了一套在实战中表现稳定、效果出众的解决方案。

2. 核心渲染模型解析：为什么是Kajiya-Kay + Marschner？

在动手写Shader之前，我们必须搞清楚要用的“理论武器”。市面上主流的头发渲染模型不少，但各有优劣，直接照搬论文往往会在性能和效果上陷入两难。我们的选择是Kajiya-Kay与Marschner思想的结合，这不是简单的拼接，而是针对实时渲染约束所做的针对性取舍和再创造。

2.1 Kajiya-Kay模型：各向异性高光的效率之选

Kajiya-Kay模型发表于1989年，它的核心思想非常直观：把头发近似看作一个微小的圆柱体。这个模型最大的贡献，是提出了用发丝的切线方向（Tangent）来代替传统法线（Normal）参与光照计算，从而模拟出高光沿发丝方向拉伸的效果，也就是我们常说的“各向异性高光”。

在具体实现上，Kajiya-Kay模型通常包含两个高光项：一个主高光（Primary Specular）和一个次级高光（Secondary Specular）。主高光较强、较窄，模拟光线在头发皮质层表面的直接反射；次级高光较弱、较宽，并且颜色上可能会有些许偏移（例如向暖色调偏移），用来模拟光线在头发内部经过一次折射、反射后再出射的效果。计算时，我们不是用法线和视线/光线的点积，而是用发丝切线（T）与半角向量（H）的点积，再经过一个幂运算（Phong或Blinn-Phong模型）来控制高光强度。

注意：Kajiya-Kay模型虽然高效，但它是一个经验模型，物理依据并不完全准确。它无法完美模拟Marschner模型中描述的“R”、“TT”、“TRT”等精确光路。但在大多数游戏视角和光照条件下，它提供的视觉线索——那条清晰的高光带——已经足够让大脑识别出“这是头发”，而且计算开销极小。这是我们选择它的根本原因：在有限的预算下，获得最大的视觉收益。

2.2 Marschner模型：物理精度与性能的权衡

Marschner模型是2003年提出的一个基于物理的头发散射模型，它通过严谨的光学分析，将一束光照射到头发上的散射分解为三个主要成分：

• R 成分：光线在头发表面直接反射。类似于Kajiya-Kay的主高光，但位置和强度分布由头发纤维的几何结构精确决定。
• TT 成分：光线穿透头发，经过两次折射后从另一侧射出。这形成了头发背光时的“透射光”或边缘光，是头发呈现通透感的关键。
• TRT 成分：光线进入头发，在内部反射一次后再折射出来。这对应了Kajiya-Kay的次级高光，并且由于光线在内部（髓质）可能被吸收部分光谱，其颜色会发生变化，常呈现金色或铜色。

Marschner模型极其精确，是电影级渲染的标杆。但其计算也非常复杂，涉及复杂的贝塞尔函数和查找表，直接用于实时渲染几乎是不可行的。

我们的策略是“取其神，而非其形”。我们不会去实现完整的Marschner积分。我们看重的是它揭示的物理现象：透射（TT）对于头发体积感至关重要。因此，在我们的方案中，我们从Marschner模型里“借用”了透射光的概念，并用一种简化的、性能友好的方式来模拟它。例如，我们可以用视角方向与光方向的点积来近似判断“背光”程度，然后给背光区域叠加一个柔和的、颜色可调的透射光。这虽然不物理，但非常有效。

2.3 融合思路：分层构建视觉真实感

所以，我们的融合方案是分层构建的：

1. 基底漫反射：一个简单的Lambert或Wrap Lighting，为头发提供基础色和明暗关系。
2. Kajiya-Kay各向异性高光：作为核心的高光表现层，快速计算出标志性的发丝高光带。
3. Marschner式透射光模拟：在头发轮廓（特别是背光区域）添加一层柔和的光晕，增强体积感和通透感。
4. 风格化增强：可选地加入噪声扰动、发梢渐变、发根颜色调整等美术可控参数，用于实现二次元、卡通或更风格化的效果。

这套组合拳，确保了我们的Shader在视觉上具备了真实头发的主要特征（各向异性高光、通透感），同时在计算上保持轻量，完全适应URP管线的移动端性能要求。

3. URP Shader框架搭建与核心模块实现

理论清楚了，接下来就是实战。在URP中编写自定义光照Shader，我们需要遵循其Lighting.hlsl的框架。这里，我将拆解整个Shader的结构，并给出关键代码片段和实现思路。

3.1 数据结构准备：从顶点到片元

首先，我们需要定义输入输出结构体。关键点在于，我们必须将发丝的切线方向（Tangent）从顶点着色器传递到片元着色器。

// 定义顶点着色器输入 struct Attributes { float4 positionOS : POSITION; float3 normalOS : NORMAL; float4 tangentOS : TANGENT; // 关键！存储发丝方向 float2 uv : TEXCOORD0; }; // 定义顶点着色器输出/片元着色器输入 struct Varyings { float4 positionHCS : SV_POSITION; float3 positionWS : TEXCOORD0; float3 normalWS : TEXCOORD1; float4 tangentWS : TEXCOORD2; // 将切线转换到世界空间 float2 uv : TEXCOORD3; float3 viewDirWS : TEXCOORD4; };

在顶点着色器中，我们需要完成坐标变换，并计算世界空间下的法线、切线和视线方向。

Varyings vert(Attributes input) { Varyings output; VertexPositionInputs vertexInput = GetVertexPositionInputs(input.positionOS.xyz); VertexNormalInputs normalInput = GetVertexNormalInputs(input.normalOS, input.tangentOS); output.positionHCS = vertexInput.positionCS; output.positionWS = vertexInput.positionWS; output.normalWS = normalInput.normalWS; output.tangentWS = float4(normalInput.tangentWS, input.tangentOS.w); // 保留副切线符号 output.uv = TRANSFORM_TEX(input.uv, _BaseMap); output.viewDirWS = GetWorldSpaceNormalizeViewDir(vertexInput.positionWS); return output; }

3.2 光照函数核心：实现KK高光与透射光

这是Shader的“心脏”。我们将在片元着色器中编写自定义的光照函数。URP通常使用Lighting.hlsl中的UniversalFragmentPBR，但我们需要完全自定义。

// 自定义的光照计算函数 half4 frag(Varyings input) : SV_Target { // 1. 采样纹理，获取基础颜色 half4 albedo = SAMPLE_TEXTURE2D(_BaseMap, sampler_BaseMap, input.uv) * _BaseColor; // 2. 准备向量 float3 N = normalize(input.normalWS); float3 T = normalize(input.tangentWS.xyz); // 世界空间发丝切线 float3 V = normalize(input.viewDirWS); float3 L = normalize(_MainLightPosition.xyz); // 主光源方向 float3 H = normalize(L + V); // 半角向量 // 3. 计算漫反射 (简化版) float NdotL = dot(N, L); float diffuseTerm = saturate(NdotL * 0.5 + 0.5); // 半兰伯特，使暗部更亮 // 4. 核心：Kajiya-Kay各向异性高光 // 关键步骤：用切线T代替法线N参与高光计算 float TdotH = dot(T, H); // 将点积范围从[-1,1]映射到[0,1]，并应用幂运算控制宽度 float sinTH = sqrt(1.0 - TdotH * TdotH); float primarySpec = pow(sinTH, _SpecularPrimaryExponent) * _SpecularPrimaryStrength; // 次级高光可以偏移一个相位，并设置不同的参数 float shift = _SecondarySpecularShift; float TdotH_shifted = dot(T, normalize(H + float3(shift, 0, 0))); // 简单偏移模拟 float sinTH_s = sqrt(1.0 - TdotH_shifted * TdotH_shifted); float secondarySpec = pow(sinTH_s, _SpecularSecondaryExponent) * _SpecularSecondaryStrength; // 5. 模拟Marschner透射光 (TT项) // 简单实现：在背光区域（NdotL < 0）添加光晕 float transmission = 0; if (NdotL < 0) { // 视线方向与光方向越接近反向，透射越强 float VdotL = dot(V, -L); transmission = pow(saturate(VdotL), _TransmissionExponent) * _TransmissionStrength; } // 6. 组合所有光照项 half3 finalColor = albedo.rgb * diffuseTerm * _MainLightColor.rgb; // 漫反射 finalColor += primarySpec * _SpecularPrimaryColor.rgb; // 主高光 finalColor += secondarySpec * _SpecularSecondaryColor.rgb; // 次级高光 finalColor += transmission * _TransmissionColor.rgb; // 透射光 // 7. 叠加环境光（URP内置函数） finalColor += SampleSH(N) * albedo.rgb; return half4(finalColor, albedo.a); }

3.3 材质参数面板设计

为了让美术同学方便调节，我们需要在Shader文件中暴露一系列参数，并组织成清晰的面板。

Properties { [Header(Base Maps)] _BaseMap ("Albedo (RGB)", 2D) = "white" {} _BaseColor ("Base Color", Color) = (1,1,1,1) [Header(Kajiya-Kay Specular)] _SpecularPrimaryColor ("Primary Spec Color", Color) = (1,1,1,1) _SpecularPrimaryStrength ("Primary Strength", Range(0, 5)) = 1.0 _SpecularPrimaryExponent ("Primary Exponent", Range(1, 256)) = 100 _SpecularSecondaryColor ("Secondary Spec Color", Color) = (0.9, 0.7, 0.5, 1) // 暖色调 _SpecularSecondaryStrength ("Secondary Strength", Range(0, 2)) = 0.3 _SpecularSecondaryExponent ("Secondary Exponent", Range(1, 128)) = 50 _SecondarySpecularShift ("Secondary Shift", Range(-1, 1)) = 0.1 [Header(Marschner Transmission)] _TransmissionColor ("Transmission Color", Color) = (0.8, 0.7, 0.6, 1) _TransmissionStrength ("Transmission Strength", Range(0, 5)) = 1.0 _TransmissionExponent ("Transmission Exponent", Range(1, 20)) = 5.0 [Header(Stylization)] _RootColor ("Root Color", Color) = (0.2, 0.1, 0.05, 1) _TipColor ("Tip Color", Color) = (1,1,1,1) _GradientPower ("Gradient Power", Range(0.1, 10)) = 1.0 }

4. 实战优化与美术调参指南

Shader写出来能跑只是第一步，要让它真正在项目中出效果，优化和调参是关键。这部分是文档里不会写的“内功心法”。

4.1 性能优化要点

在URP下，尤其是针对移动平台，每一分性能都至关重要。

1. 精度选择：在片元着色器中，对于颜色和范围在0-1之间的参数，优先使用half精度（16位浮点）。对于向量点积、幂运算等中间计算，如果视觉差异不大，也可以尝试half。但对于位置、法线等空间向量，务必使用float以保证精度。
2. 分支语句慎用：上面示例代码中用了if (NdotL < 0)来判断背光，这在某些GPU架构上可能导致性能波动。一个更优的替代方案是使用saturate和符号函数来平滑处理：

   float isBackLit = saturate(-sign(NdotL) * 0.5 + 0.5); // NdotL<0时为1，否则为0 float transmission = pow(saturate(dot(V, -L)), _TransmissionExponent) * _TransmissionStrength * isBackLit;

3. 纹理采样优化：如果头发BaseMap是纯色或简单渐变，可以考虑用顶点色或程序化渐变代替纹理采样，减少带宽消耗。对于移动端，确保纹理尺寸合理（通常1024x1024或512x512足够）。
4. 减少复杂数学运算：pow、sin、sqrt都是相对耗时的操作。如果参数固定，可以考虑预计算成常数，或者使用近似的查找表（LUT）纹理。例如，可以将pow(sinTH, exponent)的常用范围预计算到一张1D纹理中。

4.2 美术效果调参心得

参数面板上的滑块很多，怎么调出好看的头发？这里有一些经验之谈。

• 高光部分：

  • Primary Exponent控制主高光的“锐利度”。值越大，高光带越细、越集中。对于顺滑的直发，可以给到150-200；对于蓬松的卷发，可以给到80-120，让高光看起来更柔和分散。
  • Secondary Strength和Secondary Color是营造头发质感层次的关键。次级高光强度通常很弱（0.1-0.3），颜色偏向金色或红色，模拟头发内部的色素散射。稍微调一点，头发的“高级感”就出来了。
  • Secondary Shift这个参数很微妙，它轻微偏移次级高光的位置。调一点点（±0.05到±0.15），可以让两层高光分离，产生更丰富的视觉细节，避免高光看起来像“死”的一条线。

• 透射光部分：

  • Transmission Color不要用纯白。尝试用比头发固有色更浅、饱和度更低的颜色，比如米白、浅金、浅灰。这能更好地模拟光线穿透发丝时被吸收和散射的效果。
  • Transmission Exponent控制透射光的衰减。值越大，透射光越集中在轮廓最边缘（即视线与光源完全反向的地方）。对于想要强烈边缘光的卡通风格，可以给到8-10；对于更自然的写实风格，4-6即可。

• 风格化部分：

  • 利用RootColor和TipColor配合UV的V方向（从发根到发梢），可以实现非常自然的发根深、发梢浅的渐变效果，这是避免头发看起来像“一块布”的利器。GradientPower控制渐变过渡的平滑度。
  • 一个高级技巧：可以额外采样一张低频率的噪声图，对切线的方向进行微弱的扰动。这能打破高光带的“完美”直线，让头发看起来更自然、更有细节。扰动强度要非常小（0.01-0.05），否则会显得杂乱。

5. 与URP管线的集成与高级功能拓展

我们的自定义Shader需要无缝集成到URP渲染流程中，并考虑一些高级渲染特性。

5.1 渲染队列与混合状态

头发通常是半透明或需要复杂混合的物体。我们需要在Shader的SubShader标签和Pass中正确定义。

SubShader { Tags { "RenderType"="Transparent" "Queue"="Transparent" // 通常在半透明队列渲染 "RenderPipeline"="UniversalPipeline" } LOD 300 Pass { Name "ForwardLit" Tags { "LightMode"="UniversalForward" } Blend SrcAlpha OneMinusSrcAlpha // 标准Alpha混合 ZWrite Off // 半透明物体通常关闭深度写入，但可能导致排序问题 Cull Off // 双面渲染，能看到头发内侧 HLSLPROGRAM // ... 着色器代码 ENDHLSL } }

注意：深度排序问题。关闭ZWrite后，头发的渲染顺序完全由Queue决定，容易出现前后穿插错误。一个更专业的方案是使用双Pass渲染：第一个Pass只写入深度（ColorMask 0，ZWrite On），第二个Pass进行正常的颜色混合渲染。这能保证头发在自身不透明部分有正确的深度遮挡，同时保留半透明效果。但这会增加一个Draw Call，需要根据性能预算权衡。

5.2 接收阴影与投射阴影

默认情况下，自定义Shader可能无法正确处理URP的阴影。我们需要包含URP的阴影计算库，并在片元着色器中采样阴影贴图。

// 在HLSLINCLUDE部分或Pass开始前包含 #include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/Lighting.hlsl" #include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/Shadows.hlsl" // 在片元着色器中，获取主光源阴影 Light mainLight = GetMainLight(TransformWorldToShadowCoord(input.positionWS)); float shadow = mainLight.shadowAttenuation; // 阴影衰减因子 // 在计算漫反射时乘上这个shadow因子 float diffuseTerm = saturate(NdotL * 0.5 + 0.5) * shadow;

要让头发投射阴影，需要在URP的资产配置（Universal Renderer Asset）中，确保头发材质所在的Layer被包含在阴影投射层（Shadow Casting Layers）中。同时，Shader需要有对应的ShadowCaster Pass。最简单的方法是复制URP Lit Shader中的ShadowCaster Pass到你的Shader中。

5.3 多光源支持与光照探针

一个完整的角色渲染场景不会只有一盏主光源。我们的Shader需要支持额外的逐像素点光源和聚光灯。

// 在片元着色器中，获取额外的光源 uint pixelLightCount = GetAdditionalLightsCount(); for (uint lightIndex = 0; lightIndex < pixelLightCount; ++lightIndex) { Light light = GetAdditionalLight(lightIndex, input.positionWS); // 对每个光源重复计算漫反射和高光项，并累加到finalColor中 // 注意：附加光源通常不考虑透射光，以简化计算 float3 L_add = light.direction; float3 H_add = normalize(L_add + V); // ... 计算该光源下的NdotL, TdotH等 float3 addDiffuse = albedo.rgb * saturate(dot(N, L_add)) * light.color * light.distanceAttenuation * light.shadowAttenuation; float addSpec = ... // 计算该光源下的Kajiya-Kay高光 finalColor += addDiffuse + addSpec; }

对于间接光照（光照探针），我们上面已经使用了SampleSH(N)。确保角色处于正确的Light Probe组中，环境光就能正确影响头发颜色，使其更好地融入场景。

6. 常见问题排查与效果调试实录

在实际项目集成中，你一定会遇到各种奇怪的问题。这里记录了几个最典型的“坑”和解决方法。

6.1 高光方向错乱或闪烁

问题描述：头发上的高光带不顺着发丝方向走，或者在某些视角下剧烈闪烁、消失。排查步骤：

1. 检查切线数据：这是最常见的原因。在3D建模软件中导出模型时，必须确保切线（Tangent）信息被正确导出。在Unity中，可以勾选模型导入设置中的Calculate Tangents（如果源文件没有切线）或确保Tangents导入模式正确。
2. 调试切线：在Shader中，将float3 T = normalize(input.tangentWS.xyz);的结果直接作为颜色输出（例如return float4(T * 0.5 + 0.5, 1.0);）。在场景中查看，切线方向应该沿着发丝走向，且连续平滑。如果出现混乱的色块，说明切线数据有问题。
3. 副切线符号：注意我们保存了input.tangentOS.w（副切线符号）到tangentWS.w。在计算副法线（Binormal）时，正确的公式是：float3 B = cross(N, T) * tangentWS.w;。这个符号确保了在镜像UV的模型上切线空间的一致性，忽略它可能导致高光在模型对称部分方向相反。

6.2 透射光效果不自然或过强

问题描述：头发边缘的光晕太假，像一层发光贴图，或者在任何角度都能看到。解决方案：

• 检查计算逻辑：确认透射光计算是否严格限制在NdotL < 0（背光面）。用上面提到的无分支方法替代if语句。
• 调整衰减：大幅提高_TransmissionExponent的值（比如到10以上），让光晕只出现在轮廓最边缘的像素。同时降低_TransmissionStrength。
• 结合深度：一个更高级的技巧是，利用摄像机深度图，计算头发的轮廓边缘（通过比较像素自身的深度和周围像素的深度差）。只在检测到的边缘像素上应用透射光，这样效果会更精确，不会“糊”满整个背光面。但这需要额外的深度图采样和计算。

6.3 性能热点分析与优化

问题描述：在移动设备上帧率下降明显，GPU Profiler显示该Shader耗时很高。排查与优化：

1. 使用Frame Debugger或RenderDoc：查看该材质一帧内绘制了多少像素（Overdraw）。半透明头发很容易因排序问题导致大面积重绘。确保头发模型的面数合理，并尽量使用Alpha Test（裁切）来代替Alpha Blend（混合）来处理发梢，如果美术风格允许的话。Alpha Test虽然边缘有锯齿，但没有Overdraw问题。
2. 简化计算：如果目标平台是低端手机，考虑简化光照模型。例如，只保留一个Kajiya-Kay高光项，去掉次级高光；或者用更简单的公式近似透射光。
3. 变体剔除：确保Shader变体不会爆炸。使用#pragma shader_feature_local来包裹非必需的特性（如是否使用透射光、是否使用渐变），这样Unity只会编译实际材质球上用到的功能组合，减少内存和编译时间。

6.4 与后处理效果的兼容性

问题描述：开启了URP的后处理（如Bloom, Color Grading）后，头发的高光或透射光区域出现异常过曝或颜色失真。原因与解决：

• Bloom：Bloom会提取画面中的亮部进行模糊。我们头发的高光很可能亮度值很高，导致Bloom过度。解决方案是在Shader中，将输出到Bloom缓冲区的亮度（通过Emission通道或自定义方式）单独控制。或者，调整Bloom的阈值（Threshold），将头发高光的亮度排除在外。
• HDR/色调映射：确保你的颜色值在合理的LDR范围内（0-1）。如果高光颜色强度（_SpecularPrimaryStrength）设置得过大（比如超过5），在HDR下可能会产生非常亮的值，经过色调映射后可能失真。建议将高光强度控制在视觉舒适的范围内，并通过后处理的全局曝光来调整整体亮度。

这套基于URP的Kajiya-Kay与Marschner融合的头发渲染方案，从理论到实践，从核心实现到实战调优，基本覆盖了开发中的主要环节。它不是一个一劳永逸的终极方案，而是一个强大且可扩展的基底。你可以在此基础上，继续集成发丝级别的动态风场、基于发束的级联阴影（Hair Strand Shadow）、甚至更先进的基于发卡（Hair Cards）的渲染技术。渲染之路，始于足下，而这套方案，希望能为你迈出坚实的第一步提供一个可靠的跳板。记住，所有参数都没有“绝对正确”的值，最终的标准，永远是它在你的游戏画面中，是否让你觉得“这头发，真好看”。