企业官网建设流程全解析

这次我们来拆一个很多特效新手都想做的效果：英雄联盟风格的攻击特效。这套效果在 MOBA 类游戏里非常常见：人物出手的一瞬间，武器带出弧形刀光，命中时爆出亮眼火花，地面留下拖尾痕迹，镜头再配合震动和音效，整个攻击的“手感”一下就出来了。本文不是搬运某个现成特效资产，而是从 Niagara 系统出发，把这类攻击特效拆成几个可独立制作的环节：刀光拖尾、命中爆点、冲击波、材质发光、动画通知触发。每个环节都会给出具体的创建思路、模块配置和调试方法，适合已经入门 UE 但还没系统做过粒子特效的开发者参考。

这篇文章会围绕“国语双字”这个关键词多说一句：教程本身以中文讲解再加中文字幕为例，方便国内开发者直接跟着操作，不需要再猜节点意思是干什么的。你只要跟着顺序做完，就能得到一个可以在第三人称角色身上触发的近战攻击特效原型。重点不是复制某个英雄的最终效果，而是掌握 Niagara 制作攻击特效的拆解思路。看完之后，你可以把同样的方法迁移到手刀、剑气、炮击、爆炸等不同攻击类型上。

1. 核心能力速览

以上能力项中，唯一需要你自己准备的是角色模型和武器模型。如果没有现成素材，可以先用 UE 自带的第三人称模板角色和 BasicShape 模型临时替代，功能流程完全一致。教程里重点讲的 Niagara 系统和材质逻辑，并不依赖特定角色资产，所以即使你现在手头没有任何游戏美术资源，也能把整个特效系统跑通。

2. 攻击特效拆解与制作思路

英雄联盟风格的攻击特效，看起来花哨，实际上可以拆成四到五个独立层。每一层都可以单独先做、再叠加，不要试图在一个发射器里解决所有效果。推荐拆分方式如下：

制作顺序建议是先做刀光，再做命中爆点，最后叠加冲击波和地面痕迹。原因很简单：刀光决定攻击是否“看得清楚”，命中爆点决定攻击是否“打中了”，冲击波和地面痕迹则用来丰富细节。如果一开始就把所有层混在一个 Niagara 系统里，调试时很难判断到底是哪个模块出了问题。

这套流程的核心不是单个节点的参数，而是“发射器分层 + 材质叠加 + 蓝图触发”。后面每一章都会按照这个思路往下走。

3. 环境准备与前置条件

在开始前，先确认你的 UE 工程已经包含以下条件。

3.1 基础软件要求

• Unreal Engine 5.0 及以上版本，UE4.26 以后也支持相同 Niagara 流程。
• Windows / macOS / Linux 均可，Windows 下开发调试最方便。
• 显卡建议支持 DirectX 11，显存 4G 以上即可，粒子特效对显存要求并不高。
• 如果使用 UE5，建议把项目设置为 DirectX 12 或默认的 SM5，否则部分高级发光材质效果可能显示不一致。

3.2 启用 Niagara 插件

在 UE 5 中 Niagara 插件默认启用。如果你的项目是早期版本或手动关闭过插件，需要按下述流程开启：

1. 打开菜单 “编辑” -> “插件”。
2. 搜索 “Niagara”。
3. 确保 “Niagara”、“Niagara Core”、“Niagara Extended” 均处于勾选状态。
4. 如果修改了插件状态，重启编辑器并重新编译着色器。

3.3 创建项目目录结构

建议在 Content 下创建专门的目录，方便后续批量制作特效时统一管理。以下命令可以在终端中快速创建目录结构：

# 在项目 Content 目录下创建 FX 专用目录 mkdir -p FX/Materials mkdir -p FX/Textures mkdir -p FX/NiagaraSystems mkdir -p FX/NiagaraEmitters mkdir -p FX/Blueprints mkdir -p FX/Assets

实际目录名可以根据你自己项目规范调整。关键是 NiagarSystem、Emitter、Material、Texture 分开存放。英雄联盟攻击特效通常会涉及几十个资产，如果不从一开始就分类，后面替换英雄特效时会非常痛苦。

3.4 准备用于特效的“假资产”

没有现成美术资源时，可以先用引擎默认资源代替：

