如何使用OpenGL ES平滑混合两种颜色

Question

我尝试使用OpenGL绘制遮罩框叠加输入框。

面具框架是红色的嘴唇形状。

输入框是人脸。

当我画画时，我意识到这并不顺利。

我需要建议一些关键字或解决方案。

这是我的代码。

 uniform sampler2D input_frame;
 uniform sampler2D overlay;
 uniform vec3 target_color;

   void main() {
 vec4 image_pix = texture2D(input_frame, sample_coordinate);
 vec4 overlay_pix = texture2D(overlay, sample_coordinate);
 vec4 color2 = vec4(target_color, 1.0);

 float luminance = dot(image_pix.rgb, vec3(0.299, 0.587, 0.114));
 float mix_value = overlay_pix.r * luminance;
 fragColor = mix(image_pix, color2, mix_value);
}

这是我的结果：

这是我的目标：