利用QOpenGLWidget glDrawArrays()实现纹理贴图

33 篇文章 4 订阅
28 篇文章 3 订阅

Qt提供了两种可以使用opengl渲染的qwidget派生类,一是QGLWidget,二是QOpenGLWidget。但是前者逐渐不被采用。此外,opengl也逐渐放弃旧的 glBegin() - glEnd()模式,而是采用glDrawArrays()。本篇博文演示利用QOpenGLWidget和glDrawArrays结合,实现纹理贴图。

头文件:

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QOpenGLWidget>
#include <QOpenGLFunctions>


class GLWidget : public QOpenGLWidget, protected QOpenGLFunctions
{
    Q_OBJECT

public:
    GLWidget(QWidget *parent = 0);
    ~GLWidget();

	GLuint						m_id;
    unsigned char               m_arrData[1024];
	
	
protected:
    void initializeGL() Q_DECL_OVERRIDE;
    void paintGL() Q_DECL_OVERRIDE;
    void resizeGL(int width, int height) Q_DECL_OVERRIDE;
    void mouseDoubleClickEvent(QMouseEvent *event) Q_DECL_OVERRIDE;
    //void mouseMoveEvent(QMouseEvent *event) Q_DECL_OVERRIDE;
    //void mouseReleaseEvent(QMouseEvent *event) Q_DECL_OVERRIDE;
};

#endif // MAINWINDOW_H
cpp文件:

#include "glwidget.h"
#include <QImage>
#include "math3d.h"

GLWidget::GLWidget(QWidget *parent)
    : QOpenGLWidget(parent)
{
    int iVal = 0;

    for(int iIndex = 0;iIndex < 4; iIndex++)
    {
            if(0 == iVal)
            {
                iVal = 255;
            }
            else
            {
                iVal = 0;
            }

            memset(m_arrData + 32 * 8 * iIndex, iVal, 32 * 8);
    }
}

GLWidget::~GLWidget()
{
	glDeleteTextures(1, &m_id);
}

void GLWidget::initializeGL()
{
    initializeOpenGLFunctions();//这句必须有,否则程序会崩溃
	glGenTextures(1, &m_id);
	glBindTexture(GL_TEXTURE_2D, m_id);
    //这下面的两句是必要的,否则在绘制区的像素数和纹理的像素数不等时,图案不能正常显示
    glTexParameteri (GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
    glTexParameteri (GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);

    glTexImage2D(GL_TEXTURE_2D, 0, GL_LUMINANCE, 32, 32, 0, GL_LUMINANCE,//GL_INTENSITY,
                 GL_UNSIGNED_BYTE, m_arrData);
}

void GLWidget::paintGL()
{
	M3DVector2f	arrVetex[4] = {{0.0,0.0}, {100.0, 0.0}, {100.0, 100.0}, {0.0, 100.0}};//M3DVector2f是math3d.h定义的类型
	
	float arrTex[8] = {0.0,0.0,1.0, 0.0,1.0, 1.0, 0.0, 1.0};
	

	glBindTexture(GL_TEXTURE_2D, m_id);
    glEnable(GL_TEXTURE_2D);
	glEnableClientState(GL_VERTEX_ARRAY);
	glEnableClientState(GL_TEXTURE_COORD_ARRAY);
	glTexCoordPointer(2, GL_FLOAT, 0, arrTex);
	glVertexPointer(2, GL_FLOAT, 0, &arrVetex[0]);
    glDrawArrays(GL_TRIANGLE_FAN, 0, 4);
	glDisableClientState(GL_VERTEX_ARRAY);
	glDisableClientState(GL_TEXTURE_COORD_ARRAY);
	glBindTexture(GL_TEXTURE_2D, 0);
    glDisable(GL_TEXTURE_2D);
}

void GLWidget::resizeGL(int width, int height)
{
    glViewport(0,0,width,height);
    glMatrixMode(GL_PROJECTION);
    glLoadIdentity();
    glOrtho(0.0, 100.0, 0.0, 100.0, -1.0, 1.0);
    glMatrixMode(GL_MODELVIEW);
}

void GLWidget::mouseDoubleClickEvent(QMouseEvent *event)
{
	//m_iTick++;
	update();
}



结果:



在QOpenGLWidget上添加纹理涉及到几个步骤,包括加载纹理数据、设置纹理单元以及在渲染时应用它。这里是一个简单的步骤示例: 1. **加载纹理**: 使用`QImage`或`QPixmap`加载图片文件,你可以通过`QImageReader`或直接从文件读取来获取图像数据。 ```cpp QImage image("path_to_your_texture.png"); QByteArray textureData = image.save("image_data", "PNG"); // 保存为字节流 ``` 2. **创建纹理对象**: 需要在OpenGL上下文中创建一个纹理ID,可以使用`glGenTextures()`函数。 ```cpp GLuint textureID; glGenTextures(1, &textureID); ``` 3. **绑定纹理**: 在将纹理应用到渲染之前,需要先将其绑定到当前使用的纹理单元,通常使用纹理单元0。 ```cpp glBindTexture(GL_TEXTURE_2D, textureID); ``` 4. **设置纹理参数**: 调整纹理的行为,如过滤模式(`GL_NEAREST`或`GL_LINEAR`)、重复模式(`GL_REPEAT`等)。 ```cpp glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR); glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR); glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE); glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE); ``` 5. **上传纹理数据**: 将加载的字节流上传到OpenGL,这通常在`initializeGL`函数中完成,因为这是在OpenGL上下文可用的时候。 ```cpp glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, image.width(), image.height(), 0, GL_RGBA, GL_UNSIGNED_BYTE, textureData.data()); ``` 6. **在渲染时应用纹理**: 当你绘制有纹理的几何体时,例如一个矩形或模型表面,使用`glBindTexture()`和`glTexEnvf()`函数指定你要使用的纹理。 ```cpp glDrawArrays(GL_TRIANGLES, ...); // 假设你有一个三角形数组 ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值