• 刀光：用引擎自带的 Plane 或 Ribbon 即可，Ribbon 不需要模型，直接由粒子位置生成。
• 火花：默认圆形贴图 SoftSphere，或者引擎自带粒子专用的 T_Particle 系列贴图。
• 冲击波：可以用 Plane 模型，也可以用 NIagara 里的 Sprite 配合圆环贴图。
• 地面痕迹：使用 Cylinder 或 Plane 模型，调整缩放压扁后放在地面。

如果后续想要更接近端游效果，建议去市场中下载一些免费的 MG 特效纹理包、光效贴图包，或者使用 Blender 自己生成一圈环状渐变纹理。纹理的精度不需要太高，512×512 基本够用。

3.5 确认场景光照模式

攻击特效大多使用 Additive 混合方式，不发光的模型本身会在半透明混合模式下显得灰暗。制作时最好把粒子材质设成 Unlit（无光照）。同时，场景中需要有一个补充亮度用的环境光或定向光，否则特效在纯黑背景里看不出层次。建议创建一个简单的室内测试场景，背景使用中等灰度的纯色，不要使用天空盒光照泄漏，这样更容易观察特效的透明度与发光强度。

4. 创建 Niagara 攻击特效系统

这里开始进入实际制作环节。首先创建一个空的 Niagara 系统，用来管理多个发射器。

4.1 新建 Niagara 系统

1. 在 Content Browser 中进入FX/NiagaraSystems目录。
2. 右键 -> FX -> Niagara System。
3. 选择 “New system from a template”，模板选择 “Empty”。
4. 命名为NS_Attack_Slash_Hero。

空的 Niagara 系统打开后，最左侧是系统级参数，中间是发射器栈，右侧是预览视口。建议先在预览视口里把背景改为纯色，关闭网格显示，然后开始添加发射器。

4.2 发射器类型选择

Niagara 中发射器有两种常见类型：CPU 和 GPU。

对于攻击特效，建议把刀光拖尾做成 GPU 发射器，火花爆点也做成 GPU 发射器，而冲击波和地面痕迹这类粒子数量少的可以使用 CPU 发射器。这样既能保证特效密度，又不会拖累性能。

4.3 添加第一个发射器：刀光 Ribbon

右键系统面板，选择 “Add Emitter” -> “Empty”，然后重命名为E_Slash_Trail。

在发射器栈上，你会看到几个关键区域：Emitter Properties、Emission、Particle Spawn、Particle Update、Render。每一个模块在默认状态下可能是空的，需要手动添加。攻击特效里，最核心的模块包括：

• Emission：控制粒子生成方式。
• Initialize Particle：设置粒子初始化状态。
• Update Particle：每帧更新粒子属性。
• Ribbon Renderer：渲染条带。
• Color / Scale / Position 模块：控制外观动态。

先给发射器添加 Ribbon Renderer，这是制作刀光的关键。Ribbon 通过按顺序连接发射器里的粒子，生成一条带状网格。粒子的间隔越小，条带越平滑；粒子生命周期结束或移动到远离发射器时，条带会断开。

为了让刀光跟随武器挥动，需要把刀光粒子的位置绑定到骨骼或插槽上。最简单的做法是让 Niagara 的粒子使用 “Particles Position” 模块，并在蓝图里每帧更新粒子位置。这部分会在后面“蓝图触发与同步”章节展开。现在先在发射器栈中添加以下模块：

注意：如果你使用的 Ribbon Renderer，发射器的 Renderer 类型必须是 Ribbon Renderer，不能在 Sprite Renderer 上直接切换。一个发射器只能有一个激活的 Renderer。

4.4 创建刀光材质

刀光 Ribbon 需要一个半透明、发光的材质。在FX/Materials目录新建材质M_Attack_Slash。

材质属性设置：

材质节点中，把贴图采样连接到不透明度和自发光颜色。为了让刀光有拉扯感，可以在 UV 上叠加一个 Vector2D 的扭曲值，或者使用 Sine 函数微调透明度。最简单的验证方式是先用纯白贴图，颜色从黄色到红色过渡。

材质编辑器里的节点连接参考：

Texture Sample (T_Particle_Flare) -> Multiply -> Emissive Color Constant (1.0) -> Multiply -> Opacity Vertex Color -> Multiply -> Emissive Color / Opacity

这里 Vertex Color 由 Niagara 粒子颜色带入，这样同一个材质可以驱动不同英雄的刀光颜色，不需要每次新建材质。使用 Vertex Color 就能在 Niagara 系统中调整粒子颜色，然后表现为刀光颜色。

