Unity Shader消融效果完全指南：从原理到代码实现

1. 开场消融效果到底做的是什么做Unity开发的朋友应该都遇到过这种需求角色死亡、场景物件切换、道具消失总不能一个游戏对象咔一下原地消失吧那观感太突兀了。这时候“消融效果”就派上用场了从视觉上看物体会像被某种能量侵蚀一样从边缘一点一点瓦解掉非常有打击感和科技感。我第一次在项目里被提这个需求时还不太懂Shader直接在Update里把Renderer的enabled翻来翻去结果就是整张贴图硬切效果惨不忍睹。后来做了一版基于Shader的消融效果才算打开了新世界的大门。这玩意的核心并不复杂本质就是“动态着色”的一种你利用一张噪声纹理作为采样源配合透明度裁剪就能让模型从局部到整体产生逐渐消失的视觉冲击。在Unity里实现这一效果个人强烈建议纯Shader写不要用粒子去堆便宜好用还流畅。这篇文章我会带着你从原理一路走到实操手把手把参数调好顺便把我自己踩过坑的地方全抖出来。适用人群中初级Unity开发者、想做技能与特效的策划同学、想了解Shader动态着色的朋友。2. 原理拆解一个少有人系统讲清楚的核心思路2.1 透明裁剪一切消融效果的基础消融效果并非真的去“挖掉”模型的一部分而是利用GPU渲染管线里的裁切函数让片元也就是屏幕上每个像素在特定条件下直接被丢弃。Unity Shader里最常用的就是clip()函数这个函数会检查传入的值小于等于0时这个片元就会被GPU直接扔掉。听起来是不是有点像素游戏里精灵消隐的感觉对原理非常相似只不过消融效果需要更细腻的控制。具体到操作上我通常会这样定义fixed4 frag (v2f i) : SV_Target { half dissolveValue tex2D(_NoiseTex, i.uv).r; clip(dissolveValue - _Threshold); // 正常返回贴图颜色 return tex2D(_MainTex, i.uv); }这里的核心变量有俩一个是噪声贴图的采样值dissolveValue一个是阈值_Threshold。阈值越低噪声值大于阈值的地方就越多模型显示得越完整。阈值逐渐升高到1模型整体也就烧没了。当然这里说的是线性逻辑实际做的时候阈值升到0.3左右时模型就已经掉得很厉害了具体要看噪声纹理的分布。2.2 噪声纹理选择为什么不能随便用一张贴图这是我第一个要强调的坑。很多人随手从网上下了一张噪点图拿来用结果消融出来的边缘稀碎要么像长了毛要么毫无规则感根本没有火焰舔舐的效果。原因在于Unity的Tiling/Offset开了之后普通噪点纹理在tiling大了以后会出现明显的重复周期。更合理的方案是选择Perlin噪声或者Worley噪声纹理它们的空间相关性比较强过渡会自然很多。如果你手头没有合适的噪声图推荐两个免费资源站ambientCG现在叫Poly Haven和OpenGameArt搜noise texture尽量选中灰底黑白的灰度变化大的。我个人习惯用一张形状较为随机、灰度过渡平滑的噪声纹理不要用那种pinch点状的。因为消融边缘是否好看70%取决于噪声纹理质量20%取决于边缘发光的处理方式剩下10%才是Shader本身。2.3 动态变化的本质用一个0到1缓慢变化的值去驱动阈值消融效果的“动态”其实不复杂就是你从C#脚本或者动画事件里不停修改变量的值让阈值随时间变化刚开始阈值 0模型完整。不断累加阈值 0.05、0.1、0.2…模型开始有局部片元被裁掉。最终阈值 1.0整个模型完全消失。在代码里就是一个简单的Mathf.Lerp或者Coroutine处理的事。把阈值想象成一个水龙头你拧得越大水流被裁掉的片元越多。这个思路一旦想清楚后面扩展“燃烧后余烬”“烧焦边缘发光”都只是在同一套逻辑上做加法。3. Shader实现从零手写一个消融Shader3.1 创建Shader与材质的基本流程在动手之前先把工具准备好任意Unity版本2019 LTS以上都可以一个人形或者其他网格模型一张噪声纹理。步骤很简单在Project窗口右键 → Create → Shader → Unlit Shader命名为DissolveShader。双击打开把默认代码全部删掉。新建一个Material命名为DissolveMat把Shader拖上去。准备好你的角色模型把材质赋给模型的Renderer即可。有人喜欢用Standard Shader改我劝你别。Standard Shader的代码量太大跑一遍编译看半天你是来做消融效果的不是来背PBR源码的。Unlit Shader足够应对大多数需求即使你想要边缘发光也可以在Unlit基础上自己加可控性高得多。3.2 核心代码与逐行解释下面这段Shader代码是我在实际项目里跑过且做了简化的版本关键逻辑都在Shader Custom/Dissolve { Properties { _MainTex (纹理, 2D) white {} _NoiseTex (噪声纹理, 2D) white {} _Threshold (消融阈值, Range(0, 1)) 0 _EdgeWidth (边缘宽度, Range(0, 0.5)) 0.1 _EdgeColor (边缘颜色, Color) (1, 0.5, 0, 1) } SubShader { Tags { RenderTypeOpaque QueueGeometry } LOD 100 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include UnityCG.cginc struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; sampler2D _MainTex; float4 _MainTex_ST; sampler2D _NoiseTex; float _Threshold; float _EdgeWidth; fixed4 _EdgeColor; v2f vert (appdata v) { v2f o; o.vertex UnityObjectToClipPos(v.vertex); o.uv TRANSFORM_TEX(v.uv, _MainTex); return o; } fixed4 frag (v2f i) : SV_Target { // 1. 采样噪声图 float noise tex2D(_NoiseTex, i.uv).r; // 2. 消融裁切 clip(noise - _Threshold); // 3. 计算边缘因子 float edgeFactor saturate((noise - _Threshold) / _EdgeWidth); // 4. 采样主纹理 fixed4 col tex2D(_MainTex, i.uv); // 5. 边缘区域混合发光色 fixed3 finalColor lerp(_EdgeColor.rgb, col.rgb, edgeFactor); return fixed4(finalColor, 1.0); } ENDCG } } FallBack Diffuse }逐行来理解这一段别急着复制走人看懂几个关键点很重要。首先采样噪声纹理我取的.r通道而不是.a大多数噪声图导出时三个通道都一样但保险起见用灰度纹理会更稳定。其次clip(noise - _Threshold)决定了哪些片元被裁掉。这里有个细节值得注意noise - _Threshold小于0才被裁掉换句话说噪声值比阈值小的区域消失。你可以根据自己的美术需求把小于大于反过来让消失方向反转。第三步计算边缘是重点edgeFactor saturate((noise - _Threshold) / _EdgeWidth)这个表达式的含义是噪声值距离阈值有多远越靠近阈值的片元edgeFactor越接近0颜色就用边缘色离阈值很远的区域edgeFactor接近1颜色就用主纹理本身。这样就能在模型表面形成一圈“正在被侵蚀”的发光边缘。美术上这个边缘可调节宽度越大发光过渡越宽。3.3 暴露参数的调节心得Shader写完后打开材质面板会看到这几个参数参数作用个人推荐区间_Threshold主消融阈值控制整体消失程度0到1之间线性调节_EdgeWidth边缘过渡宽度0.02到0.15之间_EdgeColor边缘光颜色橙红色 (1, 0.4, 0.1) OR 冰蓝 (0, 0.8, 1)很多新手不知道_EdgeWidth设多少合适我这个数给你参考如果要模拟火焰烧毁宽度0.05-0.08就很合适如果要做科技感溶解可以拉到0.12边缘光晕会更明显。注意不要拉太高太高的话整个模型都会泛白观感很糊。3.4 边缘光颜色与二次发光可选扩展有的项目要求边缘更炫可以加一个基于噪声值的渐变效果。这个操作不复杂在frag函数里加两行就行float glow smoothstep(_Threshold - _EdgeWidth, _Threshold _EdgeWidth, noise); float3 glowColor _EdgeColor * glow * 2.0; return fixed4(finalColor glowColor, 1.0);这样会在边缘处额外叠加一层亮色让“即将崩解”的部位更有灼烧感。我实际试下来smoothstep比step和lerp好很多它自带平滑过渡不至于出现一条生硬的色带。4. C#控制脚本让效果动起来4.1 基础版本协程驱动阈值光有Shader还不够你需要驱动阈值变化。最直接的方式是用协程using System.Collections; using UnityEngine; public class DissolveController : MonoBehaviour { public Material dissolveMat; [Range(0, 1)] public float startValue 0f; [Range(0, 1)] public float endValue 1f; public float duration 2f; private string thresholdParam _Threshold; private void Start() { if (dissolveMat null) { Renderer renderer GetComponentRenderer(); if (renderer ! null) { dissolveMat renderer.material; } } } [ContextMenu(开始消融)] public void StartDissolve() { StartCoroutine(DissolveRoutine(startValue, endValue, duration)); } private IEnumerator DissolveRoutine(float from, float to, float time) { float t 0f; while (t 1f) { t Time.deltaTime / time; float value Mathf.Lerp(from, to, t); dissolveMat.SetFloat(thresholdParam, value); yield return null; } dissolveMat.SetFloat(thresholdParam, to); } }这里有个非常重要的点dissolveMat renderer.material;这样拿到的其实是材质实例不是原始资产。你改了之后不会影响Project面板里那个原始材质文件。如果你直接写renderer.sharedMaterial那改的就是原资产所有使用这个材质的对象都会被影响。这个坑绝了我见过有人在这个问题上排查了一下午就是没意识到是共享材质的问题。自己写工具时原则上用material实例化版本更安全。4.2 扩展一击必杀直接消失有些游戏里怪物被打到残血时就要触发死亡消融这时候做一个公共方法外部直接调用就行public void DissolveAndDestroy(float time) { StartCoroutine(DissolveAndDestroyRoutine(time)); } private IEnumerator DissolveAndDestroyRoutine(float time) { float t 0f; while (t 1f) { t Time.deltaTime / time; dissolveMat.SetFloat(thresholdParam, Mathf.Lerp(0f, 1f, t)); yield return null; } Destroy(gameObject); }注意在协程结束前可以先调用Destroy(gameObject)的前一帧关闭角色AI脚本、位移控制脚本避免角色已经“烧没”了还站在原地挨打。4.3 从Event事件驱动如果你们项目的技能系统是事件驱动型那也不需要额外写多少代码在动画事件里调用public void OnDeathEvent() { StartDissolve(); }或者用UnityAction注册GetComponentEnemyHealth().OnDie.AddListener(StartDissolve);总之C#侧不用追求复杂关键是阈值这个概念要传给Shader大家只需要记住一句话Shader是状态机C#是按钮按下去把状态从0推到1就行。5. 进阶玩法让效果更“贵”的几个细节5.1 双面渲染处理别让消融效果穿帮默认Shader的Cull模式是Back也就是说只渲染正面背面看不到。但你做消融效果时模型内部结构会随着阈值暴露出来如果模型不是完全封闭的你会在镂空区域看到背面缺失的网格非常出戏。解决办法是在Pass里加一行Cull Off或者加一个Rendering Mode开关让美术自行选择。双面渲染的代价是GPU多渲染一遍三角形现代设备上几乎可以忽略不计。不过如果你做的是大量小物件的群体消融比如树、草那就得权衡一下。5.2 固定帧率与动态计时消融效果最怕的是被打断或者时间计算不统一。如果你用了Time.deltaTime去累加在角色被暂停、时间缩放等情况下会出现效果中途卡住的错觉。实际操作中我建议用Time.time做基准比较稳定private IEnumerator DissolveRoutineByTime() { float startTime Time.time; float endTime startTime duration; while (Time.time endTime) { float normalized (Time.time - startTime) / duration; dissolveMat.SetFloat(thresholdParam, Mathf.Lerp(startValue, endValue, normalized)); yield return null; } dissolveMat.SetFloat(thresholdParam, endValue); }这一点点改动配合游戏暂停逻辑时才不会出岔子。5.3 把消融效果迁移到URP现在新项目基本都上URP了老Shader在URP下会报错。别慌改动量很小。主要是在CGPROGRAM里引入HLSL并替换宏。最简单的做法是把#include UnityCG.cginc换成#include Packages/com.unity.render-pipelines.universal/ShaderLibrary/Core.hlsl然后UnityObjectToClipPos改成TransformObjectToHClip。顶点和片元结构体不变。为了省事列出关键改动#include Packages/com.unity.render-pipelines.universal/ShaderLibrary/Core.hlsl float4 vert (appdata v) : SV_POSITION { return TransformObjectToHClip(v.vertex.xyz); }其实就是替换掉坐标变换的宏。至于光照函数Unlit Shader本身就没太多光照逻辑所以URP迁移成本很低。如果你想在URP里用Shader Graph也有现成的节点可以用比如Step节点加Noise Sample节点组合效果类似性能也很不错。5.4 消融效果与阴影的关系如果模型本身投射阴影消融到一半时阴影还保持原状就会变得很违和。解决办法是在阴影Pass里也做同样的裁剪。其实Unity的FallBack Diffuse会包含ShadowCaster Pass不过它用的是标准光照的shader不会执行你的裁剪逻辑。所以想要阴影也跟着消融可以在Shader里添加一个自定义的ShadowCaster Pass复制同样的裁剪逻辑。代码大体是Pass { Name ShadowCaster Tags { LightModeShadowCaster } CGPROGRAM #pragma vertex vertShadow #pragma fragment fragShadow #include UnityCG.cginc // 同样的clip逻辑即可 ENDCG }这一步不是必须但如果你做的是地面群体消融阴影不匹配会直接被玩家察觉。很多偷懒的团队不处理最终画面细看就露馅了。6. 常见问题与排查技巧实录6.1 整个模型直接消失没有过渡大概率是_NoiseTex没赋上贴图或者贴图是纯白/纯黑。纯白的话noise值一直是1阈值只要超过1模型全消失所以看起来像没有中间态。排查方式在材质面板上预览噪声图确认灰度分布是否丰富。还有一个可能性是你在frag里用了return fixed4(0,0,0,1)或者对裁剪逻辑取反了导致噪声值小于阈值的部分直接全黑看起来像整体消失。仔细检查clip里的比较符号即可。6.2 边缘发光亮得太突兀如果你直接用lerp(_EdgeColor.rgb, col.rgb, edgeFactor)edgeFactor从0到1的变化范围很窄时发光色会占主导像边缘糊了圈油漆。解决思路是别用纯色用渐变色或者把_EdgeColor的颜色换成暗一点的色调。我个人的习惯是_EdgeColor (1, 0.3, 0.1, 1)再乘一个0.8系数边缘看起来更有灼烧层次而不是一口火焰吐出来。如果想更细腻一点可以用两个边缘颜色拼出一个色带float edgeStep smoothstep(_Threshold - _EdgeWidth, _Threshold, noise); float innerEdge 1 - abs(edgeStep - 0.5) * 2; // 变成中间亮两端暗的渐变 float3 edgeColor lerp(_EdgeColor1.rgb, _EdgeColor2.rgb, innerEdge);这种小技巧多试几次就能体会到快感美术给需求时也更容易沟通。6.3 粒子特效与消融不匹配有些项目会同时使用粒子系统模拟余烬随风散去这时消融效果与粒子的位置要同步。这里没有特别高级的办法但有一个技巧把消融阈值同步给粒子系统的Particle System的某个自定义字段比如startLifetime或startSize让粒子在阈值上升时同步缩小或者变透明。具体做法是float t 0f; particleSystem.startLifetime Mathf.Lerp(1f, 0.1f, t); particleSystem.startSize Mathf.Lerp(1f, 0.2f, t);这种粗糙同步在视觉上其实够了不需要粒子与模型逐点对齐。6.4 性能问题大规模对象消融时的开销一个模型消融还好如果场景里有几十个敌人同时消融每个都独立计算Shader开销会蹭蹭涨。这时候几个方向使用GPU Instancing合批物体Shader里要加上对应的实例化声明UNITY_INSTANCING_BUFFER_START等。或者把所有需要消融的模型合并成一个MeshMeshBaker减少DrawCall。再或者消融过程不要真的跑在Update里用DOTween或Tween库一次搞定减少C#每帧调用的开销。GPU Instancing开启方式很简单#pragma multi_compile_instancing然后在属性里声明UNITY_INSTANCING_BUFFER_START(Props) UNITY_DEFINE_INSTANCED_PROP(float, _Threshold) UNITY_INSTANCING_BUFFER_END(Props)采样时用UNITY_ACCESS_INSTANCED_PROP(Props, _Threshold)代替直接变量。这样所有相同材质的实例可以在一次渲染里完成性能提升非常明显。当然如果你只是做个个人Demo这一步可以暂时跳过。6.5 常见问题速查表现象大概率原因解决方案模型瞬间消失无过渡噪声纹理未赋值或全白换一张灰度丰富噪声图消融方向与预期相反clip比较符号反了把clip(noise - _Threshold)改成clip(_Threshold - noise)边缘光过亮/过窄_EdgeWidth太小或颜色值太饱和调整EdgeWidth到0.05-0.15颜色加灰模型内部镂空穿帮Cull默认裁掉背面添加Cull OffURP下材质显示紫色Shader未适配URP替换HLSL并修改函数宏阴影不随消融变化没有ShadowCaster Pass添加自定义阴影Pass或关闭投射协程中途被打断多个协程并发设置阈值用StopAllCoroutines()统一管理多人同时消融掉帧DrawCall过高合并网格或开启GPU Instancing7. 最后的几点私房经验我从第一次搞消融效果到现在在项目里迭代了不下五个版本把几个个人觉得非常好用的经验列出来第一Shader参数命名千万别乱来。_Threshold、_EdgeWidth、_NoiseTex这种命名虽然简单但在项目里过两个月你可能就忘了哪个是哪个了。建议加上前缀_Dissolve_Threshold、_Dissolve_EdgeWidth这样美术在调材质时一目了然代码里维护也省心。第二消融效果和音效配合非常重要但经常被忽略。视觉上模型烧到一半时加上火焰燃烧或者机械撕裂的AudioSource沉浸感会翻倍。可以在StartDissolve里启动一个音效在Destroy时停止。第三不要过度依赖Shader Graph。虽然Shader Graph做消融效果也很方便但如果你需要在多平台、URP/内置渲染管线下复用纯代码Shader其实更好维护。尤其URP升级版本时Shader Graph生成的代码有时候会莫名报错而手写Shader你完全掌控源码。第四如果游戏有网络同步需求消融效果的起止时间和表现要和服务器逻辑解耦。客户端只管表现服务器只管状态否则会出现不同步导致角色消失了但血量没扣的尴尬局面。消融效果虽然只是一个小小的动态着色技术但它背后牵扯到Shader裁剪、材质实例、协程控制、性能优化、管线下兼容等多个方面每一步单独拿出来都能延展出一整个话题。把这篇文章里的思路吃透不光消融类似“按噪声图溶解”“边缘描边”“材质渐隐”这些需求你也都能顺手解决了。以后再遇到“角色死亡怎么表现”这种需求就不至于只会搞个透明度动画了。希望你也能在项目里做出惊艳的消融效果把那些看不见的代码细节掌握好什么题材都能玩出花来。