首页 技术 正文
技术 2022年11月8日
0 收藏 637 点赞 1,799 浏览 4073 个字

最新版本,之前的版本有些文件没有打包

视频教程请关注 http://edu.csdn.net/lecturer/lecturer_detail?lecturer_id=440

OpenGL11-绘制汉字最高效方法(使用Freetype)(代码已更新)

OpenGL本身并没有绘制文字的功能,他只是一个三维绘图的API集和,很多东西都要

自己动手才可以实现。OpenGL绘制文字,网络上已经有很多成熟的方式方法,我这里给

大家介绍的是我使用的方式,从绘制的效率上来说,速度上从已经达到我个人水平的最大值。

如果你有更好的方式,请联系我。

  首先介绍下网络上的一些绘制方式。

  一、将要绘制的文字按照每一个字生成一个小纹理的方式,然后再用将纹理贴到网格

的表面,绘制出来,例如:“博客园-你好”,则会生成6个小纹理,然后生成网格,将纹理

贴到网格的表面。优点:每一个字的大小颜色都可选择。缺点:文字多了以后,频繁的切换

纹理造成效率低下。OSG中使用了这种方式,效率极差,尤其是在文字更新的情况下。

  二、直接将随绘制的文本字符串生成一个纹理数据(而不是一个文字一个纹理),这样

做效率上比第一种要好很多,缺点就是更新的时候要重新构建一个新的纹理。速度上有很大

损失。两种方式的原理图如下:

OpenGL11-绘制汉字最高效方法(使用Freetype)(代码已更新)

  三、将所绘制的文字都放到一个较大的纹理上去,然后再纹理上做索引,当绘制的时候,

去查表。在将纹理贴到网格上绘制出来,这种方式,速度很快,很多游戏引擎都在使用这种

方式,存在的问题绘制的文字多了以后速度会变慢,占用大量的cpu时间,当然对于小的应

用已经足够了,今天我提出的方式也是基于这样方式的,只是我在索引上最了一些改进,改

进之后的算法,将不再进行查表操作,而是直接索引,一定程度上降低了cpu消耗,提搞了

效率。纹理图片如下示意图:

  OpenGL11-绘制汉字最高效方法(使用Freetype)(代码已更新)

图片存的数据上也很重要,结合OpenGL,采用GL_ALPHA的上存储,这样可以大大

降低图片所占用的显存空间,从而提高效率。

下面定义一个文字所存储的信息,如下所示:

class   Character
{
public:
Character()
{
x0 = ;
y0 = ;
x1 = ;
y1 = ;
}
/**
* 存储当前字符在纹理上的坐标位置
*/
unsigned short x0;
unsigned short y0;
unsigned short x1;
unsigned short y1;
};

为了快速索引,减少查找的过程,我么要结合字体本上来做一些处理,我们知道一个汉字要占用2个字节

两个字节所能表示的范围是0-65535,就是6万多个汉字,那么我们就声明一个这么大的数组来存储字符的

信息:

代码如下:

Character   g_charMap[<<];

当我们要绘制一个文字的时候,可以直接通过下标就可以直接定位到该字对应的信息了,例如我们绘制’中’

就可以直接获取其在图片上的内容了:

Character   getCharacter(wchar_t ch)
{
return g_charMap[ch];
}

然后这样也存在一个问题,即一张多大的纹理才可以容纳这么多的字符呢?如果是一般的应用,我们可以忽略

这个问题,中国常用的汉字只有3000多个,假设是一个汉字占16*16的空间,那么一个1024*1024的纹理

所能容纳的字符有 1024/16 * 1024/16 = 4096个,足够满足正常的需要,如果你是想做一个通用的,没有

瑕疵的应用,我们就要修改我们的设计方式,我能一切从速度优先的方式考虑,我们在上面的Character类中

增加一个字段描述字符所在的纹理句柄,如下:

class   Character
{
public:
Character()
{
x0 = ;
y0 = ;
x1 = ;
y1 = ;
texId = ;
}
unsigned short x0;
unsigned short y0;
unsigned short x1;
unsigned short y1;
//! 索引纹理,即当前字符所在的纹理
unsigned texId;
};

这样,就可以拜托之前的限制,实现大规模的绘制文字了。

说完了方案,我们还有说下实现方式,说道文字绘制,不得不提的就是FreeType字体库了

