UE5 魔法阵特效制作：用 Niagara 和材质实现动态符文

上周有位学员在群里发了一个链接，问：“老师，这种《原神》里角色脚下旋转的魔法阵，用 UE5 怎么做？我试了用 Sprite 粒子，但一动起来就穿模，而且符文根本看不清纹理细节。” 这个问题其实很有代表性。很多特效师在尝试制作复杂图案的魔法阵时，要么因为粒子数量不够导致图案模糊，要么因为贴图拉伸而失真。今天我们就用 UE5.3 的 Niagara 系统配合材质蓝图，从零搭建一个可旋转、可呼吸、符文清晰可见的动态魔法阵。全程使用引擎原生工具，不依赖任何第三方插件。

一、材质核心：利用 UV 扭曲实现符文旋转与呼吸

魔法阵最核心的视觉元素是符文图案的旋转和缩放。很多人第一反应是让粒子本身旋转，但这会导致每个粒子的朝向不一致，而且很难控制整体图案的完整性。更高效的做法是：让材质控制 UV 的旋转和缩放，粒子只负责承载这个材质。

步骤 1：创建基础材质与纹理采样

1. 在 Content Browser 中右键 → Materials & Textures → Material，命名为 `M_MagicCircle_Core`。
2. 打开材质编辑器，将材质域设为 “Surface”，混合模式设为 “Additive”（加法混合，适合发光特效），着色模型设为 “Unlit”（无光照，节省性能）。
3. 拖入一个 `Texture Sample` 节点，加载你的符文贴图。建议使用 1024×1024 的 RGBA 贴图，RGB 通道存储符文颜色，Alpha 通道存储透明度。如果没有现成贴图，可以用 Photoshop 或 Affinity Designer 画一个简单的六芒星加环绕文字。
4. 将 Texture Sample 的 RGB 连接到一个 `Multiply` 节点，乘上你想控制亮度的参数（比如 `Scalar Parameter` 命名为 `Brightness`，默认值 1.5）。

步骤 2：添加 UV 旋转与呼吸效果

这是让魔法阵“活”起来的关键。我们需要在材质中计算一个随时间变化的旋转矩阵，然后应用到 UV 上。

1. 拖入 `Constant2Vector` 节点，设为 (0.5, 0.5) —— 这是旋转中心，让魔法阵围绕贴图中心旋转。
2. 拖入 `Append` 节点，将 `Time` 节点（来自 `Material Time` 节点）连接到一个 `Multiply` 节点，乘上 `Scalar Parameter` 命名为 `RotationSpeed`，默认值 0.2。这个值控制旋转速度。
3. 将上一步的结果分别输入 `Sine` 和 `Cosine` 节点，得到旋转角度的正余弦值。
4. 用 `Append` 和 `Multiply` 构建旋转矩阵。具体操作：
– 拖入 `Constant2Vector` 设为 (1,0) �� (0,1)，分别代表 X 轴和 Y 轴方向。
– 将 (1,0) 乘以 `Cosine`，加上 (0,1) 乘以 `Sine`，得到旋转后的 X 轴。
– 将 (1,0) 乘以 `-Sine`，加上 (0,1) 乘以 `Cosine`，得到旋转后的 Y 轴。
– 将两个轴 `Append` 成一个 2×2 矩阵（实际上用两个 `Constant2Vector` 组合即可）。
5. 拖入 `Transform2D` 节点（在 Utility 类别中），将上一步的矩阵输入到 “Transform” 引脚，将原始 UV 输入到 “UV” 引脚，将旋转中心 (0.5,0.5) 输入到 “Pivot” 引脚。这个节点会帮我们完成 UV 的旋转计算。
6. 为了让符文有“呼吸”效果（大小脉动），在 `Transform2D` 之后插入一个 `Multiply` 节点，将 UV 乘以 `1 + sin(Time BreathSpeed) BreathAmount`。其中 `BreathSpeed` 设为 0.5，`BreathAmount` 设为 0.05。这样符文会轻微缩放。

步骤 3：添加边缘渐变与辉光

1. 用 `Distance` 节点计算当前 UV 到中心 (0.5,0.5) 的距离，然后用 `1 – Distance` 得到一个从中心向外衰减的渐变。
2. 用 `Power` 节点（指数设为 2）让边缘更锐利。
3. 将这个渐变与之前的符文颜色相乘，实现从中心到边缘的透明度渐变。
4. 最后，将结果连接到材质的 `Emissive Color` 和 `Opacity`（注意 Opacity 需要材质域设为 Translucent，但这里我们用的是 Additive，所以 Opacity 不生效。Additive 模式下，Alpha 通道控制的是颜色的透明度，所以把 Alpha 通道连接到一个 `Multiply` 节点，乘上上面的渐变，再输出到 `Opacity Mask`？不对，Unlit+Additive 模式没有 Opacity 引脚，而是用 `Emissive Color` 的 Alpha 通道控制透明度。所以直接将 `Multiply` 后的颜色输出到 `Emissive Color` 即可，Alpha 通道会自然生效。）

