Shader溶解效果从原理到调参：噪声贴图+Clip实现逼真Dissolve动画

“Dissolve效果这东西，做过角色死亡的都绕不开。怪物化作灰烬、BOSS临终前碎成粒子、场景墙体慢慢消失露出通道——这些观感很强的实时动画，在渲染底层通常是同一套玩法：用一张噪声图和一条阈值线，在Shader里把部分像素‘擦掉’。

我接手某3D项目时，美术团队给了一整套带溶解（Dissolve）效果的材质参数，名称倒是齐全，但没有人说得清‘溶解进度到底由哪个参数控制’‘边缘亮光为什么会时有时无’。我花了两个下午把着色器源码逐行读了一遍，又调了无数遍参数，才把原理彻底理清。这篇文章就把当时理解代码的过程完整记下来，适合刚接触着色器、想读懂Dissolve代码的开发者，也适合手上有现成效果但不知道怎么改参数的美术和程序。读完你能明白原理，也能直接调出想要的溶解动画。”

1. 先从原理说起：Dissolve效果到底在干什么

1.1 一张噪声贴图和一条“水位线”

Dissolve的本质是“部分像素消失”。常规做法是在片元着色器里取当前像素的UV坐标，去噪声贴图上采样一个值，这个值介于0到1之间，代表当前像素的“密度”或者“随机值”。接着拿一个全局浮点数（溶解阈值）跟它比较，噪声值小于阈值的像素被丢弃，大于等于阈值的像素正常绘制。随着阈值从0涨到1，越来越多噪声值偏低的像素被擦掉，物体就呈现出“从边缘向内部逐渐融化”的视觉效果。

为什么会用噪声贴图而不是给每个像素一个随机数？因为噪声贴图具有连续性和可重复性。相邻像素采样到的值变化平缓，不会出现全屏雪花点那种“乱炖”感。随机数虽然离散度够，但要一个个孤立的亮点在溶解过程中非常扎眼，而且每次运行结果不一致，美术没法对准想要的渐变图案。噪声贴图是预先烘焙好的一张纹理，采样结果确定、可控、跑起来也便宜，GPU对纹理采样支持得非常好。

我常用一个更接地气的类比：把噪声贴图想象成一块起伏的地形，低于水位线的区域被水淹没（不渲染），水位从0升到1，地形被淹没的越来越多。阈值就是这个水位线，噪声值就是每个像素的高度。这样理解起来顺畅得多。

1.2 边缘发光从哪里来

如果只做“丢弃”，效果还不够有冲击力。溶解过程中最抓眼的是物体逐渐消失的那条边界，也就是“溶解边缘”。做法是在阈值附近取一个很窄的带宽，比如从阈值到阈值加EdgeWidth之间的区域，用lerp把主贴图颜色和边缘色混合，同时叠加一点自发光，在视觉上形成一条亮边。观众的目光会被引导到正在融化的区域，画面信息量瞬间变大。

边缘光做得好不好，关键在EdgeWidth和颜色曲线的控制。EdgeWidth太大会让整片区域泛白发灰，太小则边缘看不见。讲究一点的会做双边缘：外侧是一条炽热的亮白边，内侧再叠一圈暗色，模拟烧焦过渡。当物体从左侧逐渐溶解到右侧，边缘像火烤一样从亮白转到暗焦，层次一下就出来了。

1.3 为什么用Clip而不是Alpha混合

虽然最终画面中有很多像素“看不见了”，但Dissolve在绝大多数实现里走的都不是半透明管线，而是直接在不透明队列把像素丢弃。原因是半透明物体的渲染要排序，Dissove效果如果要和角色身上的披风、武器特效一起工作，排序问题会让人头大。而Clip在片元着色器里把不合格像素直接裁掉，既不参与深度写入，也不影响颜色混合，不透明物体之间的遮挡关系保持正常。

