Unity 2D游戏受击效果实现：Shader Graph与C#脚本整合指南

1. 项目概述：为什么2D游戏也需要“高级”材质与着色器？

很多刚接触Unity2D开发的朋友可能会觉得，材质和着色器是3D游戏的专属，2D游戏不就是一堆Sprite（精灵）贴图吗？这种想法在制作简单的平台跳跃或解谜游戏时或许成立，但当你的游戏需要更丰富的视觉反馈，尤其是战斗中的“打击感”时，传统的帧动画和粒子效果就会显得力不从心。比如，角色受击时一闪而过的白光、武器砍中敌人时从接触点扩散的冲击波、或者Boss进入狂暴状态时全身涌动的能量纹理，这些效果如果全靠美术一张张画出来，工作量巨大且不灵活。

这正是“材质与着色器”大显身手的地方。在Unity中，材质是着色器的“容器”，而着色器是一段运行在GPU上的小程序，它决定了每一个像素最终在屏幕上如何被绘制。通过编写或使用现成的着色器，我们可以让一张静态的Sprite贴图“活”起来，实现基于时间的动态变化、基于物理的交互反馈，从而用极低的性能开销，创造出极具表现力的视觉效果。今天，我们就聚焦于“受击效果”这个高频需求，拆解如何利用Unity的Shader Graph（可视化着色器编辑器）和手写ShaderLab代码，打造一套高效、可复用的解决方案。无论你是想实现《空洞骑士》那种干净利落的受击闪白，还是《死亡细胞》里带有像素扭曲的打击反馈，这篇文章都将为你提供清晰的实现路径和背后的原理。

2. 核心思路解析：从“贴图替换”到“像素处理”的思维跃迁

在深入代码之前，我们先要建立一个正确的认知框架。实现2D受击效果，通常有几种不同层次的思路：

2.1 传统动画思路及其局限最直观的方法是使用帧动画。美术绘制一套角色受击状态下的序列帧，受击时播放这套动画。这种方法简单直接，但缺点明显：资源量大（每个角色、每种受击状态都需要一套图），效果僵硬（无法与受击方向、力度动态结合），且难以实现屏幕后处理等全局特效。

2.2 基于材质的动态着色思路更高级的思路是，我们只准备一套角色的基础贴图（Idle状态），受击效果通过实时改变渲染这张贴图的“方式”来实现。这就是材质和着色器的核心价值。我们可以通过着色器程序，在GPU端对贴图的每个像素进行数学运算，从而改变其颜色、透明度、位置甚至采样坐标。这种思路的优势在于：

• 资源零消耗：无需额外美术资源。
• 动态与可调：效果强度、颜色、持续时间完全可以通过材质参数（Properties）实时控制，甚至可以根据受击伤害值进行映射。
• 性能高效：计算在GPU上并行完成，对CPU压力极小。
• 效果丰富：可以组合多种算法，创造出闪白、溶解、扭曲、外发光等复杂效果。

2.3 实现路径选择：Shader Graph vs 手写ShaderUnity提供了两种主要方式来创建着色器：

• Shader Graph（推荐新手及快速原型）：一个可视化的节点编辑器，通过连接节点来构建着色器逻辑。它直观、易于调试，并且与Unity的渲染管线（URP/HDRP）深度集成。对于大多数2D受击效果，Shader Graph完全够用。
• 手写ShaderLab/HLSL代码：提供最高的灵活性和控制力，可以实现一些非常底层的定制效果。适合有图形学基础、追求极致性能或特殊效果的开发者。

本指南将主要以Shader Graph为核心进行讲解，因为它能让我们更专注于“效果逻辑”而非“语法细节”，并在最后简要探讨手写代码的进阶可能。我们的目标是设计一个通用的“受击着色器”，它包含一个“受击强度”（_HitEffect）参数，数值在0到1之间变化，0代表无效果，1代表效果全开，并通过脚本控制这个参数在受击瞬间从1渐变到0。

3. 核心Shader Graph节点详解与效果构建

让我们打开Unity，创建一个URP项目（这是使用Shader Graph的前提），然后在Shader Graph中开始构建。我们将实现三种最经典且实用的受击效果：闪白、溶解和顶点偏移冲击波。

