Unity URP风格化渲染：法线、AO、流向图与深度技术实现毛绒感-平芜编程栈

1. 项目概述：从游戏视觉到项目落地

最近在做一个风格化渲染的项目，客户明确要求角色和场景的材质要有一种“毛绒感”，就像《原神》里那些角色服装和怪物毛发给人的那种温暖、蓬松、带有体积感的视觉印象。这可不是简单地调高粗糙度或者加个毛发系统就能搞定的。在Unity的URP（通用渲染管线）里实现这种效果，本质上是一场对光影和表面细节的精密“欺骗”。我们得让平坦的模型表面，通过着色器的计算，骗过人眼，让它相信那里有无数细密的绒毛。

这个“毛绒感”渲染，拆解开来，核心就是四个关键技术的协同作战：法线（Normal）、环境光遮蔽（AO）、流向图（FlowMap）和深度（Depth）。法线负责定义每一根“绒毛”的朝向和微观起伏；AO负责在绒毛根部、缝隙间制造阴影，增强体积感和层次；FlowMap则是指挥官，控制绒毛在模型表面大范围的生长和流动方向，避免死板；深度信息则用于处理绒毛与周围环境、自身层级之间的遮挡关系，让“蓬松感”不至于穿帮。这四者缺一不可，共同构建了从微观到宏观的完整视觉谎言。

如果你也在URP下折腾风格化渲染，或者对《原神》这类游戏的美术表现背后的技术细节感兴趣，那么这篇内容就是为你准备的。我会从一个实际项目出发，带你一步步拆解这四大关键，分享从Shader Graph节点连线到C#脚本控制的完整思路、参数调校心得以及那些官方文档里不会写的“踩坑”实录。

2. 核心思路拆解：构建视觉欺骗的四大支柱

为什么是这四个？这得从“毛绒感”的视觉原理说起。我们看到的绒毛，其视觉特征可以归纳为：方向性（绒毛朝特定方向生长）、层次阴影（绒毛间相互遮挡产生细腻的明暗变化）、整体流向（绒毛并非杂乱无章，而是有组织的“流”）、空间关系（绒毛与基底、与其他物体的前后遮挡）。

2.1 法线贴图：微观结构的雕刻师

法线贴图是这一切的基础。它存储的不是颜色，而是每个像素点的法线方向向量（RGB对应XYZ）。在标准PBR流程中，它用于模拟高模的凹凸细节。但在毛绒感渲染中，它的角色更“主动”。我们不再仅仅满足于模拟布料的编织纹理，而是需要一张专门为绒毛效果生成的法线贴图。这张贴图上的法线信息，应该表现出细密、柔和、朝向一致的凸起，而不是硬朗的雕刻痕迹。

核心思路：使用专门的法线生成软件（如Substance Designer/Painter的毛发滤镜，或者Knald等），基于高度图生成具有方向性的、柔和噪波特征的法线。关键在于法线变化的频率和强度——频率要高（细节密），强度要适中（凸起柔和），整体方向要可控（通常偏向于一个主方向，如从上到下）。

实操心得：不要直接使用模型自带的、用于表现布料质感的法线贴图。那种法线通常是为了表现编织纹理，其高频细节和方向性与绒毛感不符。最好单独制作一张用于“绒毛层”的法线贴图，作为叠加层（Detail Normal）使用。

2.2 环境光遮蔽：体积与层次的魔术师

AO贴图决定了模型缝隙和凹陷处的阴影强度。在绒毛渲染中，它的作用被放大了。想象一下一簇绒毛的根部，由于上层绒毛的遮挡，接收到的环境光必然更少。因此，我们需要一张能强化这种根部阴影的AO图。

核心思路：通常，我们会在三维软件中烘焙一张基础的、基于几何体的AO贴图。但对于绒毛感，这张基础AO往往不够“密”。我们需要对其进行后期处理：一是提高对比度，让暗部更暗，亮部（绒毛尖端）更亮；二是可以结合一张程序化生成的噪波图，对AO图进行局部扰动，模拟绒毛分布不均匀导致的阴影斑驳感，避免出现过于均匀、像喷漆一样的阴影。