放着Blend不用、非用Clip，还有个原因是溶解边缘每一帧都在变化，如果依赖Alpha混合，需要同步调整混合方式，而且半透明物体通常不写入深度，后续不透明物体会错误盖到它前面。Clip方式虽然对早期深度测试（Early-Z）有一定影响——毕竟没法在光栅化前预知哪些像素会被裁掉——但综合稳定性和可复用性，Clip仍然是最常用的选择。

2. 逐段拆解核心代码：从参数到片元着色器

下面贴的是当时项目中用到的着色器核心代码，以片元着色器为主。我会把关键行拆开解释，你也可以直接照搬到自己的工程里。

2.1 参数声明与输入结构

// 材质参数 float _DissolveThreshold; // 全局溶解阈值，0到1 sampler2D _NoiseTex; // 噪声贴图 float _EdgeWidth; // 边缘宽度 fixed4 _EdgeColor; // 边缘主色 fixed4 _BurnColor; // 烧焦过渡色

这段是常规声明。_DissolveThreshold是全局进度，一般在脚本侧通过插值从0涨到1；_NoiseTex是噪声图，通常用黑白噪点纹理，也可以是一张FBM叠加成的连续噪声；_EdgeWidth控制边缘高亮宽度，_EdgeColor和_BurnColor控制两条边缘的颜色。

请注意，做动画时我不会直接修改材质上的阈值，因为一旦直接改材质，所有使用同一个材质球的物体都会一起溶解。角色、怪物的批量生成场景下这是灾难。正确的做法是把每个实例的材质参数通过实例化方式覆盖，或者用更轻量的属性覆盖方案，保证同一个材质球的不同物体可以拥有独立的溶解进度。

为了让后续扩展更方便，通常还会在顶点着色器输出里带上世界坐标：

struct v2f { float4 position : SV_POSITION; float2 uv : TEXCOORD0; float3 worldPos : TEXCOORD1; };

worldPos的作用在后面讲“多部件溶解不同步”的问题时才会体现，建议先留在结构体里，成本不高，但要补就得多动一次输入布局。

2.2 片元着色器中的四步核心逻辑

