水下气泡与焦散光效：UE5 环境特效的高级技巧

上周有位学员在群里发了一段水下场景的测试视频：角色在海底遗迹中游动，周围漂浮着大小不一的泡泡，阳光透过水面洒下斑驳的光影。他问：“为什么我的气泡看起来像塑料球，焦散光效也完全没有那种波光粼粼的质感？”

这个问题很典型。很多人在UE5中做水下特效时，要么直接用Niagara发射圆形粒子，要么用Light Function生成简单的波纹——结果就是“一眼假”。真正高级的水下效果，需要从物理规律出发，结合材质、粒子系统和光照系统协同工作。今天我就带大家拆解两个核心技巧：程序化气泡生成与动态焦散光效。

一、程序化气泡：从“塑料球”到“真实气泡”的蜕变

1.1 气泡的物理本质

真实气泡有四个关键特征：

  • 表面张力导致的非完美球形（略呈椭球状）
  • 光线在气-水界面产生的菲涅尔反射与折射
  • 内部空气的弱散射（边缘比中心亮）
  • 上升过程中的螺旋运动与大小随机分布

    • 1.2 材质实现：用HLSL写气泡着色器

    打开UE5.3的材质编辑器，创建一个`Material`命名为`M_Bubble`。关键节点如下：

    步骤1：基础形状变形

    1. 用 Absolute World Position 获取世界坐标
2. 用 Normalize 计算法线方向
3. 用 Fresnel 节点（Exponent=3.0）生成边缘发光
4. 用 Noise 节点（Scale=0.5）叠加表面凹凸

    注意：这里不要用默认的`Simple Noise`，而是改用`Custom`节点写入HLSL：

    float3 noise = sin(UV.x  20 + Time  0.5)  cos(UV.y  15 + Time * 0.3);
return noise * 0.02; // 控制变形幅度

    步骤2：菲涅尔与折射模拟
    在`Base Color`通道中：

    1. 菲涅尔值 = 1 - saturate(dot(Normal, CameraVector))
2. 基础颜色 = lerp(深蓝色(0.1,0.2,0.3), 浅蓝色(0.6,0.8,1.0), 菲涅尔值)
3. 透明度 = 0.3 + 菲涅尔值 * 0.5 (边缘更不透明)

    步骤3：环境反射
    使用`Reflection Capture`节点（需要场景中有Reflection Capture Actor），混合比例用菲涅尔值控制。这样气泡就能反射周围的水下环境，而不是像玻璃球一样生硬。

    1.3 Niagara粒子系统：让气泡“活”起来

    创建`NiagaraSystem`命名为`NS_BubbleSpawner`。核心设置：

    粒子发射器设置：

  • `Emitter Update` → `Spawn Rate`：每秒20-50个
  • `Particle Spawn` → `Lifetime`：5-10秒（随机范围）
  • `Particle Update` → `Velocity`：Z轴 5-15 cm/s（上升速度）

    • 关键模块：
    1. Shape Location：使用`Sphere`，半径200cm，让气泡在球形范围内随机生成
    2. Scale：初始大小2-8cm随机，生命周期内缩小20%（上升过程压力减小）
    3. Drag：空气阻力设为0.5，模拟水的粘滞
    4. Collision：启用`World Collision`，反弹系数0.2

    螺旋运动实现：
    在`Particle Update`中添加自定义HLSL脚本：

    // 基于粒子ID和时间产生螺旋偏移
float angle = ParticleID  137.5 + Age  2.0; // 黄金角+时间
float radius = 1.5 + sin(Age  0.8)  0.5;
ParticlePosition.X += cos(angle)  radius  DeltaTime;
ParticlePosition.Y += sin(angle)  radius  DeltaTime;

    1.4 材质与粒子联动

    在`NS_BubbleSpawner`的`Renderer`中，材质选择`M_Bubble`。注意勾选`Sort Mode`为`Sort by Depth`，避免半透明排序错误。

    气泡材质节点图

    二、动态焦散光效：用“光”讲故事

    2.1 焦散的本质

    焦散（Caustics）是光线经过水面折射后，在水底形成的亮斑。它有两个关键特征：

  • 高频动态：随着水面波动快速变化
  • 高对比度：亮斑与暗区对比强烈

    • 2.2 使用Light Function生成焦散

    UE5中实现焦散最有效的方式是`Light Function`——它是一种特殊的材质，可以控制光源的强度分布。

    步骤1：创建焦散材质
    新建`Material`命名为`M_Caustics_LightFunc`，材质域设为`Light Function`。

    步骤2：编写焦散图案
    使用`Custom`节点写入HLSL生成焦散纹理：

    float2 uv = UV * 3.0; // 重复次数
float time = Time * 0.3;
    // 两层噪声叠加
float noise1 = sin(uv.x  10 + time)  cos(uv.y  8 + time  0.7);
float noise2 = sin(uv.x  15 + time  1.2)  cos(uv.y  12 + time * 0.9);
float caustic = abs(noise1 + noise2) * 0.5;
    // 增强对比度