几乎所有的三维绘制文字的方式,都采用这个库。下面以代码的方式来介绍他,我们这里

只用到其中很少的一部分(FreeType)相关内容这里不做介绍,有兴趣的同学可以自行了解。

第一步:初始化字体库

FT_Init_FreeType( &_library );

第二步:加载字体

FT_New_Face(_library,_fontFace,,&_face);

第三步:设置字体大小

FT_Set_Char_Size( _face, fontSize << , fontSize << , , );

第四步:获取字体的信息

FT_Load_Glyph( face, FT_Get_Char_Index( face, code ), FT_LOAD_DEFAULT );    FT_Glyph glyph;
FT_Get_Glyph( face->glyph, &glyph ); //Convert the glyph to a bitmap.
FT_Glyph_To_Bitmap( &glyph, ft_render_mode_normal, , );
FT_BitmapGlyph bitmap_glyph = (FT_BitmapGlyph)glyph; //This reference will make accessing the bitmap easier
FT_Bitmap& bitmap = bitmap_glyph->bitmap;

第五步:将bmp数据写到纹理上

glTexSubImage2D(GL_TEXTURE_2D,,x,y,width,height,GL_ALPHA,GL_UNSIGNED_BYTE,data);

第六步:生成网格,贴上纹理绘制文字

RESULT  IGraphyDeviceImpl::draw2DText(const wchar_t* text,float x,float y,const Rgba4Byte& color,RectF* pOut)
{ typedef float TextVertex[];
TextVertex vert[ * ]; float texWidth = (float)_fontDefault._textures._width;
float texHeight = (float)_fontDefault._textures._height;
float xStart = x;
float yStart = y;
float zStart = ;
unsigned index = ;
unsigned nSize = wcslen(text);
float fHeight = ; for (unsigned i = ;i < nSize; ++ i )
{
Character* ch = _fontDefault.getCharacter(text[i]); int h = ch->y1 - ch->y0;
int w = ch->x1 - ch->x0;
/**
* 第一个点
*/
vert[index + ][] = xStart;
vert[index + ][] = yStart;
vert[index + ][] = zStart;
vert[index + ][] = ch->x0/texWidth;
vert[index + ][] = ch->y0/texHeight;
/**
* 第二个点
*/
vert[index + ][] = xStart;
vert[index + ][] = yStart + h;
vert[index + ][] = zStart;
vert[index + ][] = ch->x0/texWidth;
vert[index + ][] = ch->y1/texHeight;
/**
* 第二个点
*/
vert[index + ][] = xStart + w;
vert[index + ][] = yStart + h;
vert[index + ][] = zStart;
vert[index + ][] = ch->x1/texWidth;
vert[index + ][] = ch->y1/texHeight; /**
* 第二个三角形
*/
vert[index + ][] = xStart;
vert[index + ][] = yStart;
vert[index + ][] = zStart;
vert[index + ][] = ch->x0/texWidth;
vert[index + ][] = ch->y0/texHeight; /**
* 第二个点
*/
vert[index + ][] = xStart + w;
vert[index + ][] = yStart + h;
vert[index + ][] = zStart;
vert[index + ][] = ch->x1/texWidth;
vert[index + ][] = ch->y1/texHeight; /**
* 第二个点
*/
vert[index + ][] = xStart + w;
vert[index + ][] = yStart;
vert[index + ][] = zStart;
vert[index + ][] = ch->x1/texWidth;
vert[index + ][] = ch->y0/texHeight; index += ;
xStart += w;
}
glColor4ub(color._r,color._g,color._b,color._a);
/**
* 对字体使用到的纹理和定点坐标进行排序
*/
bindTexture2D(_fontDefault._textures._texture); CELL::Graphy::VertexDeclaration fontDesc[] =
{
, CELL::Graphy::TYPE_VERTEX, CELL::Graphy::FORMAT_FLOAT, , , sizeof(TextVertex),
, CELL::Graphy::TYPE_TEXCOORD0,CELL::Graphy::FORMAT_FLOAT, , , sizeof(TextVertex)
}; drawPrimitiveDirect(fontDesc,,PT_TRIANGLELIST,vert,,index);

上面简单的介绍了如何使用FreeType与OpenGL绘制文字,笔者能力所致,说解不到之处,有误之处,敬请谅解,指教。

代码下载

 

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,036
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,522
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,370
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,151
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,784
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,866