2.3 流向图：宏观动态的指挥家

这是实现生动、不呆板的毛绒感的关键。FlowMap是一张RGB贴图，其中R和G通道分别编码了U和V方向（即纹理空间的水平和垂直方向）的流动向量。它告诉着色器：“在这个位置，绒毛应该朝哪个方向倾斜”。

核心思路：例如，在角色的披风上，我们希望绒毛从肩膀向手肘方向流动；在怪物的背部，希望绒毛从中脊向两侧扩散。我们可以在Substance Painter或专门的FlowMap绘制工具中，手动绘制这些向量场。着色器读取FlowMap的值，并用它来扰动采样法线贴图和AO贴图的UV坐标，或者直接旋转法线向量，从而实现绒毛方向随模型表面形状发生有规律的变化。

2.4 深度信息：空间秩序的维护者

深度信息通常来自相机的深度纹理（Camera Depth Texture）。它用于处理一个关键问题：绒毛的层级遮挡和边缘融合。当绒毛层渲染在基底材质之上时，如果处理不当，绒毛会像一层浮在空中的“纸片”，与基底脱节，或者在物体边缘产生难看的硬边。

核心思路：利用深度差。在片元着色器中，我们获取当前片元的世界空间深度，以及从深度纹理中重建的、背后场景的实际深度。通过比较这两者的差值，我们可以实现多种效果：

根部融合：在深度差很小（即绒毛根部贴近基底）的区域，让绒毛颜色/透明度与基底材质进行混合，实现自然过渡。
边缘淡化：在物体轮廓边缘，深度差会发生突变。我们可以让此处的绒毛透明度随着深度差增大而增加，形成柔和的、半透明的边缘，模拟绒毛的蓬松轮廓，而非硬裁剪。
自阴影优化：结合屏幕空间阴影，可以让绒毛对自身和其他物体投射更柔和的阴影，增强体积感。

将这四者有机结合，就是一个完整的毛绒感渲染方案：流向图控制大方向，法线贴图提供微观细节，AO贴图加强根部体积，深度信息处理空间融合。接下来，我们进入URP Shader Graph的具体实现。

3. URP Shader Graph 核心节点实现详解

在URP中，我们优先使用Shader Graph进行可视化编辑，逻辑清晰，易于迭代。下面我将分模块拆解如何构建这个着色器。

3.1 基础设置与属性定义

首先，创建一个新的Unlit Shader Graph（因为毛绒感更多是风格化外观，我们可能不需要完整的PBR光照模型，用Unlit作为起点更可控，后续再根据需要添加自定义光照）。关键属性（Properties）需要暴露给材质球调节：

Base Color：基底颜色。
Fur Normal Map：绒毛法线贴图。Texture2D类型，默认导入设置中务必勾选“Bump Map”，并将纹理类型设为“Normal map”。
Fur Normal Strength：绒毛法线强度。Vector1类型，用于控制法线影响的强弱。
Fur AO Map：绒毛环境光遮蔽贴图。Texture2D类型。
Fur Flow Map：绒毛流向图。Texture2D类型。这张图通常不需要sRGB，记得在导入设置中取消“sRGB (Color Texture)”勾选，以保证向量数据精度。
Flow Strength&Flow Speed：流向强度和速度。Vector1类型。强度控制方向偏移的大小，速度可用于制作绒毛随风飘动的动态效果（通过时间节点偏移FlowMap的采样）。
Depth Fade Params：深度淡化参数。Vector2类型，例如X代表开始淡化的深度差阈值，Y代表淡化范围的宽度。

3.2 流向图驱动的UV变形

这是第一个关键计算模块。目的是用FlowMap来扭曲采样绒毛法线和AO贴图所用的UV坐标。