5. 刀光拖尾特效制作

刀光是攻击特效的主体，下面详细说明如何让 Ribbon 拖尾随着武器挥动产生弧形效果。

5.1 生成粒子与绑定位置

攻击发生时，武器会从起点快速挥到终点。如果只是让 Ribbon 粒子发射后保持静止，条带就会是一条直带，不会出现弧形。要得到弧形刀光，需要让粒子跟随武器骨骼移动。

在 Niagara 中使用 “Initialize Particle” 模块来设置初始位置。建议添加一个 “User” 系统参数叫做WeaponTipPosition，然后在蓝图里每帧把这个位置从武器插槽传递到 Niagara 系统。

Niagara 参数绑定方式：

1. 在系统面板添加 User Parameter，类型为 Vector。
2. 名称命名为User.WeaponTipPosition。
3. 在刀光发射器中，在 Initialize Particle 的位置表达式里选择User.WeaponTipPosition。

然后每个粒子的位置继承这个动态参数。如果每一帧都更新这个位置，Ribbon 就会形成连续的拖尾。

5.2 让刀光有弧度和宽度变化

有了基础拖尾后，可以通过以下模块优化：

• 添加Noise (Curl Noise)模块到 Particle Update，让刀光边缘产生微小波动。
• 添加Scale Curve到 Particle Update，让刀光的宽度在生命周期从宽到窄，形成锐利收尾。
• 添加Color Over Life，让刀光从亮白渐变到半透明，再渐隐为橙色，增强消耗感。
• 调整 Ribbon Renderer 的Tessellation参数，开启按距离细分，避免刀光出现锯齿。

一个比较实用的参数组合如下：

5.3 刀光的基础验证

调整完成后，先在预览视口中测试：点击 “Preview” 菜单中的 “Loop” 循环播放，观察刀光是否在武器移动路径上产生平滑条带。如果不出条带，先检查 emit 和 spawn 是否被触发；如果条带不完整，检查 Ribbon Renderer 的 “Ribbon 连接模式”，建议改为 “Custom Ribbon Connectivity”。

刀光的颜色可以先统一用白黄渐变，后续通过材质里的 Vertex Color 调整成各英雄风格。这一步做完，你的攻击特效已经具备 60% 的识别度。

6. 命中爆点与冲击波特效

攻击命中时，刀光需要配上一个短暂而猛烈的爆发效果，才能让玩家感受到打击顿挫感。这个部分建议单独使用一个 GPU 发射器。

6.1 创建火花爆点发射器

新增加一个发射器E_Impact_Spark，按照以下模块配置：

火花爆点的核心是“快速出现、快速消失、亮度高”。如果粒子数量太少，爆发感不足；如果太多，镜头下会糊成一团。50 个粒子、生命周期 0.4 秒、初始半径 8，在普通分辨率的第三人称视角下效果比较适中。如果你的场景相机距离角色更近，相应要减少大小。

6.2 添加冲击波环

冲击波环可以用另一个 Sprite 发射器或平面模型实现。推荐使用 Sprite 发射器并使用圆环贴图。

创建E_Impact_Shockwave发射器：

• Spawn Burst 为 1 个粒子。
• 位置在命中点，向上偏移 10 单位防止穿模。
• 粒子生命周期设为 0.5 秒。
• Particle Update 中增加Scale Sprite Size，从 0 到 500，使用Exponential或Linear曲线。
• 透明度随生命周期从 0.8 降到 0。
• 渲染使用 Additive Blend。

如果希望冲击波贴地面，可以把粒子位置的 Z 轴压平，例如在 Update 模块中约束 Z = 0，并将 Sprite 朝向改为 “Horizontal” 模式。在 Niagara 中，Sprite Renderer 有 “Alignment” 选项，选择 “Horizontal” 后粒子正面朝上，适合放在地面上。

6.3 命中位置如何传入

冲击波和火花爆点都需要知道攻击命中位置。最简单的做法是使用射线检测：

1. 在角色武器攻击的动画通知中，从武器插槽向前发射一条射线。
2. 若射线打到敌人或地面，记录 Hits 的第一个点的位置。
3. 把该位置传递给 Niagara 系统参数，例如User.ImpactPoint。
4. 调用 Niagara 系统的SpawnSystemAtLocation或激活相应发射器。

