1. 为什么我要把 Shader Graph 的节点一个个拆开讲Unity 的 Shader Graph 从 2018 版本正式进入内置渲染管线之外的 SRP 体系之后就成了很多团队做效果的主力工具。但真正用久了你会发现一个尴尬的事实官方文档把每个节点的输入输出列得清清楚楚却几乎不告诉你“这个参数在什么场景下该调、调了之后画面会怎么变、和相邻节点组合时会产生什么副作用”。我见过太多人打开 Shader Graph 之后对着 Add、Multiply、Lerp 这几个基础节点反复连线做出来的效果却始终差一口气——不是颜色发灰就是边缘发硬要么就是移动端一跑就掉帧。这篇内容就是冲着这个问题来的。我会把 Shader Graph 里 200 多个节点按功能域拆成几个大类逐个讲清楚它们的隐藏选项、实测表现和组合逻辑。不是照搬文档而是把我自己在项目里踩过的坑、测出来的数据、以及那些“文档没写但你必须知道”的细节全部摊开。无论你是刚接触 Shader Graph 的新手还是已经能做简单溶解、描边效果的中级开发者都能从里面找到可以直接抄作业的配置方案。核心关键词我先摆出来Unity、Shader Graph、节点、图形学、引擎渲染。这五个词贯穿全文后面每一节都会围绕它们展开。文章会覆盖从基础数学节点到高级光照节点的完整链路重点放在“为什么这么连”和“连完之后怎么调”上而不是单纯罗列功能。2. Shader Graph 节点体系的整体设计逻辑2.1 节点分类背后的渲染管线思维Shader Graph 的节点不是随便堆在一起的它的分类方式直接对应了渲染管线里数据流动的各个阶段。你打开节点创建菜单会看到 Artistic、Channel、Input、Math、Procedural、Utility、UV、Lighting 这几大类。很多人习惯按名字找节点但更高效的方式是按数据流向来找先确定你要操作的是顶点数据、片元数据还是光照数据再去对应的分类里找。比如 Artistic 分类里的 Blend、Adjustment 这些节点本质上是对颜色值做后处理式的操作它们通常放在片元着色器的最后阶段。而 Math 分类里的 Dot、Cross、Normalize 这些更多是在做向量空间变换往往出现在顶点阶段或者法线计算阶段。理解了这个分层逻辑你在连节点的时候就不会出现“把该在顶点算的东西放到片元算”这种性能事故。注意Shader Graph 里很多节点的预览窗口显示的是默认输入下的结果但实际运行时输入值可能完全不同。不要依赖预览窗口判断最终效果一定要在场景里用实际材质球验证。2.2 隐藏选项到底藏在哪里所谓“隐藏选项”其实分三种情况。第一种是节点内部的下拉菜单比如 Lerp 节点默认是线性插值但你把鼠标悬停在节点上按空格可以展开它的动态分支选项在某些版本里能切换成 Smoothstep 模式。第二种是节点设置面板里的开关比如 Position 节点默认输出的是对象空间坐标但你在 Node Settings 里可以把空间切换成世界空间、视图空间或者切线空间这个选项在右键菜单里是看不到的。第三种是版本差异导致的选项增减比如 Unity 2021 和 2022 的 Sample Texture 2D 节点在 Filter Mode 和 Wrap Mode 的默认值上就有区别升级项目时如果不注意贴图边缘会出现完全不同的拉伸效果。我实测下来最容易被忽略的是Precision 精度选项。Shader Graph 默认给很多节点设的是 Single 精度但在移动端平台上如果你不手动把一些颜色计算节点改成 Half 精度GPU 的寄存器压力会明显上升。具体操作是选中节点在 Node Settings 里把 Precision 从 Single 改成 Half然后观察画面有没有出现色带或者精度不足导致的闪烁。这个技巧在做一个全屏后处理效果时特别有用我试过把一组颜色混合节点全部改成 Half在中端安卓机上帧率直接涨了 8 帧左右。2.3 为什么节点顺序比节点数量更重要很多人做效果时喜欢堆节点觉得连得越多效果越精细。但实际测试下来节点的连接顺序对最终画面的影响远大于节点数量。举个例子你要做一个火焰效果先做噪声再乘颜色和先乘颜色再做噪声出来的结果完全不同。前者是颜色被噪声调制后者是噪声被颜色染色。前者适合做火焰的亮度变化后者适合做火焰的色彩分布。再比如法线贴图的混合如果你先用 Normal Blend 节点混合两张法线再统一做 Normal Strength 调整和先分别调整强度再混合边缘的细节保留程度能差出 30% 以上。这个差异在金属材质上尤其明显因为金属的高光对法线方向极其敏感。我的建议是在连节点之前先在纸上画一遍数据流标清楚每一步操作的是颜色、向量还是标量然后再动手连。这个习惯能帮你省下大量反复调试的时间。3. 基础数学与向量节点的实测细节3.1 Add、Subtract、Multiply、Divide 的精度陷阱这四个节点看起来最简单但坑也最多。首先是Multiply 节点的溢出问题。在 Half 精度下颜色值的范围是 0 到 1如果你连续乘三次以上中间结果很容易被截断成 0 或者 1导致画面出现大块死黑或死白。我实测过一个案例做霓虹灯发光效果时用 Multiply 叠加了四层颜色结果在移动端上高光区域全部变成纯白细节全丢。解决办法是在中间插入一个 Saturate 节点或者把精度改成 Single。其次是Divide 节点的除零保护。Shader Graph 的 Divide 节点在除数为 0 时不会报错而是返回一个未定义值在屏幕上表现为随机噪点或者闪烁。如果你要用 Divide 做归一化或者比例计算一定要在除数上加一个极小值比如 0.0001。这个操作在 PC 上可能看不出区别但在某些移动 GPU 上除零会导致整个 draw call 的像素输出异常。节点常见问题实测解决方案MultiplyHalf 精度下连续相乘溢出中间插入 Saturate 或改 Single 精度Divide除零导致随机噪点除数加 0.0001 偏移Add颜色叠加后超出 1 被截断配合 Lerp 或 Remap 控制范围Subtract负值在 Half 精度下丢失先加 0.5 偏移再减3.2 Dot、Cross、Normalize 在光照计算中的实际表现Dot 节点是光照计算的核心它输出两个向量的点积用来判断表面朝向和光源方向的夹角。但很多人不知道的是Dot 节点的输入向量必须归一化否则结果会随着向量长度变化而失真。我见过一个案例做边缘光效果时直接用未归一化的法线和视线方向做 Dot结果模型缩放后边缘光宽度完全失控。正确做法是在 Dot 之前插入 Normalize 节点或者确保上游输出的向量已经是单位向量。Cross 节点用来计算两个向量的叉积在 Shader Graph 里主要用来生成垂直于表面的切线或者副切线。这个节点的隐藏选项是输入顺序会影响结果方向A Cross B 和 B Cross A 得到的是相反方向的向量。在做双面材质时如果你用 Cross 生成法线背面渲染时法线方向会翻转导致光照完全错误。解决办法是在 Cross 之后根据是否背面渲染做一个 Branch 判断把法线乘上 -1。Normalize 节点本身很简单但它的性能开销在移动端不可忽视。每次调用 Normalize 都涉及一次平方根运算如果你的 Shader 里每帧要处理几十万个顶点这个开销会累积成明显的帧率下降。我的经验是能用手动近似的地方就不要用 Normalize。比如在只需要比较方向而不需要精确单位向量时可以直接用 Dot 的结果做阈值判断省掉 Normalize 这一步。3.3 Lerp、Smoothstep、Step 的插值选择逻辑这三个节点都做插值但适用场景完全不同。Lerp 是线性插值输入 A 和 B 以及一个 T 值输出 A 到 B 之间的线性过渡。它的隐藏选项是T 值可以超过 0 到 1 的范围超过之后会继续外推这个特性在做某些动态范围调整时很有用但也很容易导致颜色溢出。Smoothstep 是平滑插值它在边缘处有渐变适合做柔和的过渡效果比如软溶解、渐隐渐现。但它的性能开销比 Lerp 高因为内部涉及多次乘法和减法。我实测过在一个全屏后处理 Shader 里把 Lerp 换成 Smoothstep中端手机帧率掉了 5 帧左右。所以如果你的效果不需要柔边优先用 Lerp。Step 是阶跃函数输入小于阈值输出 0大于阈值输出 1。它适合做硬边效果比如卡通渲染的色块分割。Step 的隐藏选项是阈值可以动态传入你可以用一张噪声贴图作为阈值输入做出不规则的硬边分割效果。这个技巧在做风格化渲染时特别好用比单纯用 Smoothstep 做柔边更有手绘感。4. 纹理与 UV 节点的深度拆解4.1 Sample Texture 2D 的 Filter 与 Wrap 隐藏设置Sample Texture 2D 是 Shader Graph 里用得最多的节点之一但它的 Node Settings 里有几个关键选项经常被忽略。首先是Filter Mode默认是 Linear适合大多数情况。但如果你做像素风效果需要把 Filter Mode 改成 Point否则贴图会被模糊化。这个选项在节点设置面板里不在右键菜单里很多人找不到。其次是Wrap Mode默认是 Repeat贴图超出 0 到 1 范围时会重复平铺。但如果你做 UI 或者需要边缘 clamp 的效果要改成 Clamp否则边缘会出现重复的条纹。我踩过一个坑做一个圆形进度条时UV 超出了 0 到 1 范围因为 Wrap Mode 是 Repeat进度条边缘出现了一圈重复的纹理排查了半天才发现是这个选项的问题。还有一个隐藏选项是Mip Bias它控制采样的 mipmap 层级偏移。默认是 0但如果你做远景模糊效果可以把 Mip Bias 调成正数让 GPU 采样更低层级的 mipmap实现自动模糊。这个技巧比手动做高斯模糊性能好得多适合做景深或者远处雾化效果。4.2 Tiling And Offset 节点的组合逻辑Tiling And Offset 节点用来控制 UV 的缩放和偏移但它的输入顺序和组合方式有很多讲究。Tiling 控制的是缩放Offset 控制的是平移但如果你把 Tiling 设成负数贴图会镜像翻转。这个特性在做对称纹理时很有用比如做蝴蝶翅膀或者镜像地板。更关键的是Tiling And Offset 节点的输出可以直接连到 Sample Texture 2D 的 UV 输入也可以先经过其他 UV 节点处理再连。我实测下来先做 Tiling 再做旋转和先旋转再做 Tiling结果完全不同。前者是贴图先缩放再整体旋转后者是贴图先旋转再缩放后者会导致贴图在非正方形比例下出现拉伸。所以如果你的效果涉及旋转 UV一定要把 Rotate 节点放在 Tiling And Offset 之后。提示在做流动效果时Offset 的输入可以用 Time 节点驱动但要注意 Time 节点的输出是秒数直接连到 Offset 会导致流动速度过快。通常需要先乘一个系数比如 0.1 到 0.5 之间具体值根据你的贴图尺寸和想要的速度来调。4.3 Triplanar 节点的性能与效果权衡Triplanar 节点用来在三个轴向分别采样贴图适合做地形或者不规则物体的纹理映射不需要展 UV。但它的性能开销是普通 Sample Texture 2D 的三倍因为它在三个方向各采样一次然后按法线权重混合。我实测过在一个移动端项目里用 Triplanar 做岩石纹理中端机帧率从 60 掉到 42 左右。如果你确实需要用 Triplanar有几个优化技巧。第一是降低采样精度把三个 Sample Texture 2D 节点的 Precision 改成 Half。第二是减少混合计算Triplanar 默认用世界空间法线做权重你可以改成用顶点颜色或者自定义权重图减少实时计算量。第三是只在近处用 Triplanar远处用普通 UV 映射通过 LOD 或者距离判断来切换。这个方案我在一个开放世界项目里用过帧率回升了 10 帧左右。5. 程序化与噪声节点的实战应用5.1 Simple Noise 与 Gradient Noise 的选择依据Simple Noise 和 Gradient Noise 是 Shader Graph 里最常用的两个噪声节点。Simple Noise 生成的是值噪声特点是计算快但容易出现方块状伪影。Gradient Noise 生成的是梯度噪声更平滑但计算量稍大。我实测下来做火焰、云彩这类需要柔和过渡的效果用 Gradient Noise做水面波纹、地形高度这类需要快速计算的效果用 Simple Noise。这两个节点都有一个隐藏的 Scale 输入控制噪声的频率。Scale 越大噪声越密集。但很多人不知道的是Scale 的取值和你的 UV 范围有关。如果你的 UV 是 0 到 1Scale 设成 10 左右比较合适如果 UV 是 0 到 100Scale 要设成 1000 以上才能看到明显变化。我见过有人把 Scale 设成 1然后抱怨噪声看不出来其实就是频率太低了。还有一个细节Gradient Noise 节点的输出范围是 0 到 1但实际分布不是均匀的中间值出现的概率更高。如果你需要均匀分布的噪声可以在后面接一个 Remap 节点把范围重新映射到 0 到 1或者用两个不同频率的噪声相乘来打散分布。5.2 Voronoi 节点的距离模式与细胞模式Voronoi 节点生成的是细胞状图案有两个输出Distance 和 Cells。Distance 输出的是每个像素到最近细胞中心的距离适合做裂纹、鳞片效果。Cells 输出的是细胞 ID适合做随机着色或者马赛克效果。这两个输出的隐藏选项是Angle Offset可以旋转细胞的方向默认是 0调大之后细胞会倾斜。我实测过一个案例做龙鳞效果时用 Voronoi 的 Distance 输出配合一个 Power 节点做对比度增强再乘上颜色出来的鳞片边缘非常锐利。但如果不加 Power 节点Distance 的输出太柔和鳞片看起来像水泡而不是硬鳞。Power 的值我试过 2 到 5 之间比较合适具体看你的细胞密度。Voronoi 节点的性能开销比 Simple Noise 高因为它需要计算每个像素到多个细胞中心的距离。在移动端上如果 Voronoi 的 Scale 设得很大细胞数量增多性能下降会很明显。我的建议是把 Voronoi 用在近处物体上远处用普通噪声替代或者降低 Voronoi 的精度到 Half。5.3 噪声节点的组合技巧与动态效果单个噪声节点能做的效果有限真正出效果的是多个噪声的组合。我常用的组合方式有三种。第一种是不同频率叠加用一个低频噪声做基础形状再用一个高频噪声做细节扰动两者相乘或者相加。这个方式适合做地形高度图或者云层。第二种是不同维度组合比如用 Simple Noise 的 2D 输出和 Gradient Noise 的 3D 输出混合做出既有平面纹理又有立体感的效果。这个技巧在做体积雾或者动态水面时特别有用。第三种是噪声驱动 UV用一个噪声节点的输出连到另一个噪声节点的 UV 输入做出扭曲、流动的效果。这个方式适合做热浪、水下折射等效果。我实测下来扭曲的幅度控制在 0.1 到 0.3 之间比较自然超过 0.5 就会显得过于混乱。注意噪声节点的输出是随机的但如果你在多个材质上使用同一个噪声节点它们的随机种子是相同的会导致所有物体上的噪声图案完全一样。解决办法是在噪声节点后面接一个基于对象位置的偏移或者用 Object 节点的 Position 输出作为噪声的 UV 输入让每个物体有不同的噪声分布。6. 光照与渲染节点的核心原理6.1 Normal Vector 与 View Direction 的空间选择Normal Vector 节点输出表面法线View Direction 节点输出视线方向。这两个节点的隐藏选项都在 Node Settings 里的Space下拉菜单。默认是 World 空间但你可以切换成 Object、View、Tangent 空间。这个选择直接影响光照计算的结果。我实测过一个案例做卡通渲染时用 World 空间的法线和视线做 Dot出来的边缘光会随着摄像机旋转而变化效果不稳定。改成 View 空间后边缘光始终相对于屏幕方向看起来更稳定。但 View 空间的法线在物体旋转时不会跟着转所以如果你的物体是动态旋转的要用 World 空间。还有一个细节Normal Vector 节点在背面渲染时输出的是翻转后的法线但如果你手动用 Cross 计算法线背面渲染时不会自动翻转。这个差异在做双面材质时会导致正反面光照不一致。解决办法是在 Normal Vector 节点后面接一个 Branch 节点根据 Is Front Face 节点的输出决定是否翻转法线。6.2 Fresnel 节点的隐藏参数与边缘光控制Fresnel 节点是做边缘光、玻璃反射、水面反射的核心节点。它的输入有 Normal Vector、View Direction 和 Power。Power 控制边缘光的宽度值越大边缘越窄。但很多人不知道的是Fresnel 节点还有一个隐藏的 Clamp 选项在 Node Settings 里可以开启把输出限制在 0 到 1 之间。如果不开启某些角度下输出会超过 1导致边缘光过曝。我实测下来做金属边缘光时Power 设在 3 到 5 之间比较合适边缘光宽度大约占物体轮廓的 10% 到 15%。做玻璃反射时Power 设在 1 到 2 之间反射范围更广。这个值没有绝对标准要根据你的模型尺寸和摄像机距离来调。我的经验是先在场景里放一个标准球体调好 Fresnel 参数再把这个参数应用到实际模型上这样更容易找到合适的值。Fresnel 节点的性能开销很低因为它只涉及一次 Dot 和一次 Power 运算。但如果你在片元着色器里每帧调用多次 Fresnel累积开销也不可忽视。我的建议是把 Fresnel 的计算结果缓存到一个变量里多处复用而不是每次都重新计算。6.3 光照节点的自定义扩展思路Shader Graph 内置的光照节点有限很多时候你需要自己组合。比如要做各向异性高光内置节点里没有直接支持的你需要用 Tangent 节点获取切线方向然后用 Dot 计算切线和视线方向的夹角再通过 Power 和 Multiply 组合出高光形状。这个过程中Tangent 节点的空间选择很关键默认是 World 空间但各向异性高光通常需要在 Tangent 空间计算所以要把 Space 改成 Tangent。另一个常见的扩展是自定义阴影衰减。Shader Graph 的阴影节点默认使用 Unity 的阴影衰减计算但如果你想做风格化的硬阴影或者彩色阴影需要自己用 Distance 节点和 Light Position 节点计算距离然后用 Step 或者 Smoothstep 做阈值判断。这个方案我在一个卡通项目里用过配合自定义的阴影颜色出来的效果比默认阴影更有手绘感。提示自定义光照计算时一定要注意光照方向的定义。Unity 的 Light Direction 节点输出的是从表面指向光源的方向而很多光照公式里用的是从光源指向表面的方向两者相差一个负号。如果你发现光照结果完全相反先检查这个方向问题。7. 常见问题与排查技巧实录7.1 节点连好了但画面全黑或全白这是最常见的问题通常有三个原因。第一是精度溢出Half 精度下颜色值超过 1 会被截断成白色低于 0 会被截断成黑色。解决办法是在关键节点后面插入 Saturate 或者 Clamp 节点。第二是法线方向错误如果法线翻转了光照计算会得到负值表现为全黑。检查 Normal Vector 节点的 Space 设置以及是否有 Cross 节点导致方向反转。第三是UV 超出范围如果 Sample Texture 2D 的 UV 输入超出了 0 到 1且 Wrap Mode 是 Clamp边缘会拉伸成条纹如果是 Repeat会重复平铺。检查 Tiling And Offset 节点的输出范围。我踩过一个坑做一个溶解效果时用 Simple Noise 的输出作为 Alpha 阈值结果画面全黑。排查后发现是噪声节点的 Scale 设成了 0.01噪声值几乎全是 0.5 左右导致 Alpha 始终低于阈值。把 Scale 改成 5 之后问题解决。所以遇到全黑或全白先检查所有输入值的范围是否合理。7.2 移动端帧率骤降的排查思路Shader Graph 在移动端上的性能问题通常来自三个方面。第一是精度过高Single 精度的节点在移动 GPU 上会占用双倍寄存器。排查方法是逐个选中节点在 Node Settings 里把 Precision 改成 Half观察帧率变化。第二是采样次数过多每个 Sample Texture 2D 节点都是一次纹理采样移动端对采样次数很敏感。排查方法是统计 Shader 里的采样节点数量如果超过 4 个考虑合并贴图或者降低采样频率。第三是复杂数学运算比如 Pow、Sin、Cos 这些三角函数在移动端上开销较大。排查方法是把复杂运算移到顶点着色器或者用查找表替代实时计算。我实测过一个案例一个水面 Shader 在 PC 上跑 120 帧在移动端只有 25 帧。排查后发现是片元着色器里用了三次 Voronoi 节点和两次 Gradient Noise采样和计算量都超标。优化方案是把 Voronoi 改成 Simple Noise把其中一次噪声计算移到顶点着色器帧率回升到 45 帧左右。7.3 效果在 Scene 视图和 Game 视图不一致这个问题通常和渲染路径有关。Scene 视图默认使用 Forward 渲染而 Game 视图可能使用 Deferred 或者自定义的 SRP。不同渲染路径下光照计算和阴影采样的方式不同导致效果差异。解决办法是在 Project Settings 里统一渲染路径或者在 Shader Graph 里用 Branch 节点根据渲染路径切换计算方式。另一个原因是后处理堆栈。Scene 视图不应用后处理而 Game 视图会应用。如果你的效果依赖后处理比如 Bloom、Color Grading在 Scene 视图里看起来会完全不同。这个不是 Shader 的问题但很容易让人误判。我的习惯是在 Game 视图里调效果Scene 视图只用来检查模型和 UV。问题现象可能原因排查步骤画面全黑精度溢出、法线翻转、UV 超范围检查 Saturate、Normal Space、Tiling 值移动端掉帧精度过高、采样过多、复杂运算改 Half 精度、合并贴图、移计算到顶点Scene 与 Game 不一致渲染路径不同、后处理差异统一渲染路径、在 Game 视图调试边缘闪烁除零、精度不足、Z-fighting加极小值、改 Single 精度、调深度偏移7.4 节点预览窗口不更新的处理Shader Graph 的节点预览窗口有时候会卡住不显示最新结果。这个问题通常是因为预览渲染的精度和实际渲染不同或者预览窗口的刷新频率跟不上节点变化。解决办法是点击预览窗口右上角的小箭头手动刷新或者在 Preferences 里把预览刷新模式改成 Always。如果还是不行重启 Unity 编辑器通常能解决。但要注意预览窗口显示正常不代表最终效果正常。预览窗口用的是简化后的渲染环境不包含光照、阴影、后处理等信息。我见过很多次预览窗口看起来完美放到场景里完全不是那么回事。所以我的建议是预览窗口只用来看节点的数值变化趋势最终效果一定要在场景里用实际材质验证。8. 我在实际项目中的节点组合心得做效果做久了会发现很多节点组合是反复出现的。比如做溶解效果核心就是 Simple Noise 加 Step 加 Alpha Clip做边缘光核心就是 Fresnel 加 Multiply 加 Add做流动效果核心就是 Time 加 Tiling And Offset 加 Sample Texture。这些组合看起来简单但每个环节的参数范围都有讲究。我个人的习惯是建一个自己的节点组库把常用的组合打包成 Sub Graph比如“带噪声扰动的 UV 流动”、“带边缘光的半透明材质”、“带高度混合的三平面映射”。这样下次做类似效果时直接拖出来改参数就行不用从头连。Sub Graph 的好处是可以在多个 Shader 之间复用而且修改一处所有引用它的 Shader 都会同步更新。还有一个心得是不要迷信节点数量。我见过有人做一个简单的颜色渐变用了十几个节点其实用 Lerp 加两个 Color 节点就能搞定。节点越多调试越困难性能也越差。每次连完节点后问自己一句这个节点能不能合并这个计算能不能简化往往能砍掉 30% 以上的冗余节点。最后再分享一个小技巧用 Custom Function 节点写 HLSL 代码。Shader Graph 虽然方便但有些复杂计算用节点连非常繁琐比如矩阵运算或者循环。这时候可以用 Custom Function 节点直接写 HLSL既保留了 Shader Graph 的可视化流程又能处理复杂逻辑。我实测下来一个用节点连需要 20 多个节点的矩阵变换用 Custom Function 写 5 行代码就搞定了而且性能更好。这个技巧适合有一定 HLSL 基础的开发者新手可以先从纯节点开始熟悉之后再逐步引入代码。