如何使用GPUImage实现GPUImageMaskFilter

Question

我需要使用蒙版从完整图像剪切并创建蒙版图像。

+ =

我尝试了以下内容：

UIImage *imgMask = [UIImage imageNamed:@"Mask.png"];
UIImage *imgBgImage = [UIImage imageNamed:@"Full.png"];



GPUImageMaskFilter *maskingFilter = [[GPUImageMaskFilter alloc] init];


GPUImagePicture * maskGpuImage = [[GPUImagePicture alloc] initWithImage:imgMask ];

GPUImagePicture *FullGpuImage = [[GPUImagePicture alloc] initWithImage:imgBgImage ];




[maskGpuImage addTarget:maskingFilter];
[maskGpuImage processImage];


[maskingFilter useNextFrameForImageCapture];


[FullGpuImage addTarget:maskingFilter];
[FullGpuImage processImage];



UIImage *OutputImage = [maskingFilter imageFromCurrentFramebuffer];

但是，我生成的输出图像是：

请大家一起携手。 欢呼声。

另外，感谢BradLarson。

Answer 1

掩码是第二个目标，如滤镜着色器代码（textureColor2）中所示。

//Averages mask's the RGB values, and scales that value by the mask's alpha
//
//The dot product should take fewer cycles than doing an average normally
//
//Typical/ideal case, R,G, and B will be the same, and Alpha will be 1.0

 lowp float newAlpha = dot(textureColor2.rgb, vec3(.33333334, .33333334, .33333334)) * textureColor2.a;

 gl_FragColor = vec4(textureColor.xyz, newAlpha);

然后你需要“反转”你的面具：黑色背景上的白色心脏，因为滤镜使用RGB像素值的“权重”来设置目标图像上的alpha值。

所以你的代码应该是

// Image first, Mask next
[FullGpuImage addTarget:maskingFilter];
[FullGpuImage processImage];

[maskingFilter useNextFrameForImageCapture];

[maskGpuImage addTarget:maskingFilter];
[maskGpuImage processImage];    

和你的面具（好​​吧我做了一个丑陋的快速测试，使用正确的图像），如

预期结果。

Answer 2

您不需要遮罩滤镜，而是需要Alpha遮罩混合。

我实现了一个here，如下所示：

// GPUImage shader strings
NSString * const kNBUAlphaMaskShaderString = SHADER_STRING
(
 varying highp vec2 textureCoordinate;
 varying highp vec2 textureCoordinate2;

 uniform sampler2D inputImageTexture;
 uniform sampler2D inputImageTexture2;

 void main()
 {
     lowp vec4 textureColor = texture2D(inputImageTexture, textureCoordinate);
     lowp vec4 textureColor2 = texture2D(inputImageTexture2, textureCoordinate2);

     gl_FragColor = vec4(textureColor.xyz, textureColor2.a);
 }
 );

只需保留一个图像的颜色和第二个图像的alpha通道。

然后create一个GPUImageTwoInputFilter：

GPUImageTwoInputFilter * alphaMask = [[GPUImageTwoInputFilter alloc] initWithFragmentShaderFromString:kNBUAlphaMaskShaderString];

我不确定是否从GPUImage添加了类似的混合滤镜。

---

再次检查是否有内置混合物可以做到，但没有。但我用作灵感的混合滤镜仍在那里（GPUImageAlphaBlendFilter）。它使用alpha蒙版合并两个图像以混合它们。上面提到的过滤器不需要第二个“空”图像。