这部分逻辑放到第 8 章“蓝图触发与同步”里详细说明。现在先把整个特效系统的工作方式理解清楚：刀光绑定武器位置，火花和冲击波绑定命中点，两者通过同一套蓝图触发。

7. 材质与光照优化

攻击特效在多数情况下使用自发光材质，光照的影响可以忽略。但我们仍然需要处理好透明排序、亮度控制、材质编译这三个问题。

7.1 发光材质的核心设置

草草制作的发光材质常常出现整个刀光过曝或发灰发黄的问题。推荐材质配置如下：

7.2 颜色驱动

不要在材质里写死颜色。使用 VertexColor 作为主要驱动。Niagara 的粒子颜色传到材质后，你可以使用一个ScalarParameter控制整体亮度，再使用另一个参数控制颜色强度。例如：

Texture Sample -> Multiply -> VertexColor VertexColor.A -> Multiply -> Opacity Constant3 (Color) -> Multiply -> Emissive Color FinalMultiplier -> Multiply -> Emissive Color

这套材质的优点是同一个材质可以复用到所有攻击特效中，只要在 Niagara 发射器里修改粒子颜色，就能变成冰蓝色、火焰红或者是草绿色，不需要为了换颜色而重新制作材质。

7.3 避免全屏过亮

很多新手做发光特效时，习惯把 Emissive 强度调到 20 甚至更高，结果特效在场景中像是爆炸白洞。推荐正常状态下的 HDR 强度在 3~8 之间，命中瞬间可以短暂调到 12 左右。材质上可以用一个Constant节点控制基础强度，后续再通过 Material Parameter Collection 或 Niagara User Parameter 动态拉高。

7.4 半透明排序

如果场景中同时存在刀光、火花、冲击波，需要合理设置渲染顺序。Niagara 中可以通过发射器的渲染优先级调节。习惯上，刀光放在最底层，火花次之，冲击波和光晕最上层。如果出现透明排序异常，表现为粒子被后面物体遮挡或闪烁，可以在发射器栈的 Render 部分调整Sort Priority，或者改用Translucency Pass延迟渲染。最简单的方法是保证每个发射器使用独立的半透明材质，不要共用同一个材质实例却使用不同混合模式。

8. 蓝图触发与动画同步

特效做出来后，最终要由角色对局逻辑触发。这里只讲最简单通用的做法：用 AnimNotify 触发 Niagara。

8.1 在动画资产中添加 AnimNotify

打开攻击动画资产，在时间轴上找到武器挥到中间位置的关键帧，右键添加 AnimNotify，命名为AN_AttackSlash。然后在 AnimNotify 里添加事件调用。

具体思路：

1. 获取角色 Mesh 上的武器插槽位置。
2. 在插槽处生成 Niagara System 刀光。
3. 武器挥到指定位置后触发命中检测。
4. 在命中点生成火花与冲击波。

8.2 蓝图节点逻辑示例

以下是一种参考实现：

// 伪代码，实际请按节点图连线 Event: AnimNotify_AttackSlash -> Mesh -> Get Socket Location ("WeaponSocket") -> Get Actor Rotation -> Spawn Niagara System (NS_Attack_Slash_Hero) -> Attach Niagara Component to Mesh (WeaponSocket) // 使用 LineTraceByChannel 检测攻击范围 -> Start Location = WeaponSocket World Location -> End Location = Start + Character Forward Vector * 200 -> LineTraceByChannel -> Hit Return Value: 命中位置 -> Spawn Niagara System (NS_Impact_Hero) at Hit Location -> Play Sound / Gameplay Cue

实际工程中，攻击判断可以使用动画通知状态机、GameplayAbility 或 Collision 检测。这里给出的是最小可运行逻辑：一条射线、一个生成特效、一个音效播放。

8.3 让刀光跟随武器移动

如果刀光只是生成一次，不跟随武器，那 Ribbon 就会固定在一个位置，无法形成挥动轨迹。解决办法有两种：

• 把 Niagara 组件 Attach 到武器骨骼插槽，并将发射器的位置更新模式设为“跟随组件”。
• 或者每帧从蓝图获取武器位置，写入 Niagara User Parameter，粒子位置实时跟随。

推荐使用 User Parameter 方式，因为独立于引擎的物理模拟，调试更方便，且不会受骨骼插槽匹配影响。比如在角色蓝图 Tick 中，每帧更新武器插槽的位置：

