一对一源码,OpenGL ES 文字渲染
一对一源码,OpenGL ES 文字渲染实现的相关代码
基于 Canvas 绘制生成 Bitmap
在应用层实现文字渲染主要是利用 Canvas 将文本绘制成 Bitmap ,然后生成一张小图,然后在渲染的时候进行贴图。
在实际的生产环境中,一般会将这张小图转换成灰度图,减少不必要的数据拷贝和内存占用,然后在渲染的时候可以为灰度图上色,作为字体的颜色。
// 创建一个 bitmap Bitmap bitmap = Bitmap.createBitmap(width, hight, Bitmap.Config.ARGB_8888); // 初始化画布绘制的图像到 bitmap 上 Canvas canvas = new Canvas(bitmap); // 建立画笔 Paint paint = new Paint(); // 获取更清晰的图像采样,防抖动 paint.setDither(true); paint.setFilterBitmap(true); // 绘制文字到 bitmap canvas.drawText text, x, y,paint);
然后生成纹理,将 bitmap 上传到纹理。
int[] textureIds = new int[1]; //创建纹理 GLES20.glGenTextures(1, textureIds, 0); mTexId = textureIds[0]; //绑定纹理 GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, mTexId); GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_S, GLES20.GL_REPEAT); GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_T, GLES20.GL_REPEAT); GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MIN_FILTER, GLES20.GL_LINEAR); GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MAG_FILTER, GLES20.GL_LINEAR); ByteBuffer bitmapBuffer = ByteBuffer.allocate(bitmap.getHeight() * bitmap.getWidth() * 4);//RGBA bitmap.copyPixelsToBuffer(bitmapBuffer); bitmapBuffer.flip(); //设置内存大小绑定内存地址 GLES20.glTexImage2D(GLES20.GL_TEXTURE_2D, 0, GLES20.GL_RGBA, mWatermarkBitmap.getWidth(), mWatermarkBitmap.getHeight(), 0, GLES20.GL_RGBA, GLES20.GL_UNSIGNED_BYTE, bitmapBuffer); //解绑纹理 GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, 0);
最后将带有文字的纹理映射到对应的位置(纹理贴图)。
FreeType
FreeType 是一个基于 C 语言实现的用于文字渲染的开源库,它小巧、高效、高度可定制,主要用于加载字体并将其渲染到位图,支持多种字体的相关操作。
FreeType 也是一个非常受欢迎的跨平台字体库,支持 Android、 iOS、 Linux 等操作系统。TrueType 字体不采用像素或其他不可缩放的方式来定义,而是一些通过数学公式(曲线的组合)。这些字形,类似于矢量图像,可以根据你需要的字体大小来生成像素图像。
以上就是一对一源码,OpenGL ES 文字渲染实现的相关代码, 更多内容欢迎关注之后的文章