fixed4 frag(v2f i) : SV_Target { // 第一步：采样噪声 float noise = tex2D(_NoiseTex, i.uv).r; // 第二步：低于阈值就丢弃 clip(noise - _DissolveThreshold); // 第三步：计算边缘亮度 float edge = 1 - smoothstep(_DissolveThreshold, _DissolveThreshold + _EdgeWidth, noise); // 第四步：主贴图颜色与边缘色混合 fixed4 col = tex2D(_MainTex, i.uv); col.rgb = lerp(col.rgb, _EdgeColor.rgb, edge * _EdgeColor.a); col.rgb += _BurnColor.rgb * pow(edge, 2); return col; }

这四步是Dissolve的最小闭环，我一个个讲。

第一步tex2D从噪声图采样。注意采样坐标用的是i.uv（模型UV），说明噪声图的UV展开方式和主贴图一致。如果模型没有好的UV，这一步会出问题，第四章会讲替代方案。

第二步clip（noise - _DissolveThreshold）最容易被绕。clip的语义是：参数小于0，像素被舍弃。当noise小于阈值时，noise减去阈值小于0，像素被丢；当noise大于等于阈值时，结果大于等于0，像素保留。也就是说，保留的是噪声值较高的部分。随着阈值增大，低噪声像素越丢越多，物体逐渐消失。如果你想反过来，比如从右往左消融，就需要调整噪声图或者把clip条件取反。团队里曾有新人把溶解方向做反，半天没头绪，就是因为没搞清“等于阈值时保留还是丢弃”的边界。

早期一些着色器语法里，clip等价于if加discard。很多人写成if (noise < _DissolveThreshold) discard;，效果一致，但clip在部分编译器上优化更激进，代码也更简洁。如果你在其他引擎里看到discard关键字，不用慌，同一个意思。

第三步smoothstep。smoothstep(a, b, x)的意思是：x小于a时返回0，x大于b时返回1，中间平滑过渡。代码里用1减去它，于是edge的含义变成：噪声值越接近阈值、刚刚保留下来的像素，edge越接近1；离阈值越远的内部像素，edge越接近0。这样亮边就出现在消融边缘的内侧，而不是整个模型发光。

为什么不用step而用smoothstep？因为step在临界点会产生一条1像素的硬边，观感上边缘会“跳”，锯齿严重。smoothstep天然可作为抗锯齿筛选器，边缘过渡柔和，这也是边缘光的来源。经验数值上，EdgeWidth取0.05到0.1就够用，太大亮边会糊成一片。

第四步混合。先取主贴图颜色，再跟边缘色基于edge做lerp。edge乘以_EdgeColor.a，如果alpha设0.7，边缘就是半透明渐变，比较通透。后面用pow(edge, 2)叠烧焦色，让靠近边缘内侧的暗色更有烧灼层次。

2.3 完整可运行的着色器片段示例

我不打算贴某个引擎的完整材质文件，因为不同引擎的封装差异很大，但算法片段完全通用。你可以把上面的frag函数放入自己熟悉的模板里。如果是在PBR材质模板里，只需要把返回的col赋给BaseColor，同时保留Clip语义即可。

如果希望在表面着色器类型的封装里实现，原理一样：在表面函数里采样噪声、调用clip、算出edge，把edge混入漫反射和自发光通道。Dissolve本身和光照无关，所以不用担心它破坏原有光照模型。我实测过在几套不同的渲染管线里搬这段逻辑，只要把clip放在正确阶段，效果都能成立。

3. 实操调参：把溶解效果调出“电影感”

3.1 噪声贴图选型与阈值起点

溶解效果最怕的是一开始就像虫蛀——一块块坑坑洼洼，毫无质感。噪声贴图的选择占了七成。好的做法是准备一张大尺寸、灰度平滑、局部有聚簇感的噪声图，推荐用Perlin噪声或FBM生成，并且把对比度压低，不要太锐。

我实测下来，1024×1024的灰度图在大多数物体上够用，但高精度角色最好做到2048。噪声贴图的压缩设置也要注意，不要开压缩或使用低质量压缩，否则纹理边缘会出马赛克，溶解边缘会显得脏。这个细节很多人忽略，等到边缘锯齿才回来查，浪费了不少时间。

阈值起点建议不要从0开始。直接从0开始会让物体一瞬间缺掉很多小片，观感像被狗啃了。一般从0.05或0.1开始，配合脚本让阈值匀速增长，加一点音效和粒子，整个溶解过程才有由缓到急的运动感。如果从1反向降到0，可以实现从无到有的生成效果，做法一模一样。

3.2 边缘宽度与边缘颜色的经验值

EdgeWidth如果按UV空间0到1理解，一般取0.03到0.08。取0.08时边缘很厚，适合慢速电影感溶解；取0.03时细而锋利，适合角色死亡瞬间的快速消散。边缘色亮白、淡蓝、暖橙都常见，关键是_EdgeColor.a不要拉满。个人习惯调到0.7左右，把亮度和饱和度控制在“像金属加热发红但没过曝”的状态。

烧焦色_BurnColor通常会往深棕或暗红方向调，叠加强度用pow(edge, 2)曲线控制。这里有个技巧：如果你想更硬核一点，可以试试pow(edge, 3)，暗色区域会收得更紧，边缘层次更清晰；反之如果想柔和，用sqrt(edge)，烧焦区域会更弥散。这个曲线参数建议直接暴露成材质可调项，我后面发现美术对手感的影响比颜色本身大得多。

3.3 溶解方向、区域遮罩与动画控制

溶解不一定要整体均匀。给物体加一张遮罩图，乘到阈值之前，就能实现“先溶解脚部，再溶解躯干”的区域效果。做法是把clip条件改成：

clip(noise - _DissolveThreshold * _Mask.r);

遮罩越黑的区域越容易先溶解，越白的区域保留到后期。用在怪物受到致命一击时，从打击点向外扩散溶解，非常实用。美术只需要提供一张黑白遮罩，不用改任何代码。

如果是整屏转场，可以把阈值进度交给时间变量，用三角函数做缓动，比如progress = 0.5 - 0.5 * cos(pi * t)。这样溶解的初速度和末速度都比较柔和，不会出现“哗一下全没”的突兀感。控制逻辑放到脚本侧，Shader只负责根据传入值渲染，职责分离，调试起来也轻松。

4. 常见问题与排查技巧实录

4.1 边缘亮线抖动与闪烁

很多人遇到的第一个坑是边缘疯狂闪烁。原因大多有两个：一是噪声贴图用了MipMap，距离拉远时采样值在小范围内跳动，边缘自然跳；二是阈值附近用step硬切，没有平滑过渡。解决方法是给噪声贴图关闭MipMap或改用线性过滤，在Shader里用smoothstep包一层，并在片元中根据屏幕空间导数做抗锯齿。

还有种情况是模型面片很小，一个三角面内噪声值变化极大，边缘出现“跳变”，工程上很难完全修复。建议把噪声图UV从模型UV换到世界坐标或三平面投影，让噪声密度在空间上连续，就不会一个面一个面地跳。

4.2 多部件溶解不同步

角色由多个Mesh组成时，各部件UV展开方式不同，会导致同一帧里每个部件的可见进度不一致：有的已经烧到胸口，有的腿还没开始。解决方法是把采样坐标从模型UV换成世界坐标，用worldPos.xz作为采样UV，或者用三平面映射。世界坐标采样后，只要阈值一致，所有部件在空间上同步溶解，效果统一很多。

代价是世界坐标采样不如UV采样局部连续，需要把噪声图的缩放调大，让图案过渡更自然。我一般会把噪声图缩放参数暴露出来，让美术在实际场景里微调，比在代码里写死实用得多。

4.3 Clip对性能的影响与优化手段

Clip对GPU确实不算友好。GPU是并行架构，一个像素被丢弃后，它原本占用的渲染单元不能立刻分配给别的像素，再加上不能提前深度剔除，overdraw可能变高。如果场景里大量物体同时使用Dissolve，帧率会明显波动。

优化策略有几个：一是溶解交互尽量交给粒子系统承担，减少高面数模型同时参与溶解；二是把需要溶解的物体集中到同一渲染队列，脚本里分帧驱动阈值，避免同一帧大量物体同时裁切；三是如果平台允许，把噪声图合并进大纹理图集，减少纹理切换次数。实测下来，同时处理二三十个中低面数物体的溶解，在主流设备上压力可控。

4.4 快速排查速查表

这些坑我基本都在真实项目中踩过。尤其注意最后一条，多人团队合作时，误改共享材质导致一片敌人同步消失的情况出现频率非常高。建议在工程规范里写明：材质参数一律走实例化，禁止直接改材质属性。

我个人在实际操作中的体会是，Dissolve这种效果的难点从来不在于那三行核心代码，而在于清楚理解“阈值与噪声的对比”之后，能否把参数设计得足够灵活。第一次做溶解需求时，我把阈值、边缘宽度、边缘色、烧焦色、噪声缩放全都暴露成可调参数，美术同事三天内就调出了五种风格完全不同的溶解动画，而我只需要在脚本侧更新一个progress变量。这种“着色器只算表现、脚本只管进度、参数交给美术”的分工，让整个功能的迭代效率提升非常明显。

如果还想继续扩展，可以把噪声图换成多通道Mask，用不同通道控制不同区域的溶解顺序；也可以在溶解过程中叠加顶点偏移，让碎屑真正从边缘掉下来；还可以接入粒子系统播放烟尘。核心逻辑还是那句clip，剩下的都建立在理解“阈值线”和“边缘带”的延展之上。我的建议是先照着本文的代码跑通最小闭环，确认所有参数手感，再往里面加花活，这样排查问题会清晰很多。