3.1 效果一：基础闪白（Additive Blink）闪白效果的本质是在原始颜色上叠加一个白色（或其他颜色），其强度随时间衰减。

1. 创建属性：在Blackboard中创建两个属性。
   • _HitEffect(Vector1)：范围[0,1]，受击强度控制器。
   • _HitColor(Color)：受击叠加的颜色，默认为白色(1,1,1,1)。
2. 构建网络：
   • 使用Sample Texture 2D节点采样主贴图(_MainTex)和主颜色(_MainColor)。
   • 将_HitColor与_HitEffect相乘，得到当前帧应叠加的颜色值。
   • 使用Add节点，将上一步的结果与采样得到的原始颜色相加。注意，颜色相加可能导致值超过1.0（即过曝），这正是我们想要的“闪白”感觉。
   • 将Add节点的输出连接到主节点的Base Color。
3. 关键技巧：
   • 为了让白色更“耀眼”，可以将_HitColor设置为HDR颜色（在属性中勾选），并赋予一个大于1的亮度值。
   • 可以添加一个Power节点处理_HitEffect，例如Power(_HitEffect, 2)，让衰减曲线前期变化快、后期变化慢，视觉效果上会更自然。

3.2 效果二：溶解边缘发光（Dissolve with Edge Glow）溶解效果模拟角色从受击点开始消散，边缘伴有高光。

1. 创建属性：
   • _HitEffect(Vector1)：控制溶解进度（1为完全显示，0为完全溶解）。
   • _NoiseTex(Texture 2D)：一张噪波贴图，用于生成随机的溶解边缘。
   • _EdgeWidth(Vector1)：发光边缘的宽度。
   • _EdgeColor(Color)：边缘发光颜色。
2. 构建网络：
   • 采样噪波贴图_NoiseTex，通常使用UV或Object空间采样，获取一个随机值。
   • 使用Step节点是关键。Step(A, B)函数在B >= A时返回1，否则返回0。我们将_HitEffect作为阈值A，将噪波采样值作为B。这样，_HitEffect越低，返回1的区域就越少（溶解部分越多）。
   • Step的输出是一个非0即1的蒙版（Mask），1代表保留，0代表溶解。
   • 为了得到边缘，我们可以对Step的结果进行一次轻微的模糊或利用Smoothstep。更简单的方法是：用Step的原始结果减去一个用（_HitEffect - _EdgeWidth）作为阈值得到的新Step结果。两者的差值就是边缘区域。
   • 将边缘区域与_EdgeColor相乘，再与原始颜色（乘以保留区域蒙版）相加，得到最终颜色。
   • 将保留区域蒙版连接到主节点的Alpha，并将材质的渲染模式（Surface Type）设置为Transparent，这样溶解掉的部分透明度为0，就能显示背景。
3. 实操心得：
   • 噪波贴图的质量直接影响溶解效果。使用Tiling And Offset节点缩放噪波UV，可以控制溶解颗粒的粗细。
   • 将溶解进度_HitEffect与受击点的UV坐标关联（需要从脚本传入受击点位置），可以实现从受击点局部开始溶解的效果，这比全局均匀溶解更有冲击力。

3.3 效果三：顶点偏移冲击波（Vertex Offset Shockwave）此效果让角色网格的顶点沿着法线方向膨胀，模拟被冲击的形变。

1. 核心概念：在Shader Graph中，Vertex Position节点允许我们修改模型顶点的位置（在对象空间或世界空间）。这是实现动态形变的基础。
2. 创建属性：
   • _HitEffect(Vector1)。
   • _HitIntensity(Vector1)：顶点偏移的强度。
   • _HitCenter(Vector2)：受击中心的UV坐标，范围[0,1]。需要从脚本传入。