// 节点逻辑示意（用文字描述）： 1. 【Time节点】获取游戏时间，乘以【Flow Speed】参数。 2. 【FlowMap采样】使用模型原始的UV坐标，采样FlowMap纹理。输出的是RG通道（向量）。 3. 【Remap节点】将采样的FlowMap向量值从[0,1]范围重映射到[-1,1]范围。因为向量方向需要正负。 4. 【Multiply】将重映射后的向量与【Flow Strength】参数相乘，得到最终的偏移向量。 5. 【Add】将原始UV与偏移向量相加，得到扭曲后的UV坐标。

为了效果更自然，避免出现明显的重复图案，通常会采用双层采样并混合（Detail Layer常用的技巧）。即用两套UV，一套用正常Tiling，另一套用不同的Tiling和偏移，然后混合两者的FlowMap偏移结果。

注意事项：FlowMap的绘制质量直接影响效果。向量变化要平滑连续，避免出现尖锐的拐角或突变，否则会导致绒毛方向出现不自然的断裂。在模型接缝处（UV边界），要特别注意向量场的衔接，否则接缝处的绒毛流向会错乱。

3.3 法线与AO的采样与混合

使用上一步得到的“扭曲后UV”来采样法线贴图和AO贴图。

对于法线贴图：

使用Sample Texture 2D节点，用扭曲UV采样Fur Normal Map。
通过Normal Strength节点，输入采样结果和Fur Normal Strength参数，对法线进行强度调整。
通常，我们还需要将这张“细节法线”与模型自带的顶点法线（通过Normal Vector节点获取）进行混合。使用Blend Normals节点，将顶点法线作为Base，细节法线作为Blend输入。这样能确保绒毛方向尊重模型的大体表面朝向。

对于AO贴图：

同样用扭曲UV采样Fur AO Map。
采样结果（一个灰度值）可以直接用于与基础颜色相乘，来加深根部阴影。为了更灵活，可以增加一个AO Power参数，通过Power节点对AO值进行指数运算，快速调整阴影的对比度。

3.4 深度边缘融合实现

这是让绒毛“长”在模型上而非“飘”在上面的关键。我们需要启用URP渲染器的深度纹理。

启用深度纹理：在URP Asset的Renderer设置中，确保勾选了“Depth Texture”选项。
获取深度：在Shader Graph中，添加Scene Depth节点。这个节点需要屏幕位置（Screen Position）作为输入。我们使用Screen Position节点，并将其模式设为“Default”。
计算表面深度：获取当前片元的裁剪空间深度。可以通过Position节点（设置为“World”空间）转换到观察空间（View Space），取其Z值（取反，因为观察空间Z轴负向为视线方向）并除以Far Plane值进行归一化，或者更直接地，使用Fragment Stage的深度输出（如果Shader Graph版本支持）。这里为了通用性，我们常用一种方法：将世界空间位置变换到裁剪空间（使用Transform节点，从World到Clip空间），然后取其W分量作为齐次坐标深度，再进行一次齐次除法（除以W）得到NDC深度，其Z分量就在[-1,1]（或[0,1]，取决于API）范围。这个过程较为复杂，URP的Shader Graph通常提供了View Direction和NDC相关的节点简化计算。
深度比较：将得到的当前片元深度与从Scene Depth节点采样得到的背景深度进行比较。两者通常需要统一到同一空间（如线性眼空间深度）才有可比性。URP的Scene Depth节点通常直接返回线性深度，因此我们的当前片元深度也需要转换为线性深度。
边缘淡化：计算深度差depthDiff = sceneDepth - surfaceDepth。当depthDiff很小（接近0）时，说明绒毛紧贴表面；当depthDiff增大（如在物体边缘，表面深度突然消失），说明这里是轮廓。我们使用Smoothstep节点，根据Depth Fade Params（比如start=0.02, end=0.05），将depthDiff映射为一个0到1的透明度系数fadeFactor。Smoothstep会在start和end之间产生平滑过渡。
应用融合：将计算出的fadeFactor与绒毛颜色（或最终输出颜色的Alpha通道）相乘。在边缘处，fadeFactor接近1，透明度增加，实现边缘羽化。在根部，fadeFactor为0，保持不透明，与基底颜色混合（这部分混合通常在基底着色器中完成，或在此着色器中通过深度差很小处的颜色插值实现）。

