做渲染工作的老哥们应该都有个共同感受:PBR 流程里想把金属质感调对,真正难的不是颜色,而是微表面行为。最近我在整理材质库,为了给一套金属材质做参数验收,专门搭了个很小的展示场景:用金属球在不同粗糙度、各向异性方向下的反光表现来做对照。结果这一组小球帮我解决了不少“拉丝方向不对”“高光形状奇怪”的疑难杂症,也让我把 GGX 各向异性的原理重新吃透了一遍。今天把整个思路、公式、实操步骤和踩过的坑整理出来,给同样被金属高光调不准、各向异性方向总是“拧巴”的朋友们做个参考。
这个项目不复杂,适合三类人看:刚学 PBR 想建立材质直觉的渲染新人,需要反复验证材质资产的 TA/美术,以及做自定义 Shader 想确认 BRDF 计算是否正确的引擎开发。不管你是用 Unity、Unreal 还是自研引擎,核心思路都能直接搬,差别只在参数名和管线写法。
1. 项目思路拆解:为什么用金属球做PBR各向异性展示
1.1 从标题反推需求:要展示的到底是什么
先别急着写 Shader,我把标题拆开了想了一遍。标题里有三个关键词:PBR、各向异性、粗糙度,而动作是“展示反光表现”。这三个词叠在一起,核心需求其实是:在一个可控的、可重复的环境里,快速看出不同材质参数对高光形态的影响。
这里有个很容易被忽略的点——“展示”不等于“渲染出正确的一帧”。你要让人一眼就看懂差异,所以场景要足够简单,参数要能独立变化,效果要被环境光“放大”。我把展示维度定为两个:粗糙度(决定高光面积和锐利度)和各向异性(决定高光是被拉长还是变成圆形)。至于各向异性方向,我把它当成第三个维度,用来验证切线是否正确,以及贴图控制方向是否生效。
这个需求用金属球来做是最合适的,原因我下一小节细说。但先记住一个结论:这个项目的目标是输出一组“可对照、可复现、一眼能看出差异”的测试图像,而不是做炫酷的作品集截图。
1.2 金属球为什么是测试各向异性渲染的最佳物体
我试过平面、圆柱、圆环、方块,最后发现球体是效率最高的测试物体,原因有三个。
第一,球面的法线覆盖了几乎全部方向。从正面看过去,球心附近的法线指向相机,边缘附近法线接近垂直于视线,这意味着一个球面就能逼出 BRDF 在多种入射角下的响应。很多在平面上看着正常的参数,放到球面上立刻暴露问题,比如边缘发灰、高光撕裂。
第二,球面在视觉上是一个“没有方向性的形状”。平面和方块本身带有方向,容易让你把几何方向误当成材质各向异性方向。球体自身没有棱线,高光的拉长方向完全由切线方向和相机位置决定,因此非常适合确认各向异性这个属性本身是不是生效了。
第三,球面的 UV 划分是公开的难点。球体极点处存在 UV 收敛奇点,这正好能帮你测试切线的处理是否健壮。如果一个 Shader 在球体上能完美处理极点、接缝和切线连续,那它在大部分角色、道具、硬表面上基本不会出大问题。
1.3 渲染方案选型:实时展示 + Shader 实现
我最终选择的是 Unity + URP(通用渲染管线)手写一个顶点片元 Shader 来做展示,顺便配合 HDRI 环境反射探针。
为什么不直接用内置 Lit/URP Lit 加一个 anisotropy 参数?因为标准 Lit 的 BRDF 参数映射是固定的,想单独控制各向异性方向旋转、输出调试视图、快速改粗糙度映射关系,都要额外写辅助逻辑。手写 Shader 虽然麻烦一点,但能完全掌控“粗糙度如何映射到 alpha”“各向异性系数如何拆分 ax/ay”这些关键步骤,后续想复用到别的引擎也更容易。
如果你只是想在项目里快速看效果,用 Unreal 的材质系统或者 Unity Shader Graph 也可以,原理一样。但如果你要理解背后发生了什么,我强烈建议手写一遍,你可以对照下文第 2 章的公式逐行核对。很多“高光形状不对”的问题,最终都是出在公式里的一个符号或者一项因子上。
需要模型API调用? 免费领10W Token,多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 各向异性PBR原理入门:GGX微表面模型怎么影响反光
2.1 各向异性到底是什么:拉丝金属与圆形高光的区别
传统 PBR 里,微表面法线分布通常假定是“旋转对称”的,也就是说微表面的朝向在各个方向上的统计分布一致,高光形状是圆形或者随入射角度稍微改变形状的椭圆。但真实世界的金属表面往往有加工痕迹,比如拉丝不锈钢的细纹、CD 光盘的同心纹路、头发和丝绸的纤维走向,这些表面的微表面分布不再是圆形对称,而是沿着某个方向被“拉长”。这就是各向异性。
用生活里的话说,圆形高光就像你用砂纸把不锈钢表面打磨得毫无方向,一束光打上去,亮点是一个圆;而拉丝金属的表面有一道道规律划痕,光打上去,亮点会沿着划痕方向被拉成一条光带。各向异性方向则指的是这道划痕的方向,也就是高光被拉长的轴向。
在渲染方程里,各向异性不像普通粗糙度那样用一个标量描述,而是需要引入一个“切线方向(Tangent)”和一个“副切线方向(Bitangent)”,分别对应微表面在两个互相垂直方向上的不同粗糙程度。这也是为什么各向异性 Shader 里切线那么重要,切线算错了,高光拉长的方向就不可能对。
2.2 GGX各向异性BRDF公式拆解
目前业界最常用的实时各向异性微表面模型是各向异性 GGX(也叫 Trowbridge-Reitz 各向异性模型)。它把微表面法线分布函数 D 从单一粗糙度扩展成两个方向的粗糙度参数 ax 和 ay,分别控制沿切线方向的粗糙度和沿副切线方向的粗糙度。
各向异性 GGX 的 D 项公式如下:
[
D_{aniso} = \frac{1}{\pi \alpha_x \alpha_y} \cdot \frac{1}{\left( (\hat N \cdot \hat H)^2 \left( \frac{(\hat T \cdot \hat H)^2}{\alpha_x^2} + \frac{(\hat B \cdot \hat H)^2}{\alpha_y^2} \right) + (\hat N \cdot \hat H)^2 \right)^2}
]
其中 T 是切线方向,B 是副切线方向,H 是半角向量,N 是法线。这个公式的本质是:当半角向量 H 更偏向切线方向时,决定 D 值的主要是 ax;更偏向副切线方向时,主要看 ay。如果 ax 明显小于 ay,高光就会在切线方向拉长;反过来则在副切线方向拉长。
完整的微表面 BRDF 还需要遮挡项 G 和菲涅尔项 F:
[
f = \frac{D \cdot G \cdot F}{4 (\hat N \cdot \hat V)(\hat N \cdot \hat L)}
]
G 用 Smith 近似,F 用 Schlick 近似。这两个部分和各向同性 GGX 基本一致,只是 G 项在计算时要注意把视线方向和光照方向分别投影到切线与副切线上。实操里为了省性能,很多人直接用 max(ax, ay) 或两者平均值代替普通粗糙度来算 G,效果差距极小,但会让代码干净不少。
从工程实现角度,你不需要把上面所有项都背下来,但要明白 D 项的“分母里既带切线点积又带副切线点积”这个结构,它能解释后面所有高光形状问题。
2.3 粗糙度、各向异性强度与方向三个参数如何映射
手写 Shader 前,先理清楚参数映射关系。引擎给你的输入通常只有三个:Roughness(粗糙度)、Anisotropy(各向异性强度,0 到 1)、Direction(方向旋转角)。
不同引擎对这三个变量的映射不太一样,我这里遵循 Unreal 风格的经典做法:
[
r = roughness^2
]
[
\alpha_x = \max(r \cdot (1 + anisotropy), 0.0001)
]
[
\alpha_y = \max(r \cdot (1 - anisotropy), 0.0001)
]
用这个映射,当 anisotropy = 0 时,ax = ay,退化为各向同性 GGX;当 anisotropy 趋向 1 时,ay 趋向 0,高光被极端拉长成一条细线,就像高度拉丝的不锈钢表面。注意这里 roughness 先平方了一次,原因是引擎输入的 roughness 通常按线性感知设计,而微表面模型的 alpha 参数更接近粗糙度的平方。
方向参数不直接进 BRDF,它做的是另一件事:旋转切线方向。因为基础切线和副切线是从模型 UV 推导出来的,但实际材质有时需要让拉丝方向旋转一个角度,比如一个金属板的拉丝沿 45 度斜向,你不能要求建模师把 UV 旋转 45 度重新展一遍,直接在 Shader 里旋转切线更省事。
3. 实际操作:搭建一个主视角金属球展示场景
3.1 环境准备:Unity + URP + HDRI
我的环境是 Unity 2022 长期支持版 + URP 14,渲染帧率不用管,就是单帧出图。色彩空间必须选择 Linear,这个非常关键。如果项目在 Gamma 色彩空间跑,粗糙度和高光的衰减差异会非常明显,你调出来的参数在不同平台之间很难保持一致。
环境光用 HDRI 贴图。我强烈推荐使用带有清晰高光带的工作室类 HDRI,比如 Poly Haven 上的 Studio 系列。原因很简单:环境里的高光区域越明确,球面上的反射光带就越能反推出材质参数。如果用阴天漫反射 HDRI,环境光太平,各向异性拉丝几乎看不见,白搭。
另外我建议环境反射不用实时的 Reflection Probe,而是把 HDRI 打进一个自定义的 Cubemap 里作为环境贴图采样。实时反射探针在移动物体移动时更新有延迟,而且参数多容易干扰判断;静态 Cubemap 简单可控,出一个图就固定一个环境。
3.2 Shader 核心代码:各向异性 GGX 实现
下面给一个精简但完整的 HLSL 实现,帮助理解。实际工程里你可以在此基础上补环境漫反射和 BRDF 的 IBL 项。
hlsl复制// 各向异性 GGX 的法线分布函数
float D_GGX_Anisotropic(float NdotH, float TdotH, float BdotH, float ax, float ay)
{
float a2 = ax * ay;
float3 v = float3(ay * TdotH, ax * BdotH, a2 * NdotH);
float v2 = dot(v, v);
float w2 = a2 / v2;
return a2 * w2 * w2 / PI;
}
// Smith 遮罩近似,直接用等效粗糙度
float G_Smith(float NdotV, float NdotL, float alpha)
{
float a2 = alpha * alpha;
float gv = NdotV + sqrt(max(a2 + (1 - a2) * NdotV * NdotV, 0.0));
float gl = NdotL + sqrt(max(a2 + (1 - a2) * NdotL * NdotL, 0.0));
return 1.0 / (gv * gl + 1e-5);
}
// Schlick 菲涅尔近似
float3 F_Schlick(float3 F0, float VdotH)
{
float t = pow(1.0 - VdotH, 5.0);
return lerp(F0, 1.0, t);
}
float3 AnisotropicSpecular(float3 N, float3 V, float3 L, float3 T, float roughness, float anisotropy)
{
float3 H = normalize(V + L);
float NdotH = saturate(dot(N, H));
float NdotV = saturate(dot(N, V));
float NdotL = saturate(dot(N, L));
float VdotH = saturate(dot(V, H));
float r = roughness * roughness;
float ax = max(r * (1.0 + anisotropy), 0.0001);
float ay = max(r * (1.0 - anisotropy), 0.0001);
float TdotH = dot(T, H);
float BdotH = dot(cross(N, T), H);
float D = D_GGX_Anisotropic(NdotH, TdotH, BdotH, ax, ay);
float G = G_Smith(NdotV, NdotL, max(ax, ay));
float3 F = F_Schlick(0.04, VdotH);
return D * G * F / max(4.0 * NdotV * NdotL, 1e-5);
}
如果你想把方向旋转加进去,在计算 T 前做一步旋转:
hlsl复制float s = sin(_DirectionAngle);
float c = cos(_DirectionAngle);
float2x2 rot = float2x2(c, -s, s, c);
T = float3(mul(rot, T.xy), T.z);
这段代码我在 URP 里直接跑通过,主光用平行光,辅助光从逆方向补一点环境色,就能看到清晰的椭圆拉丝高光。注意 G_Smith 我用的是 max(ax, ay) 作为等效粗糙度,物理上并不严格,但展示场景里差异肉眼几乎不可见,换来的是代码简单。
3.3 场景搭建与材质参数配置
场景搭建很机械,但有几个细节决定成败。
球体模型我用了 Unity 默认 Sphere,细分 128 段。顶点数对结果影响不大,但 UV 极点上的切线问题在默认球体上非常明显,正好用来测试后续的边界处理。球的材质使用上面的 Shader,创建多个 Material 实例并排摆放。
我摆了一个 3×3 的球阵:横向是 roughness 变化,取 0.05、0.2、0.5;纵向是 anisotropy 变化,取 0、0.5、0.95。方向角统一设为 0。这样一个画面上就能同时看到“粗糙度控制高光面积”和“各向异性控制高光长宽比”两条轴的变化。球间距设为球半径的 2.5 倍,防止反射光互相干扰太大。
如果你想让“各向异性方向”也看得直观,把方向角设成 45 度再拍一版,和 0 度的图做对比,会比单纯旋转相机更清楚。
注意:每个 Material 实例不要共用同一个材质引用,否则改一个参数所有球跟着变。创建独立的 Material 文件,或者用 MaterialPropertyBlock 逐个设置参数。
3.4 布光、相机与反射探针设置
灯光我用了两盏平行光:主光从左上 45 度照射,强度 2;辅光从右侧偏后打过来,强度 0.2。主光负责制造明显的高光形态,辅光负责补暗部细节,不让球体边缘直接死黑。
相机我用的是正交投影模式,焦距等效 50mm,放在球阵正前方。为什么要正交?因为透视会让边缘的球变形,干扰你对“高光是否真的沿切线拉长”的判断。正交投影下球与球之间的相对形状完全一致,参数对比更公平。
环境反射要保持在较低强度,我一般设 0.3 左右,让环境反射作为背景烘托,但不压过主光的直接高光。如果你看到的高光是环境光晕而不是主光拉丝,那就是环境反射强度调太高了。
4. 参数对照与效果判读:怎么快速读懂一张测试图
4.1 推荐参数矩阵:不同粗糙度 × 不同各向异性强度
我整理了一组我实际用下来的参考参数矩阵,你可以直接用,也可以在此基础上微调。这里 roughness 按引擎输入值写,anisotropy 按 0 到 1 写:
| 粗糙度 | 各向异性强度 | 高光预期表现 | 适用材料参考 |
|---|---|---|---|
| 0.05 | 0 | 小而圆、边缘锐利的高光点 | 抛光镜面不锈钢 |
| 0.05 | 0.9 | 一条纤细锐利的高光弧线,几乎呈线性 | 镜面拉丝金属 |
| 0.2 | 0.5 | 椭圆高光,长宽比约 2:1,边缘稍柔 | 刷丝铝板 |
| 0.2 | 0.95 | 长而清晰的高光带,两端收缩 | 发丝纹不锈钢 |
| 0.5 | 0 | 大范围漫反射式圆形高光,边缘模糊 | 喷砂金属 |
| 0.5 | 0.5 | 大范围椭圆光斑,方向感变弱 | 轻度拉丝磨砂金属 |
看到没,粗糙度低时各向异性对高光形状影响非常明显;粗糙度一旦上到 0.5,高光本身就变得很大很糊,各向异性的存在感就弱了。这就是为什么我想强调:做各向异性展示,画面里必须同时包含低粗糙度和高粗糙度样本,否则你很容易误以为“各向异性没用”。
4.2 从渲染图反推参数:高光形状读法
拿到一张渲染图,怎么判断参数是否正确?我有三个快速读图习惯。
第一,看高光中心是否和球面法线的镜面反射方向对齐。粗糙度再高、各向异性再强,高光的重心位置应当遵循反射定律,不会凭空偏移。如果高光中心不在预期位置,先查法线/切线变换矩阵。
第二,看高光的拉长方向是否和切线方向一致。各向异性 GGX 的拉丝方向是沿切线方向展开的。我在场景里把切线用 RGB 颜色可视化过,理想状态下“高光长轴方向”和“切线可视化图中的红色分量方向”应该匹配。如果两者垂直,多半是 ax/ay 或者 T/B 的交换问题。
第三,看高光边缘是否光滑过渡。各向异性高光不该出现硬边或者突然断裂。如果在球体表面看到明显折线,基本都是切线不连续或 UV 接缝导致的,不是材质参数本身。
这些判读方法不需要高端仪器,肉眼加截图就够了。真正的难点在于你得先有一个“正确的样本”作为参照。
4.3 动态展示技巧:旋转动画与对比分割视图
静态图能表达的信息有限。我在项目里加了两个小功能,让展示更直观。
第一个是球体自转动画。给每个球加一个 axis 参数,让它绕自身的 Y 轴缓慢旋转。旋转过程中,高光会在球面扫过,各向异性方向是否稳定、是否在某个角度突然跳变,一眼就能看出来。这个测试对验证切线连续性特别有效,很多静态图里看不出来的问题,在旋转中会原形毕露。
第二个是对比分割视图。场景里同时放一个各向同性参考球和一个各向异性测试球,两个球并排,用滑块控制测试球的 anisotropy 从 0 到 1。这样你就能看到高光从圆形逐渐“撕拉”成线的全过程。在写 Shader 的时候,把这个功能做成 debug 面板里的一个开关,效率很高。
5. 实战避坑指南:切线、极点奇点与参数不一致
5.1 “十字”或“沙漏”高光:切线空间问题
我在这个项目里遇到最多的渲染 bug,就是高光变成十字形或者沙漏形。这种形状说明的物理含义是:微表面分布出现了两个互相垂直的峰值方向。
最常见的根因有两个。第一是用叉积求切线的时候顺序反了,导致副切线 B 和切线 T 交换了轴;第二是在像素着色器里对法线做了归一化,但切线没有同步归一化,T 和 B 不再正交。TBN 矩阵一旦不正交,D 项里的 (T·H)^2 和 (B·H)^2 就会产生互相干扰,高光就会被拉成十字。
修正方法:在顶点着色器里对 T 做 Gram-Schmidt 正交化,然后在像素着色器里重新归一化一次。只要你看到十字形高光,第一反应就查 TBN 的正交性。
5.2 球体极点钉扎与 UV 接缝处理
球体极点钉扎(Pole Pinching)是各向异性渲染的经典问题。默认 Sphere 的 UV 在北极和南极收敛到一个点,切线方向在收敛点周围旋转了 360 度。你用各向异性增强系数越大,极点周围越容易看到一个畸变的漩涡或黑斑。
这个问题的本质不是 Shader 算错了,而是几何数据本身有奇点。解决办法取决于你对效果的要求:展示材质时,可以把相机视角避开极点,或者用 std::sphere 参数化的球体替代默认球体;需要全角度展示时,用 Blender 重新生成一个“无极点”的球,比如把 UV 设计成箭头图或者双极映射,但这样会牺牲一部分 UV 连续性。
我在场景里保留了默认球体的极点,目的就是提醒自己:如果一个材质参数在球体极点区域表现异常,不一定是 BRDF 写错了,也可能只是几何问题,先分清楚再动手改公式。
5.3 粗糙度表现不对与线性空间
另一个非常隐蔽的坑是粗糙度和线性空间的关系。我在 Gamma 色彩空间里测试时,0.2 的粗糙度看起来像 0.5 一样糊;切到 Linear 色彩空间后,高光才恢复应有的锐利感。原因是 Gamma 空间下贴图采样和中间计算都做了非线性处理,间接放大了粗糙度差异。
如果你在项目里不能切换到 Linear,至少在自己的测试场景里把颜色空间保持一致。导出对比图时也要统一,否则你调出来的参数曲线没法复用,换一个场景全变样。
5.4 常见问题速查表
| 现象 | 可能原因 | 排查与解决方案 |
|---|---|---|
| 高光呈十字形/沙漏形 | TBN 不正交或 T/B 顺序错误 | 对 T 做 Gram-Schmidt 正交化,检查叉积顺序 |
| 球体极点出现漩涡/黑斑 | UV 极点奇点导致切线收敛 | 更换无极点球体,或避开极点视角 |
| 高光拉长方向垂直预期 | ax/ay 映射反了 | 查看各向异性公式中 T·H 与 B·H 分工是否有误 |
| 粗糙度调高一点高光就糊烂 | Gamma 色彩空间下计算 | 切换 Linear 空间,并统一所有贴图采样 |
| 高光边缘有明显折线 | 切线或 UV 接缝不连续 | 在模型导入设置里检查切线算法,或重新展 UV |
| 各向异性对高光形态影响很小 | 粗糙度太高,或各向异性参数没有正确传入 Shader | 先降粗糙度到 0.1 以下确认高光形态 |
| 旋转球体时高光跳动 | 切线在顶点上不连续 | 检查模型导入 Tangent 设置,必要时按 UV 边界修复 |
6. 扩展应用:从单球展示到材质资产验收
6.1 拉丝方向、磨损贴图与更真实的金属
球阵只解决“参数对不对”的问题,但真实材质往往不只是全局参数,还有空间变化的拉丝方向和磨损区域。这时候球体场景依然有用,只是要把参数从常量改成贴图采样。
我的做法是给 Shader 加一张拉丝方向贴图(Anisotropic Direction Map),用贴图的红绿通道控制局部切线旋转角。然后做一组对比:同一颗球,左边是纯全局方向,右边是局部方向贴图控制。这个方法能快速验证你的切线贴图烘焙精度,也能让美术看到“拉丝方向随 UV 扭曲”到底是几何问题还是贴图问题。
拉丝磨损也可以用粗糙度贴图配合各向异性强度贴图一起采样。把球体切一个剖面视图,左半和右半用不同贴图权重,效果非常直观。
6.2 批量渲染对比序列
当参数维度超过两个,手动调矩阵就太累了。我后来加了一个批处理脚本,用命令行渲染不同 roughness、anisotropy、direction 组合的序列帧,输出成统一的对比网格图。
做法不复杂:在编辑器脚本里循环创建材质实例,设置 MaterialPropertyBlock,然后调用相机渲染到 RenderTexture,最后导出 PNG。关键是要固定相机的世界坐标、旋转、视野和曝光。批量渲染的成果是在几分钟内得到一张 6×6 的参数矩阵图,我在做文档和汇报时直接用,效率提升非常明显。
6.3 把展示场景变成团队评审工具
这个项目最后变成了团队里的“材质体检器”。美术做完一个金属材质,丢进这个球阵场景,跑一遍参数扫描,出图后所有人看着同一组球体判断问题在哪。这样做的好处是评审标准非常统一:你不用在角色身上看半天,高光的形状和拉丝方向在球面上一目了然。
我在场景里加了一个 UI 面板,允许直接滑动 roughness、anisotropy、direction 三个滑块,实时更新数组里所有球。在项目迭代初期,UI 面板比脚本批处理更省事,因为美术可以一边拖滑块一边看其他球的变化。后面如果需要出对比图,再切脚本批处理模式。
最后再说一个我个人的小习惯:做任何 PBR 材质调整之前,先跑一遍这个球阵场景,把当前参数的理论表现截图存下来,再进美术场景里进行细节调优。这样每一步改动都能追溯到具体参数,不会出现“我调了一下午,回头不知道动了哪里”的情况。这个习惯帮我在材质调优阶段节省了大量返工时间,也算是我从这个项目里获得的最大收益。
