Metal中 additive blending 的正确混合选项及雪花混合问题排查

问题还原 #

我正在Metal中尝试将源纹理与雪花纹理进行混合，但未找到适配需求的混合选项。

当前使用的混合选项：

descriptor.sourceRGBBlendFactor        = MTLBlendFactorSourceAlpha;
descriptor.sourceAlphaBlendFactor      = MTLBlendFactorOne;
descriptor.destinationRGBBlendFactor   = MTLBlendFactorOne;
descriptor.destinationAlphaBlendFactor = MTLBlendFactorOne;

已尝试常见混合选项，效果均不符合预期。期望雪花的蓝色部分仅与蓝色背景混合，而非与底层纹理的其他颜色区域混合。

问题分析 #

你当前的混合设置对应的RGB混合公式为：
resultRGB = 雪花RGB * 雪花Alpha + 目标RGB * 1
这是加法混合逻辑，会让雪花颜色无差别叠加到底层所有像素上——比如底层是红色时，雪花蓝色会和红色混合成品红色，完全不符合“仅与蓝色背景混合”的需求。

你的核心需求分为两种场景，对应不同解决方案：

场景1：雪花仅作用于蓝色背景区域 #

如果底层纹理包含非蓝色内容，且希望雪花只在蓝色背景上显示并混合，仅靠Metal混合模式无法实现（混合模式是像素级独立运算，无法判断目标像素颜色）。需通过以下方式实现：

• 蒙版+着色器判断：
  1. 先将蓝色背景渲染为蒙版纹理（蓝色区域为白色，其他区域为黑色）；
  2. 在雪花的片元着色器中，读取底层纹理颜色，判断是否为蓝色（可设置颜色阈值），仅符合条件的像素才进行雪花混合，否则直接输出底层颜色。

示例片元着色器伪代码：

fragment float4 snowFragment(SnowVertexIn in [[stage_in]],
                             texture2d<float> baseTexture [[texture(0)]],
                             texture2d<float> snowTexture [[texture(1)]]) {
    constexpr sampler s(address_mode_clamp_to_edge, filter_mode_linear);
    float4 baseColor = baseTexture.sample(s, in.baseTexCoord);
    float4 snowColor = snowTexture.sample(s, in.snowTexCoord);
    
    // 自定义蓝色判断阈值，可根据实际背景色调整
    bool isBlueBackground = (baseColor.r < 0.1 && baseColor.g < 0.1 && baseColor.b > 0.5);
    return isBlueBackground ? mix(baseColor, snowColor, snowColor.a) : baseColor;
}

场景2：雪花与蓝色背景自然色彩融合（底层全为蓝色背景） #

如果底层就是纯蓝色背景，希望雪花蓝色与背景蓝产生柔和的色彩融合（比如加深、叠加），可直接使用对应混合模式：

方案A：正片叠底（加深蓝色）

混合公式：resultRGB = 雪花RGB * 背景RGB，能让蓝色区域颜色自然加深，避免加法混合的生硬高亮。
对应的Metal混合设置：

// RGB通道设置
descriptor.sourceRGBBlendFactor = MTLBlendFactorSourceColor;
descriptor.destinationRGBBlendFactor = MTLBlendFactorOne;
descriptor.rgbBlendOperation = MTLBlendOperationMultiply;

// Alpha通道保持原有逻辑或按需调整
descriptor.sourceAlphaBlendFactor = MTLBlendFactorOne;
descriptor.destinationAlphaBlendFactor = MTLBlendFactorOne;
descriptor.alphaBlendOperation = MTLBlendOperationAdd;

方案B：带Alpha的柔和混合

如果雪花带有半透明通道，希望半透明蓝色与背景蓝自然过渡，公式为resultRGB = 背景RGB*(1-雪花Alpha) + (雪花RGB*背景RGB)*雪花Alpha，实现步骤：

1. 在片元着色器中预乘雪花Alpha：snowColor.rgb *= snowColor.a;
2. 设置混合选项：

descriptor.sourceRGBBlendFactor = MTLBlendFactorOne;
descriptor.destinationRGBBlendFactor = MTLBlendFactorOneMinusSourceAlpha;
descriptor.rgbBlendOperation = MTLBlendOperationAdd;

descriptor.sourceAlphaBlendFactor = MTLBlendFactorOne;
descriptor.destinationAlphaBlendFactor = MTLBlendFactorOneMinusSourceAlpha;
descriptor.alphaBlendOperation = MTLBlendOperationAdd;

混合公式推导思路 #

Metal混合的通用公式为：
result = (源像素 * 源因子) [混合操作] (目标像素 * 目标因子)
推导步骤：

1. 明确你需要的色彩逻辑（比如相加、相乘、渐变混合）；
2. 匹配对应的blendOperation（如MTLBlendOperationAdd、MTLBlendOperationMultiply）；
3. 调整sourceFactor和destFactor，让运算结果贴合需求。

若需求涉及条件判断（比如仅在特定颜色区域生效），则超出混合模式能力范围，必须在片元着色器中实现逻辑。

内容的提问来源于stack exchange，提问作者Natanael Ferreira