二、Niagara 粒子系统：组装魔法阵的骨架

材质做好了，接下来用 Niagara 系统让魔法阵“站”起来。我们需要一个环形粒子发射器，粒子在环形上均匀分布，并且每个粒子都朝向摄像机（Billboard）。

步骤 1：创建 Niagara 系统并配置发射器

1. 右键 → Effects → Niagara System，选择 “New system from selected emitter”，然后选择 “Empty”。
2. 在 Emitter 标签页中，右键 → Add Emitter → “Fountain”（或者直接添加一个 “Simple Sprite Burst” 模板，然后删除不需要的模块）。
3. 将发射器命名为 `MagicCircle_Ring`。在 `Emitter State` 模块中，将 `Life Cycle Mode` 设为 “Self”，`Duration` 设为 0（无限循环），`Loop Behavior` 设为 “Infinite”。
4. 在 `Particle Spawn` 模块中，添加 `Add Velocity` 和 `Add Position` 的初始值。但我们不需要速度，所以保留默认的 (0,0,0)。

步骤 2：配置粒子分布与朝向

1. 在 `Particle Spawn` 模块中，添加 `Set Position` 节点。我们需要粒子分布在半径为 150 的圆环上。
– 拖入 `Random Float Range`，范围设为 (0, 2*PI)，作为角度。
– 用 `Sine` 和 `Cosine` 计算 X 和 Z 坐标（假设魔法阵在水平面上，Y 轴向上）。
– 将 X 设为 `cos(角度) 150`，Z 设为 `sin(角度) 150`，Y 设为 0。
– 注意：UE5 的 Niagara 中，位置是 `Vector3`，需要用 `Make Vector3` 节点组合。
2. 在 `Particle Update` 模块中，添加 `Orient Mesh` 或 `Sprite Facing`。如果是平面粒子（Sprite），添加 `Sprite Facing` 模块，将 `Facing Mode` 设为 “Face Camera Position”。这样所有粒子始终正面朝向摄像机。

步骤 3：控制粒子数量与生命周期

1. 在 `Emitter Spawn` 模块中，设置 `Spawn Rate` 为 0，改为 `Spawn Burst` 一次性生成。添加 `Spawn Burst Instantaneous` 节点，`Burst Count` 设为 64（粒子数量），`Burst Time` 设为 0。
2. 在 `Particle State` 模块中，将 `Particle Lifetime` 设为 2 秒（或者更长，根据你的呼吸周期调整）。注意：如果粒子生命周期结束，它会消失。为了让魔法阵持续存在，我们需要在 `Particle Update` 中循环重置生命周期。添加 `Set Age` 节点，将 `Age` 设为 `Age % Lifetime`，但更简单的方法是：在 `Particle Spawn` 中设置 `Lifetime` 为 2，然后在 `Particle Update` 中添加 `Add Age` 节点，速度设为 1。这样粒子会在 2 秒后自动销毁，但因为我们有 `Spawn Burst`，所以需要确保 `Loop Behavior` 是 “Infinite”，并且粒子销毁后会重新生成？不对，Burst 只执行一次。我们需要改为持续生成，但让粒子在环形上循环移动？其实更简单：将粒子生命周期设为无限（0），然后在 `Particle Update` 中添加一个 `Rotate Position` 节点，让粒子围绕 Y 轴旋转，从而实现整个魔法阵的旋转效果。这样就不需要材质旋转了，但材质旋转效果更丰富。我推荐保留材质旋转，粒子只负责静态位置。

步骤 4：应用材质并调整渲染

1. 在 `Renderer` 模块中，将 `Material` 设为刚才创建的 `M_MagicCircle_Core`。
2. 在 `Particle Spawn` 中，添加 `Set Color` 节点，将颜色设为 `LinearColor` (1,1,1,1)。你可以在材质中通过参数��制颜色，也可以在 Niagara 中传递颜色。
3. 为了让魔法阵更有层次感，可以添加第二个发射器，生成一些随机飘浮的小光点。复制第一个发射器，将粒子数量改为 16，位置半径改为 180，粒子大小设为 5，颜色改为淡蓝色，并添加一个 `Add Velocity` 让它们缓慢上下浮动（Y 轴速度设为 -10 到 10 的随机值）。

三、高级技巧：添加时间偏移与多层叠加

