jjf19891208的专栏

字符转位图，照着FreeType的文档很容易就实现了，其中关于字符水平对齐稍微花了点时间，后结合文档以及观察打印的数据，确定 bitmap_left 就是 bearingX，bitmap_top 是 bearingY，这样很容易把水平方向的字符按照 baseline 对齐。

官方文档的讲解很详细。

绘制图片需要设置顶点坐标和纹理坐标并加载像素数据，之所以要指定两组坐标是因为纹理和顶点使用不同的坐标系，就是告诉OpenGL：把图像的某一区域绘制到屏幕的某一区域，3个点能确定一个三角形区域，我们把一张图分成4个三角形，分别是中心点和每条边点两个顶点组成的三角形，如下图，它图能够帮助你理解后面代码 GLImage.m 中的两组顶点为什么是那样子设置的。，主要也是参考的Android官方文档，好在iOS都有对应的函数，就没再仔细看iOS官方文档了。顶点着色器代码 vertexShader.glsl。

因为项目中的一个自定义绘图控件性能不行，改用OpenGL实现，也是第一次使用OpenGL，由于只是绘制2D图形，参考官方以及网上的教程，实现起来还是比较顺畅的，开发时只用了两个手机测试，运行良好，性能达标，结果换其他手机测试，闪退！还有个小插曲，就是画点的时候有些手机设置 glLineWidth 可以调整点的大小，有些手机不行，以至于本人以为这些手机画不出点来，这种情况得在着色器代码中使用专用的 gl_PointSize 来调整点的大小。

先上，代码效果如下图，屏幕上半部份是Java绘制的，下半部份是C++绘制的。