使用翻转的正交渲染FreeType文本，字形的顶部和基线之间的差异

Question

我正在开发一个项目，在这个项目中我实现一个FreeType渲染对象来绘制文本，其中渲染环境是用正交投影矩阵指定的：

glm::ortho(0, Width, Height, 0);

这确保坐标类似于标准GUI系统，(0,0)是窗口的左上角而不是左下角。

然而，当使用FreeType进行渲染时，事情变得困难，因为FreeType的操作原点位于字形的左下角（减去下降部分）。我的问题类似于https://stackoverflow.com/questions/25353472/render-freetype-gl-text-with-flipped-projection，但尚未提供答案，他的解决方案不符合我的意愿（使用的库也略有不同，我假设他正在使用包装器）。

所以我按如下方式呈现我的文字：

renderText("Testing 123 if text performs sufficiently", 0.0f, 0.0f, 1.0f, 1.0f);

其中renderText函数包含：

renderText(const GLchar *text, GLfloat x, GLfloat y, GLfloat sx, GLfloat sy)
{
    [...]
    GLfloat xpos = x + glyph->bitmap_left * sx; 
    GLfloat ypos = y - glyph->bitmap_top * sy; 
    GLfloat w = glyph->bitmap.width * sx;
    GLfloat h = glyph->bitmap.rows * sy;
    // Update VBO
    GLfloat vertices[4][4] = {
        { xpos,     ypos,       0, 0 },
        { xpos + w, ypos,       1, 0 },
        { xpos,     ypos + h,   0, 1 },
        { xpos + w, ypos + h,   1, 1 }
    };
    [...]
}

如果我像这样渲染它，它会将文本渲染到0的y坐标下面，这样除非我在y坐标上添加偏移量，否则它将不可见。所以看一下FreeType的字形指标：

我想将y位置偏移正值，该正值等于字形图像的原点和顶部之间的差值，因此它总是将文本整齐地呈现在我给定的位置。看图像我认为这是yMax值，所以我在更新VBO之前在代码中添加了以下语句：

ypos += (glyph->face->bbox.yMax >> 6) * sy; 

当我加载字体大小为24的FreeType字形时，似乎解决了这个问题，但是当我尝试使用不同的字体大小时，它无法正常工作，如下图所示：

正如你所看到的，它显然没有像我想象的那样起作用。如果我遗漏了某些东西，我一直在搜索FreeType的文档，但我找不到它。我使用了错误的指标（使用Ascender也不起作用）？

Answer 1

  

我想将y位置偏移正值，该正值等于字形图像的原点和顶部之间的差值，因此它总是将文本整齐地呈现在我给定的位置。查看图像我认为这是yMax值，所以我在更新VBO之前将以下语句添加到代码中：

    ypos += (glyph->face->bbox.yMax >> 6) * sy;

---

实际上，yMax并不是您感兴趣的内容。您可以使用yMax - yMin来查找字形的高度，但这确实是一件好事。

从FreeType 2 API文档中，FT_GlyphSlotRec::bitmap_top是：

  

位图的顶部方位以整数像素表示。请记住，这是从基线到最顶部字形扫描线的距离，向上y坐标为正。

再次查看问卷中包含的图片，即bearingY。您的问题是，当您不应该从ypos中减去此值时。你确实需要这个值，我将在下面解释，但你绝对不想减去它。

如果从计算bitmap_top中删除ypos，则会得到以下内容：

这显然是不正确的，因为它忽略了字符串中每个字符之间的上升差异。

现在，仔细查看以下正确对齐的图表：

在上图中，我已经说明了你的字符串最顶部的红线，最底部的绿色和所有字形的基线都是灰色的。

正如您所看到的，大写字母'T'具有最大的上升，这种概括适用于大多数字体。在红线的正下方，我已经说明了大写'T'和当前字母之间的上升差异作为黄色区域。这是您必须计算以正确对齐字符串的重要数量。

上面正确对齐的图中的黄色区域可以这样计算：

    Chars['T'].bitmap_top - glyph->bitmap_top

如果您不再从glyph->bitmap_top中减去ypos并添加上述值，则应获得与正确对齐的图表相同的结果。

---

对于奖励积分，如果您想将文字与屏幕的 底部 对齐，概念非常相似，只有您对角色之间的差异感兴趣最大下降（通常是小写'g'）和当前角色。这是灰色基线和绿线之间的距离，可以在您的字形指标图中表示为height - bearingY。

您应该能够使用以下方法计算下降：

(glyph->metrics.height >> 6) - glyph->bitmap_top // bitmap_top is in integer coords