Freetype 和 OpenGL 的问题

Question

嘿，我在使用 Freetype 2 库加载的 openGL 中绘制文本时遇到了一个奇怪的问题。这是我所看到的屏幕截图。

示例 http://img203.imageshack.us/img203/3316/freetypeweird.png

这是我用于加载和渲染文本的代码位。

class Font
{
    Font(const String& filename)
    {
       if (FT_New_Face(Font::ftLibrary, "arial.ttf", 0, &mFace)) {
          cout << "UH OH!" << endl;
       }

       FT_Set_Char_Size(mFace, 16 * 64, 16 * 64, 72, 72);
    }

    Glyph* GetGlyph(const unsigned char ch)
    {
       if(FT_Load_Char(mFace, ch, FT_LOAD_RENDER))
          cout << "OUCH" << endl;

       FT_Glyph glyph;

       if(FT_Get_Glyph( mFace->glyph, &glyph ))
          cout << "OUCH" << endl;

       FT_BitmapGlyph bitmap_glyph = (FT_BitmapGlyph)glyph;

       Glyph* thisGlyph = new Glyph;
       thisGlyph->buffer = bitmap_glyph->bitmap.buffer;
       thisGlyph->width = bitmap_glyph->bitmap.width;
       thisGlyph->height = bitmap_glyph->bitmap.rows;

       return thisGlyph;
    }
};

相关的字形信息（宽度、高度、缓冲区）存储在以下结构中

struct Glyph {
   GLubyte* buffer;
   Uint width;
   Uint height;
};

最后，为了渲染它，我有一个名为 RenderFont 的类。

class RenderFont 
{
   RenderFont(Font* font)
   {
      mTextureIds = new GLuint[128];

      mFirstDisplayListId=glGenLists(128);
      glGenTextures( 128, mTextureIds );

      for(unsigned char i=0;i<128;i++)
      {
         MakeDisplayList(font, i);
      }
   }

   void MakeDisplayList(Font* font, unsigned char ch)
   {
      Glyph* glyph = font->GetGlyph(ch);

      glBindTexture( GL_TEXTURE_2D, mTextureIds[ch]);
      glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MAG_FILTER,GL_LINEAR);
      glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_LINEAR);

      glTexImage2D(GL_TEXTURE_2D, 
                   0, 
                   GL_RGBA, 
                   glyph->width, 
                   glyph->height, 
                   0,
                   GL_ALPHA, 
                   GL_UNSIGNED_BYTE, 
                   glyph->buffer);

      glNewList(mFirstDisplayListId+ch,GL_COMPILE);
      glBindTexture(GL_TEXTURE_2D, mTextureIds[ch]);

      glBegin(GL_QUADS);
      glTexCoord2d(0,1); glVertex2f(0,glyph->height);
      glTexCoord2d(0,0); glVertex2f(0,0);
      glTexCoord2d(1,0); glVertex2f(glyph->width,0);
      glTexCoord2d(1,1); glVertex2f(glyph->width,glyph->height);
      glEnd();

      glTranslatef(16, 0, 0);

      glEndList();
   }

   void Draw(const String& text, Uint size, const TransformComponent* transform, const Color32* color)
   {
      glEnable(GL_TEXTURE_2D);
      glEnable(GL_BLEND);
      glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);

      glTranslatef(100, 250, 0.0f);

      glListBase(mFirstDisplayListId);

      glCallLists(text.length(), GL_UNSIGNED_BYTE, text.c_str());

      glDisable(GL_TEXTURE_2D);
      glDisable(GL_BLEND);

      glLoadIdentity();
   }

private:
   GLuint mFirstDisplayListId;
   GLuint* mTextureIds;
};

有人能看到这里发生了什么奇怪的事情会导致乱码吗？这很奇怪，因为如果我更改字体大小或 DPI，那么一些正确显示的字母会变成乱码，而其他之前乱码的字母会正确显示。

Answer 1

我对 FreeType 不熟悉，但从图片来看，字符的宽度与缓冲区的大小没有直接关系（即 glyph->buffer 不指向 glyph->buffer 的数组）宽度*字形->高度字节）。

作为猜测，我想说所有字符在内存中都有一个宽度（而不是它们在屏幕上使用的大小），可能是字形所有宽度中最大的，但是您使用每个字符加载它们宽度而不是正确的宽度。因此，只有使用全宽度的字形才是正确的。

Answer 2

使用：

glPixelStorei(GL_PACK_ALIGNMENT, 1);
glPixelStorei(GL_UNPACK_ALIGNMENT, 1);

这也让我很恼火，但是你需要告诉 OpenGL 使用你给它的间距，而不是它期望的正常 32 位边界。图像的间距会发生变化，但在纹理创建之前如果没有这些调用，OpenGL 就不知道使用较小的打包对齐方式。

我这样做：

// Convert the glyph to a bitmap.
FT_Glyph_To_Bitmap(&glyph, FT_RENDER_MODE_NORMAL, NULL, true);
FT_BitmapGlyph bitmap_glyph = (FT_BitmapGlyph)glyph;

// This reference will make accessing the bitmap easier
FT_Bitmap& bitmap = bitmap_glyph->bitmap;

int _Left = abs(bitmap_glyph->left);
int _Top = abs(bitmap_glyph->top);
int _Height = abs(bitmap.rows);
int _Width = _Left+abs(bitmap.width);

// If it's not a glyph or spacing, go to the next one
if ((_Width == 0 || _Height == 0) && !isspace(i))
    return;

advances[i] = max(_Width, face->glyph->advance.x >> 6);

vector<unsigned char> Data(_Height*_Width*2, 0);
for (int32 h=0; h < abs(bitmap.rows); ++h)
    for (int32 w=0; w < abs(bitmap.width); ++w)
    {
        int32 luminance = bitmap.buffer[h*bitmap.pitch + w];
        Data[(h*_Width + w + _Left)*2 + 0] = 255;
        Data[(h*_Width + w + _Left)*2 + 1] = luminance;
    }

我可能可以将 255（白色）移动到字符串初始化函数中，然后只需使用 FreeType 中的值作为我的 alpha 值，但这种方式似乎更具描述性，而且速度并不快我的使用中的一个问题。

地址和数据[0] 现在包含 GL_LUMINANCE_ALPHA 外部 格式，类型为 GL_UNSIGNED_CHAR ，大小为 _Width*_Height。这应该会让任何从事这些工作的人的生活变得更轻松。

Answer 3

您确定FT_Glyph实际上是位图字形吗？确保使用 FT_Glyph_To_Bitmap

或者，由于您似乎不需要随后存储 FT_Glyph，您可以这样做：

int error = FT_Load_Char(face, ch, FT_LOAD_RENDER);
if(error)
   return error;

FT_GlyphSlot slot = face->glyph;
FT_Bitmap bitmap = slot->bitmap;

// do stuff with this FT_Bitmap

请参阅 此处获取有关 FT_Bitmap 的文档。请注意，下次调用FT_Load_Char时，bitmap中的数据将不再有效。

您还存在许多内存管理问题。

1. 您使用new Glyph来分配您的字形，但永远不要调用delete。由于您只需要临时创建一个字形来生成纹理和显示列表，因此您应该使用 std::auto_ptr。

2. 您从未调用FT_Glyph_Done，因此您分配的所有FT_Glyph永远不会释放。

Answer 4

“16”应该是以磅为单位的字体大小。因此，在翻译时，您应该使用 glyph->width 而不是“16”。此外，某些字母可能需要字距调整以获得最佳外观的文本。例如，在不使用字距调整的情况下，“AV”可能看起来像“AV”。