Event Tick -> Mesh -> Get Socket Location ("WeaponSocket") -> Set Niagara Variable (User.WeaponTipPosition) on Niagara Component

注意：刀光发射器的粒子位置要使用User.WeaponTipPosition，这样粒子才会根据你传入的新位置依次生成拖尾。如果把粒子位置绑定到Particles.InitialPosition之类的旧参数，更新逻辑可能失效。

8.4 触发时机调整

实战中，刀光应与攻击前摇错开一点。英雄联盟近战攻击的流程是“起手 -> 前摇 -> 挥舞 -> 命中 -> 后摇”。建议把生成刀光的 AnimNotify 放在“挥舞”开始的地方，把命中爆点放在“挥舞”结束的地方，两者间隔约 0.08~0.15 秒。这样视觉上有“先出刀、再爆点”的层次感。如果你直接把刀光和命中爆点放在同一帧生成，玩家会感觉攻击缺少停顿和节奏感。

9. 性能优化与常见问题

攻击特效虽然单个粒子的数量不多，但多个英雄在同一场景中同时释放技能时，性能问题会被放大。下面给出几个优化建议和常见问题排查表。

9.1 性能优化清单

• 粒子数量控制：单次刀光粒子不超过 30 个，火花不超过 80 个，冲击波 1~2 个。如果英雄是远程法师，火花可以适量增加，但不要超过 150。
• 生命周期控制：攻击特效整体生命周期建议在 0.5~0.8 秒内结束，避免特效残留干扰玩家视野。
• 使用 GPU 发射器：大量粒子时优先使用 GPU 发射器，CPU 发射器在粒子数超过 200 后性能下降明显。
• 使用 Actor Pooling：如果英雄短时间内频繁攻击，建议循环使用 Niagara Component，而不是每次攻击都 New Actor 再销毁。Niagara 系统本身支持循环，合理控制系统重新激活即可。
• 关闭不需要的碰撞：火花粒子如果有Collision模块会大量消耗性能，除非需要火花弹到地面反弹，否则直接关闭。
• 减少后处理影响：设置粒子材质不读取场景深度，或使用无光照材质，可以有效降低半透明填充过量带来的卡顿。

9.2 控制台视角观察粒子性能

在编辑器预览中，可以通过控制台命令查看粒子数量：

# 开启 Niagara GPU 调试 r.Niagara.GpuComputeDebug 1 # 查看粒子统计 stat Niagara # 查看场景整体性能 stat GPU

stat Niagara是排查“为什么特效卡”的最直接手段，能够看到总粒子数、每个发射器的粒子数以及渲染耗时。如果“Niagara - Total”过高，优先降低粒子数量，而不是盲目降低画面质量。

9.3 常见问题排查

9.4 避免版本不一致踩坑

UE4 的 Niagara 与 UE5 的 Niagara 在部分模块名称上有差别。如果你打开工程后找不到某些模块，先确认是哪个版本的引擎，再按对应版本的模块名称搜索。建议不要打开两个不同大版本的项目来回切，材质编译时间和 Niagara 兼容性都可能出问题。

10. 总结与下一步

这套英雄联盟攻击特效的 Niagara 流程并不复杂，核心是把特效拆成刀光、火花、冲击波、材质和蓝图触发五个部分。最先要验证的不是最终效果，而是刀光 Ribbon 是否跟随人物武器移动。只要这一步跑通，后面叠加火花和冲击波只是时间问题。

如果你打算把这个流程用到自己的游戏里，建议先从一个简单的球状模型测试开始，用纯白材质把刀光形状调满意，再换正式美术资源。最容易踩的坑有两个：一是 Niagara 发射器选错了 Renderer 类型，二是忘记在蓝图里实时更新武器位置。把这两个点处理好，整个特效完成度会明显提升。

下一步可以继续扩展的方向：加入 Material Parameter Collection 实现全屏幕闪白反馈；加入 Niagara 的 Audio 模块让粒子命中时驱动音效；把系统参数暴露给数据驱动资产，这样不同英雄的攻击特效只需要换颜色和贴图，不需要再复制整套蓝图。只要掌握了这种“发射器分层 + 参数驱动”的思路，英雄联盟风格的攻击特效就可以快速迁移到几乎所有近战技能里。