金属计算着色器：将alpha设置为零不会产生完全的透明度

Question

我正在尝试修改此人的代码：

https://github.com/FlexMonkey/MetalVideoCapture

它可以从iphone / ipad摄像头获取视频，并使用一些Metal GPU计算内核对其进行实时过滤。

我想更改“金属代码”以执行一些简单的色度键控，使视频中的某种颜色透明（即该颜色的alpha = 0）。

问题是，即使您在金属计算内核的末尾将alpha强制设置为零，金属计算内核产生的视频输出也永远不会达到完全透明：

outTexture.write(float4(float3(rgb), 0.0), gid);

生成的视频仅部分透明。

请注意，我正在为渲染完成的MTKView设置layer.opaque = false。

有谁知道为什么会这样？

这是alpha = 0且UIView红色背景的结果：

因此，哥伦布的答案对我有用，这是我的抠像过滤器的代码：

kernel void ChromaKey(texture2d<float, access::read> yTexture [[texture(0)]],
                                   texture2d<float, access::read> cbcrTexture [[texture(1)]],
                                   texture2d<float, access::write> outTexture [[texture(2)]],
                                   uint2 gid [[thread_position_in_grid]])
{
    float2 green = float2(54.0/255.0, 34.0/255.0);
    float threshold = 0.05;
    float3 colorOffset = float3(-(16.0/255.0), -0.5, -0.5);
    float3x3 colorMatrix = float3x3(
                                    float3(1.164,  1.164, 1.164),
                                    float3(0.000, -0.392, 2.017),
                                    float3(1.596, -0.813, 0.000)
                                    );

    uint2 cbcrCoordinates = uint2(gid.x / 2, gid.y / 2);
    float y = yTexture.read(gid).r;
    float2 cbcr = cbcrTexture.read(cbcrCoordinates).rg;
    float alpha = smoothstep(threshold, threshold + 0.5, distance(cbcr, green));
    float3 ycbcr = float3(y, cbcr);
    float4 rgba = alpha * float4(colorMatrix * (ycbcr + colorOffset), 1.0);
    outTexture.write(rgba, gid);
}

Answer 1

我的猜测是您的图层使用的是预乘alpha（ 此处提到 ）。 如果是这样，那么您有两个简单的解决方案：

1. 将图层从预乘alpha合成更改为使用非预乘alpha合成。
2. 更改计算内核以执行alpha预乘。

要执行＃2，您将更改以下内容：

float alpha = <something_or_other>;
float3 rgb = colorMatrix * (ycbcr + colorOffset);
outTexture.write(float4(float3(rgb), alpha), gid);

对于这样的事情：

float alpha = <something_or_other>;
float3 rgb = (colorMatrix * (ycbcr + colorOffset)) * alpha;
outTexture.write(float4(float3(rgb), alpha), gid);