caustic = pow(caustic, 2.0);
return caustic;

    步骤3：应用至光源

  • 在场景中放置一个`Directional Light`（模拟太阳光）
  • 在其`Light Function`槽位中指定`M_Caustics_LightFunc`
  • 调整`Intensity`为10-20 lux，`Attenuation`设为1000cm

    • 2.3 使用Post Process增强焦散

    Light Function只能控制光源强度，但无法产生“水底波纹”的视觉扭曲。这时需要借助`Post Process Material`。

    步骤1：创建后处理材质
    `Material` → `Material Domain` = `Post Process`，命名为`PP_WaterDistortion`。

    步骤2：实现屏幕扭曲
    在`Custom`节点中：

    float2 uv = GetViewportUV();
float time = View.Time;
    // 模拟水面波动
float wave = sin(uv.x  50 + time)  cos(uv.y  40 + time  0.8);
float2 distortion = wave * 0.02; // 扭曲幅度
    // 采样场景颜色
float3 color = SceneTextureLookup(uv + distortion, 14, false); // 14=SceneColor
return float4(color, 1.0);

    步骤3：混合焦散
    在`Post Process`材质中叠加焦散纹理：

    float caustic = sin(uv.x  20 + time)  cos(uv.y  15 + time  0.6);
caustic = saturate(caustic * 1.5 - 0.5); // 增强对比
return float4(color + caustic * 0.3, 1.0);

    2.4 性能优化

  • 焦散纹理分辨率：256×256足够，不必用1024
  • 后处理材质：只在需要水下视角时启用（通过`Camera Location`判断）
  • 光源数量：最多2个Directional Light产生焦散，其余用静态光照

    • 焦散光效对比图

    三、整合与调试：让气泡与焦散共舞

    3.1 场景设置

  • 使用`Water Body Ocean`或`Water Body Lake`作为水体
  • 在`Water`材质中，`Specular`设为0.8，`Roughness`设为0.1
  • 添加`Exponential Height Fog`，颜色选深蓝，密度0.01

    • 3.2 粒子与光照的交互

    在`NS_BubbleSpawner`中，为粒子添加`Lighting Channel`标签（如Channel 1），然后在Directional Light中只照射Channel 1。这样气泡会接收焦散光照，产生更真实的高光。

    3.3 调试技巧

  • 使用`Visual Logger`查看粒子碰撞体
  • 在材质中按`~`键，输入`r.ScreenPercentage 50`降低分���率测试性能
  • 焦散强度用`Scalability`组中的`PostProcessQuality`控制

    • 水下场景最终效果

    常见问题 FAQ

    Q1：我的气泡在上升过程中突然消失，没有自然破裂效果？
    A：在Niagara的`Particle Update`中，添加`Lifetime`模块，设置`Lifetime`为5-8秒随机。同时，在`Particle Spawn`中，为`Scale`添加`Curve`曲线，让气泡在生命末期缩小到0。这样就会模拟气泡浮到水面破裂的效果。

    Q2：焦散光效在远处看起来很模糊，怎么办？
    A：这是Mipmap导致的。在`M_Caustics_LightFunc`中，为`Texture Object`节点设置`Texture Group`为`Effects`，并关闭`Mip Gen Settings`中的`NoMipmaps`。或者直接使用`Custom`节点生成程序化纹理，避免纹理采样。

    Q3：后处理材质导致整个画面变暗？
    A：检查`PP_WaterDistortion`的`Blendable Location`是否设为`Before Tonemapping`。如果设为`After Tonemapping`，会导致亮度信息丢失。建议使用`Before Tonemapping`，并确保输出颜色在0-1范围。

    Q4：气泡粒子太多导致帧率下降，如何优化？
    A：使用`LOD`系统。在Niagara的`Emitter Update`中，添加`LOD`模块，设置`LOD Distance`为500cm、1000cm、2000cm三级。远处气泡禁用碰撞检测和螺旋运动，只保留基础动画。同时，将粒子`Max Count`限制在500以内。

    Q5：焦散光效在VR或移动端无法工作？
    A：Light Function在移动端需要开启`Forward Shading`。在`Project Settings` → `Rendering`中，将`Forward Shading`设为`True`。同时，焦散材质中不要使用`SceneTexture`节点，改用`Custom`节点生成纯程序化纹理。

    —

    总结与进阶建议

    今天我们实现了两个核心技术点：程序化气泡（材质+Niagara）和动态焦散光效（Light Function+Post Process）。但真正的高阶技巧在于两者的协同——气泡反射焦散光、焦散光穿过气泡产生衍射。这需要用到`Ray Tracing`或`Path Tracing`。

    如果你想让水下场景达到电影级效果，建议继续探索：
    1. 体积光散射：使用`Volumetric Fog`配合`Light Function`，模拟水下“光柱”效果
    2. 次表面散射：为水下生物（鱼、植物）添加`Subsurface Profile`材质
    3. 水底焦散贴花：用`Decal`在静态网格体上投射焦散纹理，增强空间感

    最后，如果你对AIGC+UE5方向感兴趣，可以尝试用Stable Diffusion生成水下场景的参考图，再用UE5的`Pixel Perfect`工具进行素材匹配——这能极大缩短场景搭建时间。

    下期预告：我们将深入讲解“海底遗迹”的材质混合技巧，包括苔藓生长算法和珊瑚的次表面散射。保持关注！

    声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。