粒子特效材质透明度混合模式

摘要：本文聚焦「粒子特效材质透明度混合模式」，梳理核心概念、关键方法与落地实践。

​

📚 1. 理论基础 (Theoretical Basis)

​

核心定义

​

数学模型

• $C_{final}$ : 最终写入颜色缓冲区的颜色。
• $C_{src}$ : 当前片元着色器输出的颜色（Source Color）。
• $C_{dst}$ : 帧缓冲区中已经存在的颜色（Destination Color）。
• $F_{src}$ : 源混合因子（Source Blend Factor）。
• $F_{dst}$ : 目标混合因子（Destination Blend Factor）。

​

设计心理学

• 视觉层级: 透明度用于区分主要信息（实心）与次要信息（半透明特效）。
• 能量传递: “加法混合”（Additive）常用于表现高能量（如火焰、魔法），因为它会使结果更亮，暗示能量的叠加。
• 物理真实: “Alpha 混合”（Alpha Blend）用于表现物理实体（如烟雾、玻璃），符合光线被遮挡的直觉。

​

🛠️ 2. 实践应用 (Practical Implementation)

​

Vampirefall 适配指南

​

混合模式速查表 (Unity / ShaderLab)

​

🎨 贴图制作指南 (Texture Authoring Guide)

[!TIP] > 美术小贴士: Additive 为什么好用？ 对于特效师来说，Additive 是最省事的模式。因为你不需要抠图（Alpha Channel）。只要把背景涂黑及任何你不想要的地方涂黑，它就自然透明了。这使得制作光效、辉光非常容易。

​

🔮 深度解析：什么是 Premultiplied Alpha？

​

1. 直观理解 (Intuition)

• Straight Alpha (常规): 颜色是颜色，透明是透明。
  • 像素: (R=1, G=1, B=1, A=0.5) $\rightarrow$ 代表 “50% 透明度的纯白色”。
  • 渲染时: GPU 计算 RGB * A $\rightarrow$ (0.5, 0.5, 0.5)。
• Premultiplied Alpha (预乘): 颜色里已经包含了透明度信息。
  • 像素: (R=0.5, G=0.5, B=0.5, A=0.5) $\rightarrow$ 代表 “50% 透明度的纯白色”。
  • 渲染时: GPU 不需要再乘 Alpha，直接用。

​

2. 为什么要这么麻烦？(Why use it?)

• 常规模式其实是错的: GPU 拿到中点后，再乘 Alpha: 0.5 * 0.5 = 0.25。你会得到一个 0.25 亮度的灰色，而不是预期的 0.5 亮度。这就导致物体边缘出现一圈黑晕。
• 预乘模式是对的: 纹理存的就是 (0.5, 0.5, 0.5, 0.5)。GPU 直接用混合模式 One，取出 RGB (0.5)，结果正确。

• 混合公式: Src + Dst * (1 - SrcAlpha)
• 如果你想要各种发光 (Additive): 把贴图 Alpha 设为 0，RGB 设为亮色。公式变成 Src + Dst。
• 如果你想要半透明 (Alpha Blend): 把贴图 RGB 和 Alpha 正常设置。
• 结果: 你可以在同一个粒子特效里，中心是高亮的火焰 (Additive)，边缘是黑烟 (Alpha Blend)。这是常规模式做不到的。

​

Unity Shader 实现示例

Shader "Vampirefall/Particles/Standard_Additive"
{
    Properties
    {
        _MainTex ("Texture", 2D) = "white" {}
        _TintColor ("Tint Color", Color) = (1,1,1,1)
    }
    SubShader
    {
        Tags { "Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent" }

        // 关键部分：关闭深度写入，设置混合模式
        ZWrite Off
        Cull Off
        Blend SrcAlpha One  // Additive Blend

        Pass
        {
            CGPROGRAM
            // ... 顶点和片元着色器代码 ...
            fixed4 frag (v2f i) : SV_Target
            {
                fixed4 col = tex2D(_MainTex, i.uv);
                return col * _TintColor * i.color; // 顶点颜色用于粒子系统控制
            }
            ENDCG
        }
    }
}

​

什么时候用什么？(Decision Matrix)

1. 如果是 “光” (本身发光) $\rightarrow$ 使用 Additive (SrcAlpha, One)
   • 例子: 法师的火球、塔的激光、爆炸的核心。
2. 如果是 “物质” (反射光/遮挡背景) $\rightarrow$ 使用 Alpha Blending (SrcAlpha, OneMinusSrcAlpha)
   • 例子: 爆炸后的黑烟、扬起的尘土、怪物的半透明皮肤。
3. 如果是 “暗物质” (吸收光) $\rightarrow$ 使用 Multiply (DstColor, Zero)
   • 例子: 地面上的焦痕、诅咒法阵的底纹。
4. 如果既要有实体感又要发光 $\rightarrow$ 使用 Premultiplied (One, OneMinusSrcAlpha)
   • 例子: 发光的魔法水晶（边缘半透明，中心亮）、UI 上的特效流光。

[!WARNING] > 性能警示 (Performance Warning) > Additive 和 Alpha Blending 都会产生 Overdraw。在移动端（Mobile），如果粒子面积过大且层叠过多，会严重消耗 GPU 填充率（Fillrate）。 对于大面积的特效（如全屏迷雾），尽量减少粒子数量，或使用网格发射器（Mesh Emitter）代替默认的广告牌（Billboard）以减少透明像素面积。

​

🌟 3. 业界优秀案例 (Industry Best Practices)

​

案例 1: 《Hades》 (Supergiant Games)

• 特点: 极度绚丽的色彩，大量的粒子特效。
• 分析:
  • 攻击特效几乎全部使用 Additive 混合，保证在暗色调的地下城背景中极为醒目。
  • 环境特效（如雾气）使用 Alpha Blending，并严格控制粒子密度。
  • 使用了 Premultiplied Alpha 来处理手绘风格的特效贴图，避免了传统 Alpha Blending 常见的”黑边”问题。

​

案例 2: 《Diablo III / IV》 (Blizzard)

• 特点: 清晰的战斗可读性 (Readability)。
• 分析:
  • 优先级管理: 技能特效的亮度与其伤害/威胁度成正比。普通攻击比较暗，大招极其明亮（Additive）。
  • 软粒子 (Soft Particles): 使用深度纹理（Depth Texture）计算淡入淡出，避免粒子与地面相交时产生生硬的切边线。

​

🔗 4. 参考资料 (References)

• 📄 Unity Documentation: ShaderLab Blend
• 🌐 OpenGL Blending Specification
• 📺 GDC: Visual Effects in Diablo III