单层魔法阵略显单调。我们可以通过材质中的 `Time` 节点偏移，让不同层级的符文以不同速度旋转，产生“嵌套”效果。

步骤 1：创建多层材质变体

1. 在 `M_MagicCircle_Core` 的基础上，右键创建材质实例 `MI_MagicCircle_Outer`。
2. 在材质实例中，将 `RotationSpeed` 参数设为 0.15（外层慢一点），`BreathSpeed` 设为 0.3。
3. 再创建一个 `MI_MagicCircle_Inner`，`RotationSpeed` 设为 0.4（内层快一点），`BreathSpeed` 设为 0.6。
4. 内层可以使用不同的符文贴图（比如更复杂的几何图案），外层使用简单的圆环加文字。

步骤 2：在 Niagara 中叠加发射器

1. 在同一个 Niagara 系统中，添加第三个发射器，命名为 `MagicCircle_Outer`。
2. 将粒子位置半径设为 200，粒子数量 48，应用 `MI_MagicCircle_Outer` 材质。
3. 添加第四个发射器��半径 100，粒子数量 32，应用 `MI_MagicCircle_Inner` 材质。
4. 为了让内外层之间产生视觉联系，可以在材质中添加一个 `Pan`（平移）节点，让符文沿 UV 方向缓慢移动，��拟能量流动。

步骤 3：添加光晕与拖尾

1. 在材质中，用 `Scene Texture` 节点采样背景深度，实现半透明叠加时的辉光效果。但为了简单，你可以直接在 Niagara 中添加一个 `Sprite Renderer`，使用纯色渐变贴图，大小设为 300，透明度 0.1，放在魔法阵下方作为地面光晕。
2. 如果想实现符文旋转时的拖尾，可以在 Niagara 的 `Particle Update` 中添加 `Add Velocity` 和 `Drag`，让粒子在运动过程中留下残影。但注意，这会大幅增加性能开销。建议用材质中的 `UV 扭曲` 模拟拖尾效果，比如在旋转 UV 之前，用 `Panner` 节点让 UV 随时间偏移。

总结与进阶建议

通过以上步骤，我们实现了：

• 一个由 Niagara 粒子系统承载的环形魔法阵，粒子均匀分布在圆环上。

进阶方向：
1. 交互性：在蓝图中获取 Niagara 系统中的参数，比如当角色靠近时，让魔法阵加速旋转或改变颜色。
2. 动态符文：在材质中使用 `Sine` 和 `Cosine` 函数绘制动态图案，比如流动的线条或闪烁的星点，替代静态贴图。
3. 性能优化：对于移动端项目，减少粒子数量（外层 24，内层 16），并将贴图尺寸降至 512×512。材质中避免使用 `Scene Texture` 节点。
4. 随机化：在 Niagara 的 `Particle Spawn` 中为每个粒子分配随机颜色或大小，打破机械感。

常见问题 FAQ

Q1：为什么我的粒子总是朝向一个方向，不跟随摄像机？
A：检查 `Sprite Facing` 模块的 `Facing Mode` 是否设为 “Face Camera Position”。另外，确保渲染器类型是 “Sprite”，而不是 “Ribbon” 或 “Mesh”。如果使用 Mesh，需要启用 `Orient Mesh` 并设置合适的朝向向量。

Q2：材质中的 UV 旋转后，符文图案被拉伸了怎么办？
A：这是因为旋转中心不在贴图中心。检查 `Transform2D` 节点的 `Pivot` 输入，确保连接的是 (0.5, 0.5)。另外，贴图本身应该是正方形的，否则旋转时会有畸变。

Q3：粒子边缘有锯齿，怎么让边缘更平滑？
A：在材质中，将 `Texture Sample` 的 `Sampler Type` 设为 “Linear”，并勾选 “sRGB”。在 Niagara 渲染器中，将 `Blend Mode` 设为 “Additive”，并启用 `Anti-Aliasing`。如果仍然有锯齿，可以在材质中用 `SmoothStep` 节点处理 Alpha 通道。

Q4：魔法阵在远处看太亮，近处看太暗，怎么解决？
A：在材质中添加一个 `Distance` 节点，计算像素到摄像机的距离，然后乘到 `Emissive Color` 上。或者使用 `Camera Vector` 节点实现类似效果。更简单的做法是在 Niagara 中设置 `Min Camera Distance` 和 `Max Camera Distance`，控制粒子的可见范围。

Q5：我想让魔法阵跟随角色移动，应该怎么做？
A：在角色蓝图中，添加一个 `Niagara Component`，将系统拖入。在 `Event Tick` 中，用 `Set World Location` 节点将 Niagara 组件的位置设为角色的位置（或脚下的位置）。如果需要跟随旋转，也用 `Set World Rotation` 同步。