- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试将 alhpa 掩码与 glAlphaBlend 及其所有参数一起使用。我在 stackoverflow 上找到了很多类似的答案,但我什么都没意识到。
我有三张图片,背景 (1)、蒙版 (2) 和文本 (3)。
我想要的是绘制背景,将我的蒙版减去文本,最终得到图像(A)。
Draw background
glClearColor(0,0,0,0);
glClear(GL_COLOR_BUFFER_BIT);
glClear(GL_DEPTH_BUFFER_BIT);
glEnable(GL_BLEND);
glColorMask(GL_FALSE, GL_FALSE, GL_FALSE, GL_TRUE);
glBegin(GL_QUADS);
glColor4ub(0,0,0,255);
glVertex2d(mxIncrust0 - bgwidth, myIncrust0);
glVertex2d(mxIncrust0, myIncrust0);
glVertex2d(mxIncrust0, myIncrust0 + textheight);
glVertex2d(mxIncrust0 - bgwidth, myIncrust0 + textheight);
glEnd();
glColorMask(GL_TRUE, GL_TRUE, GL_TRUE, GL_TRUE);
glEnable(GL_BLEND);
glBlendEquation(GL_FUNC_ADD);
glBlendFuncSeparate(GL_ONE_MINUS_DST_ALPHA, GL_DST_ALPHA, GL_ZERO, GL_ONE);
Draw Text
但一切正常!
实现它的真正方法是什么?
我的问题是不同的,因为它不是基于 OpenGL ES 而只是 Open GL。
最佳答案
完成此操作的“真正方法”是使用 shader programs和 modern OpenGL .你为什么使用那个已弃用的 API?我们在 2014 年使用 OpenGL 4.5 作为最新版本。你甚至不能声称你关心向后兼容性,因为即使是一些非常老的卡(嗯,5 岁)今天支持至少 GL 3.2 是完全可编程的。你知道吗,即使使用 GL 2.0,你仍然可以使用着色器,但是如果你计划在不久的将来为你的生活编写 OpenGL 代码,那么使用已弃用的 API 会让你无处可去。
现在,使用着色器、 mask 是最琐碎的任务之一。您通常会将 2 个纹理传递到片段着色器中。1 - 漫反射纹理(覆盖表面的实际纹理)2 - mask 纹理(可能是单 channel 灰度纹理)
片段着色器看起来像这样:
#version 150
uniform sampler2D maskTex;
uniform sampler2D colorTex;
out vec4 colorOut;
in smooth vec2 texCoords;
void main(){
vec4 color = texture(colorTex,texCoords);
vec4 mask = texture(maskTex,texCoords);
colorOut =vec4(color.rgb,color.a * mask.r);//alpha value can be in any channel ,depends on texture format.
}
尽可能简单。希望对您有所帮助。
P.S 确保你也对 alpha 纹理进行 mipmap,以防漫反射纹理被 mipmap。另请注意,我的示例并不是为了解决您的特定任务,而是向您展示如何在可编程 OpenGL 中完成基本掩码。从这里可以很容易地弄清楚要做什么 ;)
附录:
下面的评论中有人想知道为什么人们会想要使用额外的纹理来保存 alpha 蒙版数据。这是我的答案:
在许多复杂的应用程序中,用户使用称为 alpha 贴图的附加纹理来屏蔽主纹理的像素,同时在此过程中考虑该纹理的 alpha,并且没有理由将 alpha channel “合并”到一个纹理贴图中因为它需要一个额外的步骤和浪费运行时间而没有真正的目的。在一些复杂的渲染场景中,这些 alpha 贴图只能在不同的渲染过程中根据请求生成,然后提取到片段着色器中以供最终使用。所以在这种情况下,应用程序甚至在运行时之前都没有该数据。此外,许多不同的颜色纹理可能需要相同的 alpha 蒙版。那么将它合并到所有这些中是否有意义?当然不是。与在 CPU 上合并透明度数据只是为了避免额外的纹理采样相比,上述做法是众所周知的并且非常有效。
关于OpenGL 阿尔法 mask ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25788952/
在 OpenGL/ES 中,在实现渲染到纹理功能时,您必须小心,不要引起反馈循环(从正在写入的同一纹理中读取像素)。由于显而易见的原因,当您读取和写入纹理的相同像素时,行为是未定义的。但是,如果您正在
正如我们最终都知道的那样,规范是一回事,实现是另一回事。大多数错误是我们自己造成的,但有时情况并非如此。 我相信列出以下内容会很有用: GPU 驱动程序中当前已知的与最新版本的 OpenGL 和 GL
很难说出这里问的是什么。这个问题是模棱两可的、模糊的、不完整的、过于宽泛的或修辞的,无法以目前的形式得到合理的回答。为了帮助澄清这个问题以便可以重新打开它,visit the help center
我正在学习 OpenGL,非常想知道与显卡的交互如何。 我觉得了解它是如何在图形驱动程序中实现的,会让我了解 opengl 的完整内部结构(通过这个我可以知道哪些阶段/因素影响我对 opengl 性能
我正在尝试绘制到大于屏幕尺寸(即 320x480)的渲染缓冲区 (512x512)。 执行 glReadPixels 后,图像看起来是正确的,除非图像的尺寸超过屏幕尺寸——在本例中,超过 320 水平
我正在 Windows 中制作一个 3D 小行星游戏(使用 OpenGL 和 GLUT),您可以在其中穿过一堆障碍物在太空中移动并生存下来。我正在寻找一种方法来针对无聊的 bg 颜色选项设置图像背景。
如果我想要一个包含 100 个 10*10 像素 Sprite 的 Sprite 表,是否可以将它们全部排成一排来制作 1,000*10 像素纹理?还是 GPU 对不那么窄的纹理表现更好?这对性能有什
这个问题在这里已经有了答案: Rendering 2D sprites in a 3D world? (7 个答案) 关闭 6 年前。 我如何概念化让图像始终面对相机。我尝试将三角函数与 arcta
是否可以在 OpenGL 中增加缓冲区? 假设我想使用实例化渲染。每次在世界上生成一个新对象时,我都必须用实例化数据更新缓冲区。 在这种情况下,我有一个 3 个 float 的缓冲区 std::v
有人可以向我解释为什么下面的代码没有绘制任何东西,但如果我使用 GL_LINE_LOOP 它确实形成了一个闭环吗? glBegin(GL_POLYGON); for(int i = 0; i <= N
正如标题所说,OpenGL 中的渲染目标是什么?我对 OpenGL 很陌生,我看到的所有网站都让我很困惑。 它只是一个缓冲区,我在其中放置稍后将用于渲染的东西吗? 如果您能提供一个很好的引用来阅读它,
当使用 OpenGL 1.4 固定功能多纹理时,每个纹理阶段的输出在传递到下一个阶段之前是否都固定在 [0, 1]? spec说(第 153 页): If the value of TEXTURE_E
我比较了 2 个函数 openGL ES 和 openGL gvec4 texelFetchOffset(gsampler2DArray sampler, ivec3 P, int lod, ivec
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗? Update the question所以它是on-topic用于堆栈溢出。 关闭 10 年前。 Improve thi
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 想改进这个问题?将问题更新为 on-topic对于堆栈溢出。 6年前关闭。 Improve this qu
那么当你调用opengl函数时,比如glDraw或者gLBufferData,是否会导致程序线程停止等待GL完成调用呢? 如果不是,那么 GL 如何处理调用像 glDraw 这样的重要函数,然后立即更
我正在尝试实现级联阴影贴图,当我想访问我的视锥体的每个分区的相应深度纹理时,我遇到了一个错误。 更具体地说,当我想选择正确的阴影纹理时会出现我的问题,如果我尝试下面的代码,我会得到一个像 this 中
我想为OpenGL ES和OpenGL(Windows)使用相同的着色器源。为此,我想定义自定义数据类型并仅使用OpenGL ES函数。 一种方法是定义: #define highp #define
我尝试用 6 个位图映射立方体以实现天空盒效果。我的问题是一个纹理映射到立方体的每个面。我已经检查了 gDEBugger,在立方体纹理内存中我只有一个 图像(因为我尝试加载六个图像)。 代码准备纹理:
在 OpenGL 中偏移深度的最佳方法是什么?我目前每个多边形都有索引顶点属性,我将其传递给 OpenGL 中的顶点着色器。我的目标是在深度上偏移多边形,其中最高索引始终位于较低索引的前面。我目前有这
我是一名优秀的程序员,十分优秀!