简介在Unity游戏开发中消融效果常用于角色死亡、场景切换等科幻视觉表现。这份PDF教程面向具备一定Shader基础的Unity开发者详细解析了基于噪声贴图的边缘消融Shader实现。内容覆盖Shader整体结构、Properties中主纹理、噪声图、阈值及边缘长度等参数的作用以及顶点着色器中坐标变换与UV传递、片元着色器中噪声采样、clip裁剪和边缘颜色混合的关键代码逻辑。同时说明了创建材质球、绑定Shader、选取噪声图并调节Threshold和EdgeLength参数的具体方法。压缩包仅含1个PDF文件大小约172KB内容精炼且可直接对照练习尤其适合想要快速掌握Shader消融原理的初中级开发者。目前已有1109人学习下载。读者通过文中完整代码与逐段说明能理解clip函数如何实现镂空掌握用边缘长度控制消融过渡带宽度、用边缘颜色增强视觉表现的技巧并可将此实现迁移到角色消失、技能特效等实际项目中。1. 角色死亡不该靠“淡出”了事Unity shader 实现消融效果先从这一画面说起玩过动作游戏的人应该都见过这种画面怪物被打死模型不是整个刷没而是从脚底烧到头顶边缘带着一圈焦色和火星到最后一帧碎成灰。你打开 Unity第一反应可能是给材质做一个透明度动画让它从 1 慢慢降到 0。结果一运行就露馅物体变成半透明背面的场景全透过来了而且透明度混合还会带来排序脏乱的问题。换做序列帧动画又要为每个角色单独做一条特效太重。这时候该考虑的其实是把渲染管线的“像素裁剪”拉出来用。用噪声贴图这种低成本素材把一个模型从实心状态逐像素抹掉边缘还能带烧焦色或者冰蓝色这就是今天要讲的 Unity shader 实现消融效果。用同一套原理可以做角色死亡、环境坍塌、季节交替时的叶片消失甚至能做水墨晕开。这篇笔记从原理开始拆给出一段能直接跑起来的 Shader再把常见的坑按现象、原因、解决方式列清楚。2. 消融为什么能用“裁像素”来做clip 函数、噪声贴图和边缘色的三角关系2.1 为什么不用透明度混合消融效果第一直觉是“让物体变得透明”但透明度混合Alpha Blend和消融要解决的问题根本不是一回事。透明度混合是把当前像素颜色和背后的颜色做加权混合它需要你关掉深度写入、按物体距离排序否则半透明物体会互相穿插这在复杂场景里面非常容易翻车。而且角色死亡这种需求你并不希望它变成一层玻璃你希望它像被火烧穿一样有些地方彻底空了剩下的部分仍然是不透明的实体。所以常见的正确做法是用“丢弃像素”的方式做消融对应 HLSL 语言里的clip()函数。clip(x)的语义是当传入值小于 0 时直接丢掉当前像素不再写入颜色和深度。把这个函数放在片元着色器里配合一张噪声贴图就能按像素控制哪些部位先消失、哪些部位后消失而不像 Alpha Blend 那样把整个表面都拖成半透明。两者的差别用一个表看更清楚维度Alpha Blend 半透明clip 消融像素状态半透明颜色混合全保留或全丢弃深度写入通常要关可以保持开启排序依赖依赖物体距离排序不依赖排序边缘效果依靠渐变偏柔和可以烧焦、碎块感更强GPU 代价混合操作多排序有负担丢弃操作本身可能中断深度优化一句话结论消融是“硬切”不是“渐变”它只关心一块面片留不留而不是留多少。2.2 噪声贴图的灰度值决定了烧掉的顺序要让消失效果看起来像真实燃烧或溶解最忌讳的是所有像素同时消失那是直接把 Mesh 的渲染开关关掉。我们需要每张表面都有一个“阈值”这个阈值最好在空间上不均匀分布。于是噪声贴图登场了。一般噪声贴图是一张灰度纹理R 通道里每个像素的取值在 0 到 1 之间。Shader 里这样用float noise tex2D(_NoiseTex, i.uv).r; clip(noise - _Amount);当_Amount从 0 涨到 1 时每一个像素都会拿自己的噪声值和_Amount比大小。噪声值低于_Amount的像素被丢弃高于的保留。由于噪声贴图在空间上是有起伏的所以模型上每个点的“消失时刻”不同视觉上就是火焰从暗处烧向亮处或者冰霜从裂口向外扩散。这里有两个容易忽视的参数一是噪声贴图的分辨率如果只有 32x32 而且模型很大边缘就会出现方块状锯齿二是 UV 缩放Tiling 数值越大碎块越小。实践中我会准备 512x512 甚至 1024x1024 的灰阶噪声图。如果手头没有合适的素材可以用 C# 里的Mathf.PerlinNoise临时生成一张 128x128 的 Texture2D 导出灰度分布足够细腻做原型验证很快。2.3 边缘的烧焦色不是贴出来的是算出来的只是用clip切像素切口会非常“干净”干净到像激光切割缺少火焰灼烧或冰冻蔓延的质感。要加边缘层可以在片元着色器里算一个边缘强度条带。常见做法是这样float d noise - _Amount; clip(d); // 当 d 在 [0, _EdgeWidth] 内时edge 从 1 过渡到 0 float edge 1.0 - smoothstep(0.0, _EdgeWidth, d); o.Emission _EdgeColor.rgb * edge;d是当前噪声值和消融进度的差。smoothstep把[0, _EdgeWidth]的区间映射成从 1 到 0 的渐变越靠近淘汰线的像素边缘色越亮离开淘汰线越远边缘色越弱。加上一个强度可控的_EdgeWidth烧焦带的宽度就出来了。如果追求更丰富的边缘表现可以把edge这个单值作为 UV 的 X 坐标采样一张横向渐变 Ramp 贴图得到从亮白到焦黑的过渡色。核心还是边缘强度的计算Ramp 只是换一层皮的方案。3. 一段能跑起来的消融 Shader从新建 Shader 文件到调整参数3.1 Built-in 和 URP先选对 Shader 模板Unity 现在最常见的两条渲染路径是 Built-in 和 URP。UP 是趋势但如果你只是想先验证消融这个效果Built-in 里的 Surface Shader 写起来更省事因为阴影投射 Pass 可以被自动托管。直接在 Project 窗口里右键 Create Shader Standard Surface Shader然后把内容替换成下面的完整代码就可以运行。如果你的项目已经切到了 URP写法要换成 HLSLPROGRAM 并引用Packages/com.unity.render-pipelines.universal/ShaderLibrary/Core.hlsl再手动处理 LightMode 和 Pass 结构复杂度高一些。我的建议是先在 Built-in 工程里把原理跑通再迁 URP。迁移时核心的clip和噪声采样逻辑原封不动变的只是函数名和宏。3.2 完整消融 Shader 代码Shader Custom/DissolveEffect { Properties { _MainTex (Albedo (RGB), 2D) white {} _NoiseTex (Dissolve Noise (R), 2D) white {} _Amount (Dissolve Amount, Range(0,1)) 0 _EdgeWidth (Edge Width, Range(0,0.2)) 0.05 _EdgeColor (Edge Color, Color) (1,0.4,0,1) } SubShader { Tags { RenderTypeOpaque QueueGeometry } Cull Off CGPROGRAM #pragma surface surf Lambert addshadow #pragma target 3.0 sampler2D _MainTex; sampler2D _NoiseTex; float _Amount; float _EdgeWidth; fixed4 _EdgeColor; struct Input { float2 uv_MainTex; float2 uv_NoiseTex; }; void surf (Input IN, inout SurfaceOutput o) { float noise tex2D(_NoiseTex, IN.uv_NoiseTex).r; float d noise - _Amount; clip(d); fixed4 albedo tex2D(_MainTex, IN.uv_MainTex); float edge 1.0 - smoothstep(0.0, _EdgeWidth, d); o.Albedo albedo.rgb; o.Emission _EdgeColor.rgb * edge; o.Alpha 1.0; } ENDCG } Fallback Diffuse }这段代码最核心的一行是clip(d)。Addshadow指令让 Unity 自动生成一个带裁剪逻辑的 ShadowCaster Pass这样模型烧到哪阴影就缺到哪。Cull Off关闭背面剔除因为物体烧到一半时你从侧面能看到内部的面如果只渲染正面模型内部看过去是空的。边缘颜色直接输出到Emission自发光上好处是不受场景光照影响颜色始终鲜艳烧灼感更强的做法是把边缘色也叠一部分到Albedo模拟炭黑色。o.Alpha 1.0要固定否则可能在阴影或者后处理中被误判成半透明物体。3.3 必调参数_Amount 进度、_EdgeWidth 宽度、噪声 Tiling我把常用的参数调整范围整理成一张表参数常用范围调整效果_Amount0 到 1整体消融进度0 是完整模型1 是全部消失_EdgeWidth0.02 到 0.2边缘烧焦带厚度越大边缘越宽越柔和_EdgeColor火焰橙 / 冰蓝 / 黑白边缘自发光颜色_NoiseTexTiling1 到 5噪点碎块密度越大噪声斑点越小_NoiseTex分辨率256 到 1024边缘细节度太低会出现像素方块C# 驱动最简单的方式是把_Amount设置到材质上GetComponentRenderer().material.SetFloat(_Amount, 0.6f);但注意这样写每调用一次就会生成一个材质实例如果玩家同时杀掉几十个怪材质实例会爆涨。这个问题留到第五章用 MaterialPropertyBlock 解决。4. 消融避坑与排查边缘闪烁、部件断裂、阴影穿帮和性能下降4.1 边缘像“马赛克”一样跳动现象消融进行到一半边缘不是平滑的烧焦带而是很多硬块在跳画面像是低分辨率噪点贴图被拉伸到整个模型上。原因大部分情况是噪声贴图分辨率太低或者 UV 在模型接缝处拉伸过大。还有一种是噪声贴图的 Filter Mode 用了 Point导致采样时一个像素一个像素地跳变。部分建模软件导出的模型 UV 分了很多个小块同一个模型上不同区域的 UV 密度差异很大噪声频率也会跟着变。解决方式把噪声贴图的分辨率提高到 512 以上Filter Mode 改成 BilinearWrap Mode 在工程条件允许时设为 Clamp可以防止 UV 出界时采样到重复硬边。如果模型本身 UV 拉伸严重可以缩小_NoiseTex的 Tiling让噪声在拉伸区域也保持连续。4.2 模型烧到一半整个部件“啪”地消失现象角色身体还在右臂突然整个没了再过一帧头也没了完全不是渐次燃烧的效果像是被气化。原因这类模型往往不是单一 Mesh而是由多个子 Mesh 组成每个子 Mesh 又使用不同材质。如果每个材质都使用同一张噪声贴图但 UV 接缝明显不同或者每个部件使用独立的材质参数就会出现不同步。另一种情况是模型被烘焙成了多个材质而你把_Amount只设到了其中一个材质上。解决方式把_Amount赋值给所有相关材质或者干脆合并成一张贴图、一个 SubMesh。在多部件怪物上我会拿母物体的脚本遍历所有 Children 的 Renderer逐个设置同一个消融参数如果希望部件有先后感可以在每个 Renderer 上挂一个随机偏移。记住消融效果最怕“整件整件”地切视觉上不连贯。4.3 地面阴影变成“筛子”阴影形状和模型不一致现象模型还完整但地上的阴影已经有大幅空洞或者反过来模型烧掉一半阴影还是实心一块。原因主 Pass 里做了clip但阴影投射 Pass 没有采样噪声贴图。Unity 生成阴影时走的是一套独立的 ShadowCaster 通道如果你写的是 Vertex/Fragment Shader就必须自己把裁剪逻辑复制到 ShadowCaster Pass 里。解决方式在 Surface Shader 里加addshadow指令这是最快路径。它会自动生成一个带clip的 ShadowCaster Pass。如果你手写顶点片元 Shader要自己加一个LightModeShadowCaster的 Pass并在片元函数里写同样的clip(noise - _Amount)。另外把Cull Off也写到 ShadowCaster Pass 中否则双面模型的内部面可能不投射阴影。4.4 移动端一开消融帧率骤降现象编辑器里跑得好好的真机上特效一放帧率从 60 掉到 30 以下。原因clip在部分移动 GPU 上会打断提前深度测试碎片被丢弃后GPU 无法利用深度缓冲快速剔除产生额外开销。噪声贴图如果分量很大比如用四通道彩色图加上边缘计算的 smoothstep像素指令会成倍增加。解决方式把噪声贴图只取 R 通道避免采样彩色图造成的通道转换开销。clip尽量往片元着色器开头放不要再做多余计算。低端机上可以把_EdgeWidth调小减少边缘渐变的计算范围。如果项目有大量怪物同时消融考虑用顶点着色器位移模拟收缩效果替代像素丢弃这是降级方案视觉效果会比像素裁剪粗糙一些但能保住帧率。移动端最终以真机 Profile 为准。5. 把消融接到游戏逻辑里MaterialPropertyBlock、多物体同步和相近效果迁移5.1 用 MaterialPropertyBlock 防止材质实例失控前面提到直接renderer.material.SetFloat会复制材质这里展开说。在 Unity 里Renderer.material访问时会自动实例化一份材质后续修改都作用在新实例上。对几十上百个敌人做消融时内存和合批都会被拖垮。正确做法是用MaterialPropertyBlock它让多个 Renderer 共享同一个材质但各自携带独立的属性值using System.Collections; using UnityEngine; public class DissolveDriver : MonoBehaviour { [SerializeField] private Renderer[] targets; [SerializeField] private float duration 1.5f; private MaterialPropertyBlock block; private float timer; private void Awake() { block new MaterialPropertyBlock(); } public void PlayDissolve() { timer 0f; StartCoroutine(DissolveRoutine()); } private IEnumerator DissolveRoutine() { while (timer duration) { timer Time.deltaTime; float t Mathf.Clamp01(timer / duration); foreach (var r in targets) { if (r null) continue; // 先读取已有属性避免把其他系统塞进 Block 的字段覆盖掉 r.GetPropertyBlock(block); block.SetFloat(_Amount, t); r.SetPropertyBlock(block); } yield return null; } } }这段代码里最容易被忽略的是GetPropertyBlock(block)。MaterialPropertyBlock是复用对象如果不清空而是直接覆盖会和项目内其他逻辑写入的属性冲突所以我习惯每次都先读再用。targets数组在 Awake 里缓存不要在 Update 里频繁调用GetComponentsInChildren那也是一笔隐藏开销。5.2 多模型同步全局 Shader 变量做集体融化如果场景里要同时消失一片树林或一堵墙裂开后数块石头同时落地逐个遍历已经很笨重。一个更省事的做法是给 Shader 增加一个全局属性参与运算float globalAmount saturate(_GlobalDissolve _Amount); clip(noise - globalAmount);在 C# 侧你只需要用一条全局语句Shader.SetGlobalFloat(_GlobalDissolve, 0.8f);这样所有使用这个 Shader 的材质都会叠加同一个进度。区别在于_Amount是单个物体自己的偏移量_GlobalDissolve是全场统一的总进度。想让每个物体错峰消失就在初始化时给每个 Renderer 一个随机偏移block.SetFloat(_Amount, Random.Range(-0.3f, 0.3f));全局值加到 1.2有些物体先消失有些后消失不会有整齐划一的“切一刀感”。要注意全局变量会污染所有使用同一 Shader 的材质。如果场景里有不需要消融的物体不要给它们用这个 Shader或者分派一个独立的变体。5.3 从消融迁移到季节交替、雪花覆盖或水墨晕开消融这套核心逻辑本质是“用噪声分布控制像素的存留”。换一张噪声纹理换一种边缘表现就能覆盖一类渐变效果。比如季节交替里的树叶随着秋天到来逐渐干枯消失把消融的_EdgeColor从火焰橙改成枯叶黄_Amount从 1 递减到 0叶片就像从枝头重新长出来的样子。水墨晕开特效更简单把噪声贴图换成一幅笔触纹理_EdgeWidth调到接近 0只有细碎的控制点被丢弃看起来就是墨迹从浓到淡。很多项目的“逐渐消失”和“融化”效果都是这套 Shader 的换皮版本。6. 验证消融效果用 Frame Debugger 逐 Pass 检查盯住边缘和阴影做完一个消融效果别急着拖进度条看两眼就说完成。我自己的验证习惯是固定三个检查点主画面边缘是否自然、阴影是否同步、Shader 性能是否可控。第一步打开 Window Analysis Frame Debugger把播放暂停在消融中途逐帧点击 Draw Call。看主 Pass 的裁剪位置在哪里边缘色有没有出现在不该出现的地方。如果发现某一块特别亮或特别暗多半是噪声贴图采样在 UV 接缝处出了问题而不是美术预期。第二步关掉场景主光源只留平行光看投影。消融到一半时阴影和模型应该是同步缺角的。如果影子完整或格外破碎问题一定在 ShadowCaster Pass 的裁剪逻辑上回查addshadow是否写在#pragma surface一行里。第三步用真机 Profile 看半分钟消融过程重点盯 GPU 的 Fragment 开销和 Draw Call 数量。MaterialPropertyBlock 没有产生新材质实例Draw Call 应该保持不变如果看到材质实例数量在上升那就是代码里哪一句直接碰了renderer.material。四周前我接一个项目对方说消融边缘总是有规律地闪动排查到半夜发现是灯光烘焙和实时阴影在同样位置叠加Cull Off让模型的内部面把阴影打花了。从那以后我每次验证都会在两种光照环境下各看一遍产生了一种惯性先看边缘再看影子最后才看参数。这个顺序看起来简单但确实帮我避开过很多自欺欺人的“效果看起来还行”。希望帮到你。本文还有配套的精品资源点击获取 
长河君 · 2026/9/30 17:55:38 · 阅读 1.2k Unity Shader消融效果：用clip函数和噪声贴图实现逐像素消失
简介在Unity游戏开发中消融效果常用于角色死亡、场景切换等科幻视觉表现。这份PDF教程面向具备一定Shader基础的Unity开发者详细解析了基于噪声贴图的边缘消融Shader实现。内容覆盖Shader整体结构、Properties中主纹理、噪声图、阈值及边缘长度等参数的作用以及顶点着色器中坐标变换与UV传递、片元着色器中噪声采样、clip裁剪和边缘颜色混合的关键代码逻辑。同时说明了创建材质球、绑定Shader、选取噪声图并调节Threshold和EdgeLength参数的具体方法。压缩包仅含1个PDF文件大小约172KB内容精炼且可直接对照练习尤其适合想要快速掌握Shader消融原理的初中级开发者。目前已有1109人学习下载。读者通过文中完整代码与逐段说明能理解clip函数如何实现镂空掌握用边缘长度控制消融过渡带宽度、用边缘颜色增强视觉表现的技巧并可将此实现迁移到角色消失、技能特效等实际项目中。1. 角色死亡不该靠“淡出”了事Unity shader 实现消融效果先从这一画面说起玩过动作游戏的人应该都见过这种画面怪物被打死模型不是整个刷没而是从脚底烧到头顶边缘带着一圈焦色和火星到最后一帧碎成灰。你打开 Unity第一反应可能是给材质做一个透明度动画让它从 1 慢慢降到 0。结果一运行就露馅物体变成半透明背面的场景全透过来了而且透明度混合还会带来排序脏乱的问题。换做序列帧动画又要为每个角色单独做一条特效太重。这时候该考虑的其实是把渲染管线的“像素裁剪”拉出来用。用噪声贴图这种低成本素材把一个模型从实心状态逐像素抹掉边缘还能带烧焦色或者冰蓝色这就是今天要讲的 Unity shader 实现消融效果。用同一套原理可以做角色死亡、环境坍塌、季节交替时的叶片消失甚至能做水墨晕开。这篇笔记从原理开始拆给出一段能直接跑起来的 Shader再把常见的坑按现象、原因、解决方式列清楚。2. 消融为什么能用“裁像素”来做clip 函数、噪声贴图和边缘色的三角关系2.1 为什么不用透明度混合消融效果第一直觉是“让物体变得透明”但透明度混合Alpha Blend和消融要解决的问题根本不是一回事。透明度混合是把当前像素颜色和背后的颜色做加权混合它需要你关掉深度写入、按物体距离排序否则半透明物体会互相穿插这在复杂场景里面非常容易翻车。而且角色死亡这种需求你并不希望它变成一层玻璃你希望它像被火烧穿一样有些地方彻底空了剩下的部分仍然是不透明的实体。所以常见的正确做法是用“丢弃像素”的方式做消融对应 HLSL 语言里的clip()函数。clip(x)的语义是当传入值小于 0 时直接丢掉当前像素不再写入颜色和深度。把这个函数放在片元着色器里配合一张噪声贴图就能按像素控制哪些部位先消失、哪些部位后消失而不像 Alpha Blend 那样把整个表面都拖成半透明。两者的差别用一个表看更清楚维度Alpha Blend 半透明clip 消融像素状态半透明颜色混合全保留或全丢弃深度写入通常要关可以保持开启排序依赖依赖物体距离排序不依赖排序边缘效果依靠渐变偏柔和可以烧焦、碎块感更强GPU 代价混合操作多排序有负担丢弃操作本身可能中断深度优化一句话结论消融是“硬切”不是“渐变”它只关心一块面片留不留而不是留多少。2.2 噪声贴图的灰度值决定了烧掉的顺序要让消失效果看起来像真实燃烧或溶解最忌讳的是所有像素同时消失那是直接把 Mesh 的渲染开关关掉。我们需要每张表面都有一个“阈值”这个阈值最好在空间上不均匀分布。于是噪声贴图登场了。一般噪声贴图是一张灰度纹理R 通道里每个像素的取值在 0 到 1 之间。Shader 里这样用float noise tex2D(_NoiseTex, i.uv).r; clip(noise - _Amount);当_Amount从 0 涨到 1 时每一个像素都会拿自己的噪声值和_Amount比大小。噪声值低于_Amount的像素被丢弃高于的保留。由于噪声贴图在空间上是有起伏的所以模型上每个点的“消失时刻”不同视觉上就是火焰从暗处烧向亮处或者冰霜从裂口向外扩散。这里有两个容易忽视的参数一是噪声贴图的分辨率如果只有 32x32 而且模型很大边缘就会出现方块状锯齿二是 UV 缩放Tiling 数值越大碎块越小。实践中我会准备 512x512 甚至 1024x1024 的灰阶噪声图。如果手头没有合适的素材可以用 C# 里的Mathf.PerlinNoise临时生成一张 128x128 的 Texture2D 导出灰度分布足够细腻做原型验证很快。2.3 边缘的烧焦色不是贴出来的是算出来的只是用clip切像素切口会非常“干净”干净到像激光切割缺少火焰灼烧或冰冻蔓延的质感。要加边缘层可以在片元着色器里算一个边缘强度条带。常见做法是这样float d noise - _Amount; clip(d); // 当 d 在 [0, _EdgeWidth] 内时edge 从 1 过渡到 0 float edge 1.0 - smoothstep(0.0, _EdgeWidth, d); o.Emission _EdgeColor.rgb * edge;d是当前噪声值和消融进度的差。smoothstep把[0, _EdgeWidth]的区间映射成从 1 到 0 的渐变越靠近淘汰线的像素边缘色越亮离开淘汰线越远边缘色越弱。加上一个强度可控的_EdgeWidth烧焦带的宽度就出来了。如果追求更丰富的边缘表现可以把edge这个单值作为 UV 的 X 坐标采样一张横向渐变 Ramp 贴图得到从亮白到焦黑的过渡色。核心还是边缘强度的计算Ramp 只是换一层皮的方案。3. 一段能跑起来的消融 Shader从新建 Shader 文件到调整参数3.1 Built-in 和 URP先选对 Shader 模板Unity 现在最常见的两条渲染路径是 Built-in 和 URP。UP 是趋势但如果你只是想先验证消融这个效果Built-in 里的 Surface Shader 写起来更省事因为阴影投射 Pass 可以被自动托管。直接在 Project 窗口里右键 Create Shader Standard Surface Shader然后把内容替换成下面的完整代码就可以运行。如果你的项目已经切到了 URP写法要换成 HLSLPROGRAM 并引用Packages/com.unity.render-pipelines.universal/ShaderLibrary/Core.hlsl再手动处理 LightMode 和 Pass 结构复杂度高一些。我的建议是先在 Built-in 工程里把原理跑通再迁 URP。迁移时核心的clip和噪声采样逻辑原封不动变的只是函数名和宏。3.2 完整消融 Shader 代码Shader Custom/DissolveEffect { Properties { _MainTex (Albedo (RGB), 2D) white {} _NoiseTex (Dissolve Noise (R), 2D) white {} _Amount (Dissolve Amount, Range(0,1)) 0 _EdgeWidth (Edge Width, Range(0,0.2)) 0.05 _EdgeColor (Edge Color, Color) (1,0.4,0,1) } SubShader { Tags { RenderTypeOpaque QueueGeometry } Cull Off CGPROGRAM #pragma surface surf Lambert addshadow #pragma target 3.0 sampler2D _MainTex; sampler2D _NoiseTex; float _Amount; float _EdgeWidth; fixed4 _EdgeColor; struct Input { float2 uv_MainTex; float2 uv_NoiseTex; }; void surf (Input IN, inout SurfaceOutput o) { float noise tex2D(_NoiseTex, IN.uv_NoiseTex).r; float d noise - _Amount; clip(d); fixed4 albedo tex2D(_MainTex, IN.uv_MainTex); float edge 1.0 - smoothstep(0.0, _EdgeWidth, d); o.Albedo albedo.rgb; o.Emission _EdgeColor.rgb * edge; o.Alpha 1.0; } ENDCG } Fallback Diffuse }这段代码最核心的一行是clip(d)。Addshadow指令让 Unity 自动生成一个带裁剪逻辑的 ShadowCaster Pass这样模型烧到哪阴影就缺到哪。Cull Off关闭背面剔除因为物体烧到一半时你从侧面能看到内部的面如果只渲染正面模型内部看过去是空的。边缘颜色直接输出到Emission自发光上好处是不受场景光照影响颜色始终鲜艳烧灼感更强的做法是把边缘色也叠一部分到Albedo模拟炭黑色。o.Alpha 1.0要固定否则可能在阴影或者后处理中被误判成半透明物体。3.3 必调参数_Amount 进度、_EdgeWidth 宽度、噪声 Tiling我把常用的参数调整范围整理成一张表参数常用范围调整效果_Amount0 到 1整体消融进度0 是完整模型1 是全部消失_EdgeWidth0.02 到 0.2边缘烧焦带厚度越大边缘越宽越柔和_EdgeColor火焰橙 / 冰蓝 / 黑白边缘自发光颜色_NoiseTexTiling1 到 5噪点碎块密度越大噪声斑点越小_NoiseTex分辨率256 到 1024边缘细节度太低会出现像素方块C# 驱动最简单的方式是把_Amount设置到材质上GetComponentRenderer().material.SetFloat(_Amount, 0.6f);但注意这样写每调用一次就会生成一个材质实例如果玩家同时杀掉几十个怪材质实例会爆涨。这个问题留到第五章用 MaterialPropertyBlock 解决。4. 消融避坑与排查边缘闪烁、部件断裂、阴影穿帮和性能下降4.1 边缘像“马赛克”一样跳动现象消融进行到一半边缘不是平滑的烧焦带而是很多硬块在跳画面像是低分辨率噪点贴图被拉伸到整个模型上。原因大部分情况是噪声贴图分辨率太低或者 UV 在模型接缝处拉伸过大。还有一种是噪声贴图的 Filter Mode 用了 Point导致采样时一个像素一个像素地跳变。部分建模软件导出的模型 UV 分了很多个小块同一个模型上不同区域的 UV 密度差异很大噪声频率也会跟着变。解决方式把噪声贴图的分辨率提高到 512 以上Filter Mode 改成 BilinearWrap Mode 在工程条件允许时设为 Clamp可以防止 UV 出界时采样到重复硬边。如果模型本身 UV 拉伸严重可以缩小_NoiseTex的 Tiling让噪声在拉伸区域也保持连续。4.2 模型烧到一半整个部件“啪”地消失现象角色身体还在右臂突然整个没了再过一帧头也没了完全不是渐次燃烧的效果像是被气化。原因这类模型往往不是单一 Mesh而是由多个子 Mesh 组成每个子 Mesh 又使用不同材质。如果每个材质都使用同一张噪声贴图但 UV 接缝明显不同或者每个部件使用独立的材质参数就会出现不同步。另一种情况是模型被烘焙成了多个材质而你把_Amount只设到了其中一个材质上。解决方式把_Amount赋值给所有相关材质或者干脆合并成一张贴图、一个 SubMesh。在多部件怪物上我会拿母物体的脚本遍历所有 Children 的 Renderer逐个设置同一个消融参数如果希望部件有先后感可以在每个 Renderer 上挂一个随机偏移。记住消融效果最怕“整件整件”地切视觉上不连贯。4.3 地面阴影变成“筛子”阴影形状和模型不一致现象模型还完整但地上的阴影已经有大幅空洞或者反过来模型烧掉一半阴影还是实心一块。原因主 Pass 里做了clip但阴影投射 Pass 没有采样噪声贴图。Unity 生成阴影时走的是一套独立的 ShadowCaster 通道如果你写的是 Vertex/Fragment Shader就必须自己把裁剪逻辑复制到 ShadowCaster Pass 里。解决方式在 Surface Shader 里加addshadow指令这是最快路径。它会自动生成一个带clip的 ShadowCaster Pass。如果你手写顶点片元 Shader要自己加一个LightModeShadowCaster的 Pass并在片元函数里写同样的clip(noise - _Amount)。另外把Cull Off也写到 ShadowCaster Pass 中否则双面模型的内部面可能不投射阴影。4.4 移动端一开消融帧率骤降现象编辑器里跑得好好的真机上特效一放帧率从 60 掉到 30 以下。原因clip在部分移动 GPU 上会打断提前深度测试碎片被丢弃后GPU 无法利用深度缓冲快速剔除产生额外开销。噪声贴图如果分量很大比如用四通道彩色图加上边缘计算的 smoothstep像素指令会成倍增加。解决方式把噪声贴图只取 R 通道避免采样彩色图造成的通道转换开销。clip尽量往片元着色器开头放不要再做多余计算。低端机上可以把_EdgeWidth调小减少边缘渐变的计算范围。如果项目有大量怪物同时消融考虑用顶点着色器位移模拟收缩效果替代像素丢弃这是降级方案视觉效果会比像素裁剪粗糙一些但能保住帧率。移动端最终以真机 Profile 为准。5. 把消融接到游戏逻辑里MaterialPropertyBlock、多物体同步和相近效果迁移5.1 用 MaterialPropertyBlock 防止材质实例失控前面提到直接renderer.material.SetFloat会复制材质这里展开说。在 Unity 里Renderer.material访问时会自动实例化一份材质后续修改都作用在新实例上。对几十上百个敌人做消融时内存和合批都会被拖垮。正确做法是用MaterialPropertyBlock它让多个 Renderer 共享同一个材质但各自携带独立的属性值using System.Collections; using UnityEngine; public class DissolveDriver : MonoBehaviour { [SerializeField] private Renderer[] targets; [SerializeField] private float duration 1.5f; private MaterialPropertyBlock block; private float timer; private void Awake() { block new MaterialPropertyBlock(); } public void PlayDissolve() { timer 0f; StartCoroutine(DissolveRoutine()); } private IEnumerator DissolveRoutine() { while (timer duration) { timer Time.deltaTime; float t Mathf.Clamp01(timer / duration); foreach (var r in targets) { if (r null) continue; // 先读取已有属性避免把其他系统塞进 Block 的字段覆盖掉 r.GetPropertyBlock(block); block.SetFloat(_Amount, t); r.SetPropertyBlock(block); } yield return null; } } }这段代码里最容易被忽略的是GetPropertyBlock(block)。MaterialPropertyBlock是复用对象如果不清空而是直接覆盖会和项目内其他逻辑写入的属性冲突所以我习惯每次都先读再用。targets数组在 Awake 里缓存不要在 Update 里频繁调用GetComponentsInChildren那也是一笔隐藏开销。5.2 多模型同步全局 Shader 变量做集体融化如果场景里要同时消失一片树林或一堵墙裂开后数块石头同时落地逐个遍历已经很笨重。一个更省事的做法是给 Shader 增加一个全局属性参与运算float globalAmount saturate(_GlobalDissolve _Amount); clip(noise - globalAmount);在 C# 侧你只需要用一条全局语句Shader.SetGlobalFloat(_GlobalDissolve, 0.8f);这样所有使用这个 Shader 的材质都会叠加同一个进度。区别在于_Amount是单个物体自己的偏移量_GlobalDissolve是全场统一的总进度。想让每个物体错峰消失就在初始化时给每个 Renderer 一个随机偏移block.SetFloat(_Amount, Random.Range(-0.3f, 0.3f));全局值加到 1.2有些物体先消失有些后消失不会有整齐划一的“切一刀感”。要注意全局变量会污染所有使用同一 Shader 的材质。如果场景里有不需要消融的物体不要给它们用这个 Shader或者分派一个独立的变体。5.3 从消融迁移到季节交替、雪花覆盖或水墨晕开消融这套核心逻辑本质是“用噪声分布控制像素的存留”。换一张噪声纹理换一种边缘表现就能覆盖一类渐变效果。比如季节交替里的树叶随着秋天到来逐渐干枯消失把消融的_EdgeColor从火焰橙改成枯叶黄_Amount从 1 递减到 0叶片就像从枝头重新长出来的样子。水墨晕开特效更简单把噪声贴图换成一幅笔触纹理_EdgeWidth调到接近 0只有细碎的控制点被丢弃看起来就是墨迹从浓到淡。很多项目的“逐渐消失”和“融化”效果都是这套 Shader 的换皮版本。6. 验证消融效果用 Frame Debugger 逐 Pass 检查盯住边缘和阴影做完一个消融效果别急着拖进度条看两眼就说完成。我自己的验证习惯是固定三个检查点主画面边缘是否自然、阴影是否同步、Shader 性能是否可控。第一步打开 Window Analysis Frame Debugger把播放暂停在消融中途逐帧点击 Draw Call。看主 Pass 的裁剪位置在哪里边缘色有没有出现在不该出现的地方。如果发现某一块特别亮或特别暗多半是噪声贴图采样在 UV 接缝处出了问题而不是美术预期。第二步关掉场景主光源只留平行光看投影。消融到一半时阴影和模型应该是同步缺角的。如果影子完整或格外破碎问题一定在 ShadowCaster Pass 的裁剪逻辑上回查addshadow是否写在#pragma surface一行里。第三步用真机 Profile 看半分钟消融过程重点盯 GPU 的 Fragment 开销和 Draw Call 数量。MaterialPropertyBlock 没有产生新材质实例Draw Call 应该保持不变如果看到材质实例数量在上升那就是代码里哪一句直接碰了renderer.material。四周前我接一个项目对方说消融边缘总是有规律地闪动排查到半夜发现是灯光烘焙和实时阴影在同样位置叠加Cull Off让模型的内部面把阴影打花了。从那以后我每次验证都会在两种光照环境下各看一遍产生了一种惯性先看边缘再看影子最后才看参数。这个顺序看起来简单但确实帮我避开过很多自欺欺人的“效果看起来还行”。希望帮到你。本文还有配套的精品资源点击获取