3. 构建网络：
   • 计算当前顶点UV到受击中心_HitCenter的距离。使用Distance节点或手动计算差值后求长度。
   • 根据距离创建一个衰减系数。距离中心越远，影响越小。可以使用One Minus（1-x）或Smoothstep函数来创建一个从中心向外衰减的圆形遮罩。
   • 将衰减遮罩与_HitEffect、_HitIntensity相乘，得到该顶点最终的偏移强度。
   • 获取顶点的法线方向（Normal Vector节点）。对于2D Sprite，通常法线是朝向屏幕外的(0,0,1)或(0,0,-1)。我们需要一个在Sprite平面内（XY方向）扩张的法线。一个常见技巧是使用Normalize处理顶点位置本身或使用一个固定的向外向量(如(1,1,0))。
   • 将计算出的偏移强度与向外法线向量相乘，得到偏移向量。
   • 将此偏移向量加到Vertex Position节点的Position输出上，再将结果连接到主节点的Vertex Position输入口。
4. 注意事项：
   • 2D Sprite默认的网格（Quad）顶点数很少（4个），形变效果会很生硬。为了让冲击波平滑，必须为Sprite启用“网格变形”。在Sprite的导入设置中，将Mesh Type从Full Rect改为Tight或Full Rect并提高Extrude Edges，或者使用Sprite Shape。更好的方法是在3D建模软件中创建一个细分程度更高的平面网格，然后作为Mesh使用。
   • 顶点偏移可能会与其他基于UV的效果冲突，需要合理安排节点执行顺序。

4. 在Unity中整合：C#脚本驱动与性能优化

着色器做好了，但它自己不会动。我们需要一个C#脚本来在角色受击时，驱动材质上的_HitEffect等参数。

4.1 编写受击效果控制器（HitEffectController.cs）

