做游戏特效这几年我发现一个很有意思的现象只要项目里出现角色死亡、怪物召唤、装备登场这类需求大家第一时间想到的几乎都是同一个方案——在Unity里做消融效果。这个效果说白了就是让物体的颜色在“动态着色”驱动下从正常材质状态逐渐被烧掉、化掉或碎掉最终彻底消失。消融和普通淡出的最大区别在于它不是整体透明度一起降低而是由一层随机纹理决定“哪些像素先消失、哪些像素后消失”所以视觉上更接近真实的燃烧或分解。这篇内容我会从一张最简单的基础Shader开始逐步拆到边缘发光、Ramp色带、进度控制脚本再补上URP和移动端的适配经验。无论你是刚接触Shader的技术新人还是被美术追着改特效的程序员只要照着步骤走都能把这个效果落到自己的项目里。我尽量把每个关键参数都解释清楚而不是扔一堆代码让你自己猜。1. 消融效果的应用场景与核心原理别把它当成一个普通淡出1.1 消融效果在游戏里到底解决什么问题先聊需求。消融效果在游戏里最常见的三个场景是角色死亡、物件消失和反向的“诞生”演出。角色死亡时如果直接让模型淡出玩家会觉得“骨头都还在就被我关灯了”但如果加上一层灼烧边缘、配合粒子火花角色的退场就会更有重量感。怪物召唤出现或者装备解锁时也可以把“溶解”过程反过来播物体从无到有一块块“长”出来视觉冲击力比普通的缩放进入强得多。还有一个容易被忽略的用途替换模型时用它遮丑。比如网游里玩家换时装直接把旧模型切换成新模型会有穿模闪烁如果让旧模型在0.3秒内消融掉视线会被边缘发光吸引切换就变得很自然。正因为用途广消融成了很多项目的必备工具。它本质上是一个shader效果对CPU来说几乎没有压力不需要额外模拟不需要物理计算只需要把一个0到1的进度值不断喂给材质就行。这也是我推荐优先用Shader做、而不是用粒子去“演”的原因粒子很难精确贴合模型shader可以一个像素一个像素地决定谁消失。1.2 “动态着色”到底动态在哪里只看标题里的“动态着色”可能觉得这是个花哨词其实它点出了这类效果的真正机制。静态着色是材质贴图和光照算出来后结果固定动态着色则是颜色会随着某些输入实时变化。一个典型的动态着色系统里至少有一个控制参数比如消融进度或随时间变化的噪声阈值。模型表面原本是颜色A随着阈值变化一部分区域被切掉边缘区域混入颜色B最后整个模型变成“无”。这种颜色迁移就是动态着色的表现。在HDRP或URP里做项目时动态着色通常不是靠美术逐帧调色而是靠Shader里的数学运算。比如我用一张噪波图的灰度值做“海拔”再用一个_Time或C#传入的_BurnAmount做“海平面”海拔低于海平面的片元会被裁掉。海平面慢慢上升模型表面就会像被海水吞没一样逐渐消失。这个“海平面”就是动态驱动源。所以“动态”二字并不神秘核心是着色结果不是定死的而是由一组外部变量实时决定的。1.3 为什么必须依赖噪波图而不是直接用UV渐变最常见的错误做法是想从下到上溶解于是直接用UV坐标的v值做裁剪阈值。比如写一句clip(v - _BurnAmount)。这样做出来的效果是一条整齐的切割线从下往上扫模型像被一把无形的刀切掉一样缺少颗粒感。噪波图的作用就是破坏这种整齐感。它给每个像素分配一个“随机高度”让消融边界变成一条凹凸不平的曲线从而模拟出燃烧时材料的不均匀剥落。你可以把模型表面理解成一块墙皮噪波图是它内部的裂纹分布消融进度是外力的侵蚀强度。现实中墙皮不会按直线整块落下它一定是在潮湿、裂缝、受力不均匀的位置先剥落。噪波图就是在干这件事。实现时一般采样噪波纹理的R通道作为灰度值然后根据灰度和_BurnAmount做比较。噪波纹理可以自己做也可以用Photoshop的云彩滤镜导出或者用脚本动态生成。后面我会专门说生成时的注意事项因为不少项目的消融效果最后翻车问题都出在这张噪波图上。2. 用Clip实现的基础消融Shader先把“消失”做出来2.1 一个可以直接复制的Shader Demo下面先用内置渲染管线Build-in Render Pipeline的CGPROGRAM写法给一版最基础、能在Unity里直接看到效果的Shader。我建议你新建一个UIModel或场景里的Cube给它指定这个材质然后把_BurnAmount从0拖到1先感受一下消融是什么感觉。Shader Custom/DissolveDemo { Properties { _MainTex (Albedo, 2D) white {} _NoiseMap (Noise Map, 2D) gray {} _Tiling (Noise Tiling, Float) 2.0 _BurnAmount (Burn Amount, Range(0.0, 1.2)) 0.0 _LineWidth (Line Width, Range(0.001, 0.2)) 0.05 _BurnColor (Burn Color, Color) (1, 0.35, 0.05, 1) _GlowStrength (Glow Strength, Range(0.0, 5.0)) 2.0 } SubShader { Tags { RenderType Opaque Queue Geometry } Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include UnityCG.cginc sampler2D _MainTex; float4 _MainTex_ST; sampler2D _NoiseMap; float4 _NoiseMap_ST; float _Tiling; float _BurnAmount; float _LineWidth; fixed4 _BurnColor; float _GlowStrength; struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float4 pos : SV_POSITION; float2 uv : TEXCOORD0; float2 noiseUV : TEXCOORD1; }; v2f vert (appdata v) { v2f o; o.pos UnityObjectToClipPos(v.vertex); o.uv TRANSFORM_TEX(v.uv, _MainTex); o.noiseUV TRANSFORM_TEX(v.uv, _NoiseMap); o.noiseUV * _Tiling; return o; } fixed4 frag (v2f i) : SV_Target { fixed4 albedo tex2D(_MainTex, i.uv); float noise tex2D(_NoiseMap, i.noiseUV).r; float cut noise - _BurnAmount; clip(cut); float t saturate(cut / _LineWidth); float edgeGlow pow(1.0 - t, 2.0); fixed3 col albedo.rgb; col _BurnColor.rgb * _GlowStrength * edgeGlow; return fixed4(col, albedo.a); } ENDCG } } }这段代码很长但结构很简单顶点着色器只负责把主贴图UV和噪波UV传给片元片元着色器先采集噪波灰度再根据灰度结果决定保留还是裁掉。最后叠加一点边缘颜色。我这里额外加了一个边缘发光的逻辑目的是让你从一开始就看到动态着色的完整形态而不是先看一个纯黑色空壳再一步步改。2.2 核心代码逐行拆解噪波、clip、边缘发光一起聊片元着色器里最关键的一行是float cut noise - _BurnAmount; clip(cut);noise是噪波图采样出来的灰度值范围通常接近0到1。假设噪波图上某一点是0.7当前_BurnAmount是0.4那么cut就是0.3大于0像素保留。另一点噪声是0.2cut是-0.2clip内部会对负数做丢弃处理这个像素就不渲染了。这就像我在前面说的“海平面”模型。继续往下看float t saturate(cut / _LineWidth)的作用是把“距离海平面的高度”转换成0到1的变量。如果cut远大于_LineWidth也就是这个点离消融边界比较远它会保留为原始贴图颜色如果cut小于_LineWidth说明它正好在边界带内部我们就把灼烧色混进去。严格来说clip本身对GPU编译器一般会翻译成丢弃指令英文叫discard。用clip的好处是代码简短还能处理掉那些完全不需要后续计算的像素。很多人问过为什么不用if (noise _BurnAmount) discard;两种写法在主流GPU上差别不大部分移动端编译器对clip的识别更稳定而且可读性也更好。后面的边缘发光我是这样加的float edgeGlow pow(1.0 - t, 2.0); col _BurnColor.rgb * _GlowStrength * edgeGlow;当噪声刚好和_BurnAmount相等时t约等于01.0 - t等于1发光最强。离边界越远t越接近1edgeGlow快速衰减。这就形成了一条只在消融边缘发光的窄带。如果你觉得发热区域太宽把_LineWidth调小如果你觉得亮度衰减太慢把pow的平方改成立方边缘会更锐利。2.3 噪波图生成与调参中最容易踩的坑很多新手第一次测试时会发现_BurnAmount明明是0模型表面却缺了一块。这就需要检查噪波图里是不是有一片纯黑区域。当burn amount为0时只要噪波图某点的灰度是0cut 0在某些平台会被clip掉看起来像模型坏了一样。所以制作噪波图时尽量不要使用纯黑最好把灰度控制在0.1到0.9之间。用Photoshop做的话可以在“云彩”滤镜后叠加一个“色阶”调整把输出色阶的最低点拉高用代码生成时也要做一次Mathf.Clamp。噪波图上很多高频不规则的花纹在动画中确实很好看但也要注意不要让噪波细节小到像素级否则最终效果会像模型表面撒了一把芝麻。常规做法是把贴图的Wrap Mode设为RepeatTiling调在1到4之间具体看模型的大小。一个角色模型配合1.5~2.5的Tiling通常比较舒服Cube则建议0.5~1。没有固定值测试时先拉一个中间值再调整。还有一点容易被忽视主贴图和大小的噪波图要用不同的UV。虽然可以共用一组UV但消融边界会被贴图本身的接缝影响。更合理的是为噪波单独设置一张UV并使用单独的Tiling这样边缘的形状设计空间会大很多