OpenGL文字渲染

基本思路

  1. 通过FreeType库渲染单个文字的单通道纹理。
  2. 多个文字纹理打包在一个纹理集中。 结果像这样: texture

纹理打包算法

  1. 插入新字符到纹理
  • 1.1 判断纹理是否存在,如果存在则返回。
  • 1.2 在最后一个纹理缓冲区的可用矩形区域逐个调用方法2,直到插入成功。
  • 1.3 如果没有插入成功则新建纹理缓冲区,将自己的区域加入到可用区域。调用方法1.2
  1. 在矩形区域插入字符
  • 2.1. 如果字符和矩形区域大小相同则写入纹理,返回成功。如果小于字符大小则返回空。
  • 2.2. 则将字符纹理写入到左上角。需要留一像素缓冲空白。
  • 2.3. 如果b>a则将剩余的矩形分成左右两部分,否则分为上下两部分。将这两部分加入可用区域。

image

可用区域列表可以按照生成的关系构建成二叉树结构,这样先序遍历的方式插入能保证新字符都尽量集中在右上角,减少空间碎片。

文字渲染过程

文本中的每个文字逐个渲染

  1. 获取字符对应的纹理所在的纹理集和纹理坐标等信息,如果不存在则使用上面的纹理打包算法新增。
  2. 绑定所在的纹理
  3. 设置shader颜色等。

字体描边

描边效果的字体需要单独存储字符纹理和加粗字符纹理。渲染时先绘制一层加粗字体,再居中对齐下绘制一次正常字体。

转载于:https://my.oschina.net/chunquedong/blog/839495

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值