使用半透明纹理“掩盖”出背景的一部分

Question

我试图在“雾中创建洞”效果。我有一个背景网格图像，叠加到我有一个“雾”纹理，我用它来显示某些区域不在视野内。我正试图从“雾”中剪下一块，以显示当前正在查看的区域。我试图“屏蔽”屏幕上的一部分雾。

我做了一些图像，以帮助解释我是什么后：
背景：

“掩模图像”（全透明必须是在里面，而不是为了外缘什么我将用它来）：

雾（对不起，很难看到..几乎透明）：

我想，作为最终产品是什么：

我曾尝试：

• 模板缓冲液：我这只是一个事实完全工作..我无法弄清楚如何保留“蒙版”图像的褪色透明度。我试过很多不同版本的参数和许多其他方法（glColorMask，glBlendEquation，glBlendFuncSeparate）我开始使用我在这个网站上找到的一些参数：here。我使用了“glBlendFunc（GL_ZERO，GL_ONE_MINUS_SRC_ALPHA）;”因为这似乎是我在寻找的东西，但是......结果发生了这样的结果：（很难说这里发生了什么，但是......背景中有雾覆盖网格。面膜是刚刚结束了作为一个完全不透明的黑色斑点时，其应该是在雾中的透明部分
  

以前的一些代码：

glEnable(GL_BLEND); // This is not really called here... It is called on the init function of the program as it is needed all the way through the rendering cycle. 
renderFogTexture(delta, 0.55f); // This renders the fog texture over the background the 0.55f is the transparency of the image. 
glBlendFunc(GL_ZERO, GL11.GL_ONE_MINUS_SRC_ALPHA); // This is the one I tried from one of the many website I have been to today. 
renderFogCircles(delta); // This just draws one (or more) of the mask images to remove the fog in key places. 

（我会发布更多的代码但是在我尝试了很多东西之后，我开始删除一些旧代码，因为它变得非常混乱（我在块注释中将其备份）

Answer 1

这是可行的，只要你没有对帧缓冲区当前的alpha做任何事情。

步骤1：确保帧缓冲区的alpha值清零为零。所以你的glClearColor调用需要将alpha设置为零。然后像平常一样调用glClear。

第2步：绘制掩模图像之前你画“雾”。正如蒂姆所说，一旦你和你的雾混合在一起，你就无法撤消它。所以你首先需要掩模数据。

但是，您还需要专门渲染蒙版。您只需要希望掩码修改帧缓冲区的alpha。你不想让它混淆RGB颜色。要做到这一点，请使用此功能：glColorMask(GL_FALSE, GL_FALSE, GL_FALSE, GL_TRUE)。这将关闭写入颜色的RGB部分;因此，只有alpha会被修改。

你的面具纹理似乎有零，它是可见的，一个它不是。然而，该算法需要相反的，所以你应该修复你的纹理或使用glTexEnv模式，这将有效地翻转阿尔法。

经过这一步后，你的framebuffer应该有一个我们想要看到雾的alpha值，而alpha值是1，而我们没有。

此外，不要忘记撤销掩模渲染后调用glColorMask。你需要重新获得这些颜色。

第3步：渲染雾。这很简单，为了进行掩蔽工作，您需要一种特殊的混合模式。像这样：

glEnable(GL_BLEND); 
glBlendEquation(GL_FUNC_ADD); 
glBlendFuncSeparate(GL_ONE_MINUS_DST_ALPHA, GL_DST_ALPHA, GL_ZERO, GL_ONE); 

RGB和A混合部分之间的分隔很重要。你不想改变 framebuffer的阿尔法（以防万一你想渲染一层以上的雾）。

你完成了。

Answer 2

您目前所采用的方法将不起作用，因为一旦您在整个屏幕上画雾，就无法“擦除”它。

如果您使用固定的管道：

您可以使用固定的管道多纹理（glTexEnv）的雾和圆纹理单程结合起来。如果你之前没有使用过这个函数，那么这个函数可能会让你感到困惑，你可能不得不花一些时间来学习这个手册页。你会做一些像bind fog到glActiveTexture 0，以及mask到glActiveTexture 1，启用multitexturing，然后将它们与glTexEnv结合起来。我不记得完全正确的参数。

如果您使用的着色器：

使用多重纹理着色器，你与圆的纹理乘雾α（零出在圈内区域的alpha），然后混合该组合的质地为背景在一次通过。这可能是一个更概念上更简单的方法，但不确定是否使用着色器。

我不确定有什么办法可以做到这一点，因为它们都具有自己的alpha值，因此它们在单独的通道中绘制雾和蒙版时很难将它们组合以获得正确的颜色结果。