Qt OpenGL渲染文字

看本文章的人我相信都不需要我介绍Qt和OpenGL了。文字的绘制一直都是3D开发的一个难题,本文将介绍一种非常简单,效率也还可以的方法来渲染文字到OpenGL。

先讲原理,Qt的QPainter拥有将内容绘制到QImage设备的能力,也就是直接会知道文字,因此,可以通过QPainter的drawText方法将文本绘制到一张Image,再创建成纹理,渲染到OpenGL目标中。

先给一个效果图:


从文字创建纹理的方法如下:

QOpenGLTexture *GLWindow::genTexture(int width, int height, const QString &text, int textPixelSize, const QColor &textColor)
{
    QOpenGLTexture *texture = new QOpenGLTexture(QOpenGLTexture::Target2D);

    QImage img(width, height, QImage::Format_ARGB32_Premultiplied);//img是图片,模式为QImage::Format_ARGB32_Premultiplied是因为按官方的说法,这个模式快。
    img.fill(QColor(0, 0, 0, 0));	//填充为透明

    QPainter painter;

    QFont font;
    painter.begin(&img);
    font.setPixelSize(textPixelSize);
    painter.setFont(font);
    QPen pen;
    pen.setColor(textColor);
    painter.setPen(pen);
    QTextOption option(Qt::AlignLeft | Qt::AlignTop);//这里使文字绘制时自动换行
    option.setWrapMode(QTextOption::WordWrap);
    QRectF rect(0, 0, width, height);
    painter.drawText(rect, text, option);//绘制到图片
    painter.end();

//创建为纹理。	
    texture->setData(img);
    //    texture->setMipLevelRange(0, mipLevelMax);//off mipmap 没必要,开了影响效果
    texture->setMinificationFilter(QOpenGLTexture::Linear);//线性滤波方式,文字看上去柔和
    texture->setMagnificationFilter(QOpenGLTexture::Linear);
    texture->setWrapMode(QOpenGLTexture::Repeat);

    return texture;
}

最终将纹理绑定到渲染目标即可。


demo尝试了一个60fps的渲染,且每一帧都会重新创建一个纹理,效率上还是可以的。

完整demo地址:https://github.com/giarld/MyQtDemo/tree/master/opengl_new/textTexture


源代码及文章所有权归作者所有,转载请注明出处。

展开阅读全文

没有更多推荐了,返回首页