3.5 光照与颜色合成

对于毛绒感，简单的Lambert或Blinn-Phong可能不够。我们通常采用一种风格化的光照模型，例如：

边缘光（Rim Light）：增强绒毛轮廓。基于视角方向与法线点积计算。
各向异性高光：模拟绒毛表面沿流向方向的高光拉伸。这需要基于FlowMap方向、视角方向和光线方向进行专门计算，比较复杂，但效果显著。
基础漫反射：使用调整后的法线（混合了FlowMap影响和细节法线）与主光源方向进行点积计算。

最终颜色合成路径可能是：Final Color = Base Color * Fur AO * Diffuse Lighting + Rim Light + Anisotropic Specular然后，将最终颜色的Alpha通道乘以深度融合因子(1 - fadeFactor)来控制边缘透明。

4. 参数调校与美术可控性设计

一个强大的着色器必须为美术师提供直观且富有表现力的控制参数。除了前面提到的强度、速度等，还有一些关键调校点：

4.1 法线细节频段控制

单纯一张法线贴图可能无法覆盖所有尺度。我们可以引入第二张不同Tiling（平铺）尺度的细节法线，并使用一个遮罩图或顶点色通道来控制两者在模型不同区域的混合权重。例如，角色脸颊的绒毛可以更细密（高频法线为主），而披风的绒毛可以更粗犷（低频法线为主）。

实现：暴露两个Fur Normal Map和对应的Tiling、Strength参数。添加一张Detail Mask Map（或使用顶点色的某个通道）。在Shader Graph中，用Mask值对两套法线采样结果进行线性插值（Lerp）。

4.2 动态效果：风与交互

让绒毛动起来能极大提升真实感。

风场：可以传入一个全局的风向和强度参数。在计算FlowMap偏移时，额外加上一个基于世界位置和时间的正弦波扰动，模拟风吹拂的效果。风向可以与FlowMap方向进行点积，使顺风的区域扰动更强。
交互扰动：例如角色奔跑时，披风后摆的绒毛应该受到更强的向后扰动。这可以通过脚本计算速度、加速度，并将其作为一个向量参数（_FurExternalForce）传递给材质。在着色器中，将这个外力向量加到FlowMap的偏移计算中。

4.3 性能优化考量

毛绒感渲染可能涉及多次纹理采样和复杂的像素计算，在移动端需要谨慎。

纹理压缩：确保FlowMap和AO图使用合适的压缩格式（如ASTC），法线贴图使用高质量压缩（如BC5/DXT5nm for PC, ASTC for Mobile）。
简化计算：在低端设备上，可以关闭各向异性高光、简化深度边缘融合（改用简单的距离淡化）。
LOD分级：为毛绒材质设置不同的LOD（Level of Detail）级别。在远处，使用更简单的Shader变体，甚至用一张带有毛绒感的复合贴图来代替复杂的实时计算。
批次合并：确保使用相同毛绒材质的物体尽可能静态合批或动态合批，减少Draw Call。

5. 常见问题排查与实战心得

在实际项目中，你会遇到各种各样的问题。这里记录几个典型的“坑”和解决思路。

5.1 问题：绒毛方向在模型接缝处断裂或不连续

排查：这是FlowMap绘制或UV展开的典型问题。首先检查模型的UV是否在接缝处被切开。FlowMap是基于UV空间绘制的，如果UV有接缝，那么接缝两侧的FlowMap向量信息也是断开的。

解决：

UV布局优化：尽可能将需要连续绒毛流向的部分放在同一块UV岛内，避免切开。
FlowMap绘制技巧：在UV接缝处，手动确保两侧绘制的流向向量在接缝处能平滑对接。这需要美术师在绘制时特别注意。
着色器补偿：如果无法避免UV接缝，可以尝试在着色器中，根据顶点世界空间位置或法线，动态生成一个简单的流向场来覆盖接缝处的FlowMap采样，但这属于较高级的补救措施，效果有限。

