在 OpenGL 中使用 RGB 纹理作为 alpha values/Subpixel 字体渲染

Use RGB texture as alpha values/Subpixel font rendering in OpenGL

目前我在子像素模式下使用 FreeType,并将每个像素的最大颜色作为 alpha 值,使用以下片段着色器:

    uniform sampler2D Image;
    uniform vec4 Color;

    smooth in vec2 vVaryingTexCoord;

    out vec4 vFragColor;

    void main(void){
        vec4 color = texture(Image, vVaryingTexCoord);
        vFragColor = color * Color;
    }

这适用于深色背景,但在较亮的背景上会显示边框像素(例如,当文本像素为 (1,0,0) 时)。为了让它在更亮的背景下工作,我需要传递背景颜色并自己进行混合,一旦我移动到更复杂的背景,它就会开始崩溃。

有没有办法使用 FreeType 的 RGB 值作为纯色的 alpha 值(传递给着色器)?这个公式基本上,其中 b = 背景像素,t = 当前文本像素,c = 静态颜色:

b*((1,1,1) - t) + t*c.rgb*c.a

我认为先绘制其他所有内容并将该帧缓冲区传递给字体着色器会起作用,但这似乎有点矫枉过正。有没有办法在 OpenGL 混合阶段做到这一点?我试着玩弄 glBlendFunc 等,但没有得到任何结果。

有可能使用 Dual Source Blending, available since OpenGL 3.3. This 规范草案甚至提到亚像素渲染作为用例。使其工作所需的一切:

glBlendFunc(GL_SRC1_COLOR, GL_ONE_MINUS_SRC1_COLOR);

(别忘了启用 GL_BLEND,我经常遇到 :D)

在片段着色器中指定双重输出:(如果需要,您可以按名称绑定,参见规范)

layout(location = 0, index = 0) out vec4 color;
layout(location = 0, index = 1) out vec4 colorMask;

主要内容:

color = StaticColor;
colorMask = StaticColor.a*texel;

其中StaticColor是全局文本颜色统一,texel是字形的当前像素值。