OpenGL：在背景图像上使用蒙版绘制颜色

Question

我需要在图像上绘制具有某种形状的颜色。我的想法是提供一个具有给定形状（例如心形）的蒙版，然后用颜色填充矩形区域并使用蒙版将其渲染到最终图像上。

蒙面：

加

等于：

矩形的颜色是在运行时决定的——这就是为什么我不自己画彩色的心。

除了心脏（alpha 为 255）之外，黑色心脏图像在任何地方都是透明的（alpha 为 0）。 我尝试使用：

glBlendFunc(GL_DST_ALPHA, GL_ZERO)

源是纯色，目标是 Alpha 通道图像。 我使用https://www.andersriggelsen.dk/glblendfunc.php 寻求帮助。

但是底部图像（树）被用作 DST 图像... 似乎我需要一个中间缓冲区来首先渲染蓝心，然后在树上进行第二次渲染。

有什么办法呢？

Answer 1

如果树是之前画的，它会出现在dest的颜色中，改变你的最终结果。

你是对的，你需要一个中间缓冲区来存储应该渲染 quand 的哪个部分，以及你的心形。

OpenGL为此提供了一个完美的工具，称为模板缓冲区。

在你的情况下，我将像往常一样渲染我的场景（树）

然后我将启用模板缓冲区glEnable(GL_STENCIL_TEST);

禁用对 colorBuffer glColorMask(false, false, false, false); 的写入，

只用适当的蒙版画心。 glStencilMask(0xFF);

然后，您使用glStencilFunc(GL_EQUAL, 1, 0xFF) 启用模板测试来绘制彩色四边形

不要忘记每帧清除模板缓冲区glClear(GL_STENCIL_BUFFER_BIT);

你可以在网上找到一些不错的教程：https://learnopengl.com/Advanced-OpenGL/Stencil-testing

Answer 2

这是在不需要模板缓冲区的旧版 OpenGL（我假设您正在使用）中执行此操作的一种非常简单的方法：

public void render() {
    glClearColor(0, 0, 0, 0);
    glClear(GL_COLOR_BUFFER_BIT);

    glLoadIdentity();
    glOrtho(0, 1, 1, 0, 1, -1);

    glEnable(GL_TEXTURE_2D);
    glEnable(GL_BLEND);
    // Regular blending
    glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);

    glEnable(GL_ALPHA_TEST);
    // Discard transparent pixels. Not strictly necessary but good for performance in this case.
    glAlphaFunc(GL_GREATER, 0.01f);

    glColor3f(1,1,1);
    glBindTexture(GL_TEXTURE_2D, treeTexture);
    drawQuad();

    glColor3f(1,0,1); // Your color goes here
    glBindTexture(GL_TEXTURE_2D, maskTexture);
    drawQuad();
}

private void drawQuad() {
    glBegin(GL_QUADS);
    glTexCoord2f(0,0);
    glVertex2f(0,0);
    glTexCoord2f(0,1);
    glVertex2f(0,1);
    glTexCoord2f(1,1);
    glVertex2f(1,1);
    glTexCoord2f(1,0);
    glVertex2f(1,0);
    glEnd();
}

这里，treeTexture 是树纹理，maskTexture 是 white-on-transparent 心形。

结果：

原理是在遗留的 OpenGL 管道中，您可以在 glVertex* 之前使用 glColor* 来指定纹理颜色（在本例中为白色或透明）与组件相乘的颜色。

请注意，使用此方法，您可以轻松地以多种不同颜色渲染多种颜色的形状，而无需清除模板缓冲区（相对昂贵）。我建议将遮罩纹理裁剪到实际遮罩形状的边界，以节省 GPU 丢弃所有透明片段的小工作。