Android JNI利用opengl渲染文字 (三)

这篇文章需要渲染一个文字渲染出来。文章的来源参考https://learnopengl-cn.github.io/06%20In%20Practice/02%20Text%20Rendering/

opengl渲染文字的原理

freetype的作用是把字体文件从一个文件变成一个点阵图，并且会计算出文字的大小。对于opengl，只需要把这个点阵图转换成texture传入显卡中，当渲染的时候，把点阵图加上颜色即可。

渲染文字的shader

这里，创建shader，创建program等等操作就不再赘述了，可以直接参考代码。下面分析一下vertex shader和fragment shader。vertex shader比较简单，aPosition表示的是需要绘制的大小，aTextCoord表示纹理的坐标，这里需要翻转一下，并传给vertex shader，vertex shader从texture中读取alpha通道，然后与一个颜色混合，这里的颜色的红色。

#define GET_STR(x) #x
static const char *textVertexShader = GET_STR(
        attribute vec4 aPosition;
        attribute
        vec2 aTextCoord;//输入的纹理坐标，会在程序指定将数据输入到该字段
        varying
        vec2 vTextCoord;
        void main() {
            vTextCoord =  vec2( aTextCoord.x, 1.0-aTextCoord.y);;
            gl_Position = aPosition;
        }
);
static const char *textFragmentShader = GET_STR(
        varying
        vec2 vTextCoord;
        uniform
        sampler2D yTexture;
        void main() {
            vec4 sampled = vec4(1.0, 1.0, 1.0, texture2D(yTexture, vTextCoord).a);
            gl_FragColor =  vec4(1.0,0.0,0.0,1.0)*sampled;
        }
);

加载字母，生成Texture

首先一定要设置一下字体大小，然后从字符串的第一个读取字母对应的字体图像，创建texture要注意，类型一定要选GL_ALPHA（原教程中GL_RED总是出问题，很奇怪），下面的参数就是常规操作，不用在意，这么写就行了。

    FT_Set_Pixel_Sizes(g_face, 0, 48);
    char * chinese_str = "aaa";
    FT_Load_Char(g_face, chinese_str[0], FT_LOAD_RENDER);

    glTexImage2D(
        GL_TEXTURE_2D,
        0,
        GL_ALPHA,
        g_face->glyph->bitmap.width,
        g_face->glyph->bitmap.rows,
        0,
        GL_ALPHA,
        GL_UNSIGNED_BYTE,
        g_face->glyph->bitmap.buffer
    );

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);

注意

这两行代码一定要加，不然就只能绘制一个红方块。

glEnable(GL_BLEND);
glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);

代码已经开源：
https://github.com/Niap/OpenglFreetypeDemo.git