使用 SDL2 和 OpenGL 使用 SDL TTF 显示文本答案

【问题标题】：Displaying text with SDL TTF with SDL2 and OpenGL使用 SDL2 和 OpenGL 使用 SDL TTF 显示文本
【发布时间】：2019-10-12 10:33:46
【问题描述】：

我正在尝试使用 SDL2 TTF 和 OpenGL 显示文本。窗口中出现了一个奇怪的纹理，它的大小和位置都正确，但是您看不到任何字母。

我尝试过使用 SDL_CreateRGBSurface()，认为它可能是一种更清洁的像素恢复方式，但它也不起作用。我的表面永远不会为 NULL，并且总是通过验证测试。

我在 while() 循环之前使用 get_front() 函数，并在其中使用 displayMoney() 函数，就在使用 glClear(GL_COLOR_BUFFER_BIT) 之后。

SDL、TTF 和 OpenGL 已正确初始化，并且我已创建 OpenGL 上下文。这是有问题的代码：

SDL_Surface* get_font()
{
    TTF_Font *font;
    font = TTF_OpenFont("lib/ariali.ttf", 35);
    if (!font) cout << "problem loading font" << endl;
    SDL_Color white = {150,200,200};
    SDL_Color black = {0,100,0};
    SDL_Surface* text = TTF_RenderText_Shaded(font, "MO", white, black);
    if (!text) cout << "text not loaded" << endl;

    return text;
}

void displayMoney(SDL_Surface* surface)
{
    glEnable( GL_BLEND );
    glBlendFunc( GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA );
    glEnable(GL_TEXTURE_2D);
    GLuint TextureID = 0;
    glGenTextures(1, &TextureID);
    glBindTexture(GL_TEXTURE_2D, TextureID);
        int Mode = GL_RGB;
        if(surface->format->BytesPerPixel == 4) {
            Mode = GL_RGBA;
        }

        glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
        glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
        glTexImage2D(GL_TEXTURE_2D, 0, Mode, 128, 64, 0, Mode, GL_UNSIGNED_BYTE, surface->pixels);

        glPushMatrix();
            glTranslated(100,100,0);
            glScalef(100,100,0);
            glBegin(GL_QUADS);
                glTexCoord2f(0, 1); glVertex2f(-0.5f, -0.5f);  
                glTexCoord2f(1, 1); glVertex2f(0.5f, -0.5f); 
                glTexCoord2f(1, 0); glVertex2f(0.5f, 0.5f); 
                glTexCoord2f(0, 0); glVertex2f(-0.5f, 0.5f);  
            glEnd();
        glPopMatrix();
    glBindTexture(GL_TEXTURE_2D, 0); 
}


#include <SDL2/SDL.h>
#include <stdlib.h>
#include <stdio.h>
#include <iostream>
using namespace std;
#include <GL/gl.h>
#include <GL/glu.h>
#include <stb_image/stb_image.h>
#include <SDL2_ttf/SDL_ttf.h>
#include "init.h"


int main(int argc, char **argv) {

    SDL_Window* window = init();
    if (window == nullptr) {
        cout << "Error window init" << endl;
    }

    if (TTF_Init() < 0) {
        cout << "Error TTF init" << endl;
    }

    SDL_Surface* text = get_font(); 

    while (loop) {

        glClear(GL_COLOR_BUFFER_BIT);

        displayMoney(text);

...

       SDL_GL_SwapWindow(window);

没有任何错误消息。此外，我没有使用我的表面，而是使用 stbi_load 函数用图像测试了我的代码，它运行得非常好。因此，问题似乎与 SDL 部分有关。

编辑：我最近发现我从文本中获得的表面具有以下属性：Rmask=Gmask=Bmask=Amask = 0。这显然是一个问题，但我没有想知道如何解决它...

【问题讨论】：

渲染完成后在哪里进行交换链交换？此代码似乎泄漏了生成的纹理。大约 8 年前，glBegin / glEnd 的东西也被弃用了
对不起，我忘了提到我在 while 循环中使用了 SDL_GL_SwapWindow(window)。我不确定你所说的泄漏纹理是什么意思，我是 OpenGL 的初学者，所以我不知道。我确实尝试将 get_font() 代码放在 while 循环之前，并将 displaymoney() 代码放在里面。我确实在循环后释放了表面。结果一样...

标签： c++ opengl sdl-2 sdl-ttf

【解决方案1】：

如https://www.libsdl.org/projects/SDL_ttf/docs/SDL_ttf.html#SEC42 的 SDL_ttf 文档中所述，

阴影： 创建一个 8 位调色板表面，并使用给定的字体和颜色以高质量渲染给定的文本。 0像素值为背景，而其他像素与背景颜色有不同程度的前景色。

因此，您生成的表面使用 8 位调色板进行索引，而不是 RGBA（也由表面格式中缺少的颜色掩码指示，正如您所指出的）。具有 Alpha 通道的 RGBA 表面由例如TTF_RenderText_Blended，或者使用不同的纹理格式，或者进行格式转换。您需要将表面宽度/高度传递给 glTexImage2D 而不是 128/64 常量，因为表面尺寸可能会有所不同。

问题代码中还有几个资源泄漏：在每次绘制时创建新纹理并且从不删除它（如果文本没有更改，这也是不必要的），并且从不使用 TTF_CloseFont 关闭字体。

【讨论】：