using UnityEngine; public class HitEffectController : MonoBehaviour { // 指向渲染受击角色的SpriteRenderer或MeshRenderer public Renderer targetRenderer; // 受击效果的持续时间 public float hitEffectDuration = 0.2f; // 受击效果的强度曲线，用于控制衰减形状 public AnimationCurve hitEffectCurve = AnimationCurve.EaseInOut(0f, 1f, 1f, 0f); private MaterialPropertyBlock _mpb; private int _hitEffectPropertyId; private int _hitCenterPropertyId; private Coroutine _currentHitCoroutine; void Start() { if (targetRenderer == null) targetRenderer = GetComponent<Renderer>(); // 使用MaterialPropertyBlock以支持GPU Instancing，避免创建新的Material实例 _mpb = new MaterialPropertyBlock(); _hitEffectPropertyId = Shader.PropertyToID("_HitEffect"); _hitCenterPropertyId = Shader.PropertyToID("_HitCenter"); // 初始化效果为0 SetHitEffect(0f); } // 外部调用此方法来触发受击效果 public void TriggerHitEffect(Vector2? hitPointInUV = null) { // 如果已有正在进行的受击效果，先停止它（可以叠加或覆盖，这里选择覆盖） if (_currentHitCoroutine != null) { StopCoroutine(_currentHitCoroutine); } _currentHitCoroutine = StartCoroutine(PlayHitEffectRoutine(hitPointInUV)); } private System.Collections.IEnumerator PlayHitEffectRoutine(Vector2? hitPointInUV) { float elapsedTime = 0f; // 设置受击中心点（世界坐标转UV坐标） if (hitPointInUV.HasValue) { _mpb.SetVector(_hitCenterPropertyId, hitPointInUV.Value); targetRenderer.SetPropertyBlock(_mpb); } while (elapsedTime < hitEffectDuration) { elapsedTime += Time.deltaTime; float t = elapsedTime / hitEffectDuration; // 根据曲线评估当前强度值 float hitStrength = hitEffectCurve.Evaluate(t); SetHitEffect(hitStrength); yield return null; // 等待下一帧 } // 确保效果结束归零 SetHitEffect(0f); _currentHitCoroutine = null; } private void SetHitEffect(float strength) { targetRenderer.GetPropertyBlock(_mpb); _mpb.SetFloat(_hitEffectPropertyId, strength); targetRenderer.SetPropertyBlock(_mpb); } // 一个辅助方法：将世界空间碰撞点转换为该Renderer的UV空间坐标（0-1） public Vector2 WorldPointToUV(Vector3 worldPoint) { if (targetRenderer == null) return Vector2.zero; // 计算世界点到Renderer包围盒的相对位置（假设Sprite是轴对齐的） Bounds bounds = targetRenderer.bounds; Vector3 localPoint = transform.InverseTransformPoint(worldPoint); // 将局部坐标归一化到UV空间（假设原点在中心，需要调整） // 更精确的方法需要结合Sprite的UV映射，这里是一个简化版 Vector2 uv = new Vector2( (localPoint.x / bounds.extents.x) * 0.5f + 0.5f, (localPoint.y / bounds.extents.y) * 0.5f + 0.5f ); return uv; } }

脚本使用要点：

• MaterialPropertyBlock：这是关键性能优化点。直接修改material.SetFloat()会创建新的材质实例，破坏合批。使用MaterialPropertyBlock可以在不创建新实例的情况下覆盖材质属性，完美支持GPU Instancing。
• 动画曲线：通过AnimationCurve控制_HitEffect的变化，你可以轻松实现线性衰减、先快后慢、甚至带有一点弹性的复杂缓动效果，这比简单的Mathf.Lerp强大得多。
• 受击点传递：对于溶解、冲击波等需要中心点的效果，通过WorldPointToUV方法（或更精确的射线检测+UV计算）将碰撞点从世界坐标转换为UV坐标，并传递给着色器。

4.2 在游戏逻辑中调用在你的角色生命值管理或受击检测脚本中：

void TakeDamage(int damage, Vector3 hitPoint) { // ... 扣血逻辑 ... if (hitEffectController != null) { // 将世界坐标的受击点转换为UV坐标 Vector2 hitUV = hitEffectController.WorldPointToUV(hitPoint); hitEffectController.TriggerHitEffect(hitUV); } }

5. 进阶技巧与常见问题排查

5.1 组合多种效果一个出色的受击效果往往是多种简单效果的叠加。你可以在一个Shader Graph中同时实现闪白、轻微溶解和顶点偏移。关键在于使用Lerp（线性插值）或Add节点来混合不同效果对颜色和位置的影响。例如，可以用_HitEffect同时驱动所有效果，也可以定义_HitEffect_Blink、_HitEffect_Dissolve等多个独立的强度参数，进行更精细的控制。

5.2 与2D光照和法线贴图结合如果你的2D项目使用了URP的2D Renderer并开启了2D光照，受击效果需要与光照系统兼容。确保你的着色器Surface Type设置为Transparent（如果有效果）或Opaque，并且Blending Mode正确。对于闪白效果，可能需要使用Multiply（正片叠底）而不是Add来叠加颜色，以避免在亮部过曝。你还可以在受击时动态增强法线贴图的强度，模拟受击部位表面细节的变化。

5.3 性能优化要点

• 合批（Batching）是关键：确保使用相同材质的角色Sprite能进行静态/动态合批。使用MaterialPropertyBlock是前提。避免在受击时频繁new Material。
• 复杂度权衡：顶点偏移效果虽然酷，但顶点数多的网格会消耗更多性能。权衡视觉需求和目标平台。
• 后处理方案：对于全屏受击效果（如屏幕闪红、扭曲），可以考虑使用URP的Renderer Feature添加全屏后处理。这样只需一个Draw Call，但实现角色个体的受击反馈会更复杂。

5.4 常见问题速查表

5.5 一个实用的调试技巧在Shader Graph中，创建一个Vector1类型的_Debug属性，并将其输出连接到主节点的Base Color的某个通道（如R）。在脚本中控制这个_Debug值，你可以快速在屏幕上“可视化”着色器内部的某个中间计算结果（如距离值、蒙版值），这对于排查复杂的节点网络逻辑非常有帮助。

实现一个令人满意的受击效果，是提升2D游戏打击感和视觉品质的性价比极高的方法。它不再依赖于美术资源的堆砌，而是通过程序化的方式赋予静态资源以动态的生命力。从简单的参数驱动到复杂的顶点动画，着色器为我们打开了一扇通往高质量视觉反馈的大门。关键在于理解原理、大胆尝试，并用MaterialPropertyBlock保护好性能。当你看到角色受击时那一道流畅而有力的反馈，你就会明白，在GPU上进行的这每一帧计算，都是值得的。