5.2 问题：深度边缘融合在特定角度或距离失效，出现硬边

排查：这通常是深度计算精度问题或深度纹理分辨率不足导致的。首先确认URP Asset中深度纹理是否已启用。其次，检查相机远近裁剪平面的设置是否合理。物体距离相机太远，深度值的精度会下降。

解决：

调整深度淡化参数：增大Depth Fade Params中的end值，扩大淡化范围，可以掩盖一些精度问题。
使用自定义深度渲染：如果默认的相机深度纹理精度不够，可以考虑使用一个额外的摄像机，只渲染需要毛绒感的物体到一张Render Texture（作为自定义深度图），这样你可以控制这张深度图的分辨率和精度。但这会显著增加渲染开销，仅用于关键角色或特写镜头。
基于距离的淡化：作为后备方案，可以同时启用基于相机距离的简单线性淡化，与深度淡化相乘，确保在极远处也能平滑消失。

5.3 问题：动态流动（Flow Speed）效果不自然，像整体滑动

排查：如果只是简单用时间乘以速度去偏移FlowMap的UV，整个纹理就会滑动，看起来确实不自然，像一层水在表面流动，而不是每根绒毛独立摆动。

解决：引入噪声扰动。

采样一张噪声图（比如Tileable的Perlin噪声）。
用噪声值去扰动时间变量。例如：animatedTime = _Time.y * _FlowSpeed + (noiseSample * 0.5)。这样不同区域的“时间流速”就略有不同。
更进一步，可以用噪声图的不同频段（通过不同Tiling采样）来分别扰动FlowMap的U和V方向偏移，产生更复杂的动态效果。

5.4 问题：在移动设备上帧率下降明显

排查：使用RenderDoc或Unity Profiler的GPU模块，分析片元着色器的复杂度。重点关注：纹理采样次数、复杂数学运算（如pow,sin,noise）、条件判断分支。

解决：

减少纹理采样：看看能否将AO图和FlowMap的某些通道合并到一张纹理中（如AO存R通道，Flow向量存G和B通道）。
简化数学运算：用查找表（LUT）替代实时计算，例如将复杂的各向异性高光BRDF预计算到一张纹理中。
分支优化：避免在片元着色器中使用基于可变参数的if语句。尽量用step()或smoothstep()等函数来实现条件逻辑。
变体切换：使用Shader变体（Shader Variants）或Multi_Compile，为不同性能档位的设备编译不同复杂度的Shader版本。

5.5 实战心得：迭代比一步到位更重要

毛绒感是一种非常主观的视觉风格。不要指望第一次调参就能达到《原神》的水平。我的工作流通常是：

搭建最小可行版本：先实现最核心的法线+FlowMap扰动，在模型上看到基础的方向性。
分层叠加：加入AO层，观察体积感是否增强。再加入深度融合，看边缘是否自然。
动态测试：将模型放入简单的动画场景（如旋转、跑动），观察动态下的效果是否稳定、自然。
美术协同：将初步调好的材质和参数范围给美术师，由他们进行视觉微调。技术美术（TA）的角色是提供可控的工具和合理的参数范围，而不是决定最终视觉效果的人。
性能分析：在目标硬件上（尤其是最低配置设备）进行性能测试，根据瓶颈进行优化。

最后，别忘了参考。多观察现实中的毛绒材质，也多分析优秀游戏的表现。技术是为艺术表达服务的，理解“为什么好看”比“怎么实现”有时更重要。这个从《原神》启发的毛绒感渲染方案，经过拆解和落地，已经成为我们项目角色表现的一个有力工具。它不仅仅是一套Shader代码，更是一套关于如何分解视觉风格、并用可控的技术手段将其再现的思维方式。当你掌握了法线、AO、FlowMap、深度这四个关键，你会发现，很多其他的风格化表面效果，比如丝绸的流光、雪地的颗粒、潮湿的痕迹，其实现思路都是相通的。