8-5 用OpenGL绘图（Graphics with OpenGL）

最新推荐文章于 2024-11-09 13:36:52 发布
最新推荐文章于 2024-11-09 13:36:52 发布
阅读量1w 收藏 8
点赞数 1
分类专栏： C++ GUI Programming with Qt 4 文章标签： qt buffer iostream application object system
  
8-5 用OpenGL绘图（Graphics with OpenGL）
OpenGL是绘制2D和3D模型的标准API。在OpenGL基础上，Qt可以使用QtOpenGL模块绘制3D图形。本节假设您已经熟悉OpenGL。如果对OpenGL不了解，可以浏览 http://www.opengl.org/。
在Qt应用程序中使用OpenGL绘图非常简单：我们需要从QGLWidget继承自己的控件类，实现一些虚函数，连接到QtOpenGL和OpenGL库。因为QGLWidget从QWidget继承，我们以前学习的控件内容仍然适用。主要区别是我们使用OpenGL函数绘图而不是使用QPainter。
为了说明OpenGL的工作法方式，我们查看图8.17所示的四面体程序。这个程序显示了一个3D的四面体，每一个面都由不同的颜色显示。用户可以通过鼠标点击或者托拽进行旋转。双击一个面，会弹出QColorDialog，选择一个其他的颜色。
Figure 8.17. The Tetrahedron application
 

class Tetrahedron : public QGLWidget

{

    Q_OBJECT

public:

    Tetrahedron(QWidget *parent = 0);

protected:

    void initializeGL();

    void resizeGL(int width, int height);

    void paintGL();

    void mousePressEvent(QMouseEvent *event);

    void mouseMoveEvent(QMouseEvent *event);

    void mouseDoubleClickEvent(QMouseEvent *event);

private:

    void draw();

    int faceAtPosition(const QPoint &pos);

    GLfloat rotationX;

    GLfloat rotationY;

    GLfloat rotationZ;

    QColor faceColors[4];

    QPoint lastPos;

};

类Tetrahedron继承自QGLWidget，函数initializeGL()，resizeGL()和paintGL()是从QGLWidget继承的虚函数。鼠标事件的处理函数是从QWidget继承。

 

Tetrahedron::Tetrahedron(QWidget *parent)

    : QGLWidget(parent)

{

    setFormat(QGLFormat(QGL::DoubleBuffer | QGL::DepthBuffer));

    rotationX = -21.0;

    rotationY = -57.0;

    rotationZ = 0.0;

    faceColors[0] = Qt::red;

    faceColors[1] = Qt::green;

    faceColors[2] = Qt::blue;

    faceColors[3] = Qt::yellow;

}

在构造函数中，调用QGLWidget::setFormat()确定OpenGL的显示方式。然后初始化类的私有函数。

void Tetrahedron::initializeGL()

{

    qglClearColor(Qt::black);

    glShadeModel(GL_FLAT);

    glEnable(GL_DEPTH_TEST);

    glEnable(GL_CULL_FACE);

}

函数initializeGL()在paintGL()之前调用，且只调用一次，在这里可以设置OpenGL的显示内容，定义显示列表或者其他初始化操作。

其中qglClearColor()是QGLWidget的函数，其他函数都是OpenGL标准函数。如果全部遵循OpenGL库，可以调用RGBA格式的glClearColor()函数和颜色索引函数glClearIndex()。

void Tetrahedron::resizeGL(int width, int height)

{

    glViewport(0, 0, width, height);

    glMatrixMode(GL_PROJECTION);

    glLoadIdentity();

    GLfloat x = GLfloat(width) / height;

    glFrustum(-x, x, -1.0, 1.0, 4.0, 15.0);

    glMatrixMode(GL_MODELVIEW);

}

函数resizeGL()在paintGL()之前开始调用，在任何时候只要控件大小改变，都会调用这个函数。在这个函数中可以设置OpenGL的视口，投影和其他与控件大小有关的设置。

void Tetrahedron::paintGL()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    draw();

}

 

函数paintGL()在控件需要重新绘制时调用，和QWidget控件的paintEvent()函数相似，不同的地方是绘制openGL控件时，使用OpenGL函数。实际的绘制由私有函数draw()实现。

void Tetrahedron::draw()

{

    static const GLfloat P1[3] = { 0.0, -1.0, +2.0 };

    static const GLfloat P2[3] = { +1.73205081, -1.0, -1.0 };

    static const GLfloat P3[3] = { -1.73205081, -1.0, -1.0 };

    static const GLfloat P4[3] = { 0.0, +2.0, 0.0 };

    static const GLfloat * const coords[4][3] = {

        { P1, P2, P3 }, { P1, P3, P4 }, { P1, P4, P2 }, { P2, P4, P3 }

    };

    glMatrixMode(GL_MODELVIEW);

    glLoadIdentity();

    glTranslatef(0.0, 0.0, -10.0);

    glRotatef(rotationX, 1.0, 0.0, 0.0);

    glRotatef(rotationY, 0.0, 1.0, 0.0);

    glRotatef(rotationZ, 0.0, 0.0, 1.0);

    for (int i = 0; i < 4; ++i) {

        glLoadName(i);

        glBegin(GL_TRIANGLES);

        qglColor(faceColors[i]);

        for (int j = 0; j < 3; ++j) {

            glVertex3f(coords[i][j][0], coords[i][j][1],

                       coords[i][j][2]);

        }

        glEnd();

    }

}

在函数draw()中，我们参照x，y，z的坐标和faceColor中的颜色，绘制了这个四面体。除了glColor()，其他所有的函数都是调用OpenGL库。我们可以根据OpenGL模式使用glColor3d()或者glIndex()代替

void Tetrahedron::mousePressEvent(QMouseEvent *event)

{

    lastPos = event->pos();

}

void Tetrahedron::mouseMoveEvent(QMouseEvent *event)

{

    GLfloat dx = GLfloat(event->x() - lastPos.x()) / width();

    GLfloat dy = GLfloat(event->y() - lastPos.y()) / height();

    if (event->buttons() & Qt::LeftButton) {

        rotationX += 180 * dy;

        rotationY += 180 * dx;

        updateGL();

    } else if (event->buttons() & Qt::RightButton) {

        rotationX += 180 * dy;

        rotationZ += 180 * dx;

        updateGL();

    }

    lastPos = event->pos();

}

 

函数mousePressEvent()和mouseMoveEvent()是对QWidget类的重写，使用户通过鼠标点击或者拖动实现旋转。点击鼠标左键则沿x轴和y轴方向旋转，点击右键沿x轴和z轴旋转。

在修改了rotationX变量，rotationY变量或者rotationZ变量后，调用updateGL()重新绘制控件。

void Tetrahedron::mouseDoubleClickEvent(QMouseEvent *event)

{

    int face = faceAtPosition(event->pos());

    if (face != -1) {

        QColor color = QColorDialog::getColor(faceColors[face], this);

        if (color.isValid()) {

            faceColors[face] = color;

            updateGL();

        }

    }

}

函数mouseDoubleClickEvent()重写了QWidget的同名函数，允许用户双击控件设置四面体的一个面的颜色。私有函数faseAtPosition()得到鼠标双击位置所在四面体的那个面，如果双击了某一个面，调用QColorDialog::getColor()得到一个面的新的颜色。然后更新变量faceColors数组，调用updageGL()重新绘制控件。

int Tetrahedron::faceAtPosition(const QPoint &pos)

{

    const int MaxSize = 512;

    GLuint buffer[MaxSize];

    GLint viewport[4];

    glGetIntegerv(GL_VIEWPORT, viewport);

    glSelectBuffer(MaxSize, buffer);

    glRenderMode(GL_SELECT);

    glInitNames();

    glPushName(0);

    glMatrixMode(GL_PROJECTION);

    glPushMatrix();

    glLoadIdentity();

    gluPickMatrix(GLdouble(pos.x()), GLdouble(viewport[3] - pos.y()),

                  5.0, 5.0, viewport);

    GLfloat x = GLfloat(width()) / height();

    glFrustum(-x, x, -1.0, 1.0, 4.0, 15.0);

    draw();

    glMatrixMode(GL_PROJECTION);

    glPopMatrix();

    if (!glRenderMode(GL_RENDER))

        return -1;

    return buffer[3];

}

 

函数faceAtPosition()返回控件上某一个位置所在的平面号，如果没有在平面上则返回－1。使用OpenGL实现代码有些复杂。实际上，我们用GL_SELECT模式绘制四面体，利用OpenGL的点获取功能，然后得到平面号。

下面是main.cpp的实现代码：

#include <QApplication>

#include <iostream>

#include "tetrahedron.h"

using namespace std;

int main(int argc, char *argv[])

{

    QApplication app(argc, argv);

    if (!QGLFormat::hasOpenGL()) {

        cerr << "This system has no OpenGL support" << endl;

        return 1;

    }

    Tetrahedron tetrahedron;

    tetrahedron.setWindowTitle(QObject::tr("Tetrahedron"));

    tetrahedron.resize(300, 300);

    tetrahedron.show();

    return app.exec();

}

 

如果用户的系统不支持OpenGL，在控制台上打印一条错误消息然后退出。

在.pro文件中，需要应用程序连接到QtOpenGL库：

QT             += opengl

 

到现在，这个四面体的程序就全部完成了。如果想了解更多的QtOpenGL，可以查看参考文档中QGLWidget，QGLFormat，QGLContext和QGLPixelBuffer。

openGL画图程序
10-29
VC++ OPENGL 画图程序，多边形裁剪 多边形操作
OpenGL配置和渲染一个窗口
quietbxj的博客
06-12 269
OpenGL概念 OpenGL支持夸平台，支持MFC，Win32， QT等环境。 OpenGL常用库 glut：核心库 glew：扩展库 glm：工具
OpenGL学习笔记（三） 绘制图形
最新发布
hgaohr1021的博客
11-09 309
【代码】OpenGL学习笔记（三） 绘制图形。
[源码和文档分享]基于OpenGL实现的绘图系统
qq_38474647的博客
12-22 423
摘要 如果不考虑一个架构完整的图形处理系统，单独实现某条直线或多边形的输入编辑输出功能是非常简易的，甚至可以说是无趣的，而提到设计一个完整的系统就不仅仅是解决某条直线某种算法的问题，这上升到考察你计划和架构整个系统框架的能力，这将是一个更大的挑战。《计算机图形学》的这份学期大作业无疑与此类似，检测学生对某种图形的生成和变换是基础，更加需要学生去掌握对这些图...
openGL画图
aDiligentCigarette的博客
02-22 308
https://www.cnblogs.com/csu-lmw/p/11759527.html
使用OpenGL在电脑屏幕上绘图
qq_28249373的博客
05-08 9788
学过OpenGL的人都知道，要想利用OpenGL函数进行绘图，就要创建一个显示窗口。每次绘图，第一件事恐怕就是创建窗口了。肯定也有人跟我一样想过：能不能不在那个黑乎乎的窗口上绘图，而是直接绘制在电脑屏幕上，就像桌面上那些图标一样。我曾翻遍了所有的OpenGL函数，没有哪个函数支持这种做法。我想大概是不行的吧，就把在屏幕上绘图的想法给搁置了。直到有一天，我学习了GDI，尝试进行截屏，当...
OpenGL基本概念入门2——使用OpenGL绘图
因为了解所以无知
04-08 1920
<br /><br />1 绘制之前的必要工作<br />1.1 设置窗体的视见区域 (View Port)<br />glViewPort(x:GLInt;y:GLInt;Width:GLSizei;Height:GLSizei);<br />    其中，参数X，Y指定了视见区域的左下角在窗口中的位置，一般情况下为（0，0），Width和Height指定了视见区域的宽度和高度。注意OpenGL使用的窗口坐标和WindowsGDI使用的窗口坐标是不一样的。<br /><br /><br />Windows
openGL基本绘图
explore_world的博客
03-16 606
OpenGl 是一套3D 绘图函数库, 在三维空间绘图是他的功能，可惜人和电脑的沟通方式还不够发达，不然是不是艺术家可以通过一些程序用意识凭空在空间里作画，是不是很酷（科幻电影看多了）而现在我们仍然只能通过传统的笛卡尔坐标系这种一板一眼的方式 将我的脑中的图形量化，和数字化。在这一点上OpenGl的对空间事物的体现方式无疑是完善的，在opengl中，也有一个内建的坐标系，就如我们的视野有限一样，o
Computer-Graphics-using-OpenGL:这是在计算机图形学实验室中使用OpenGL库编写的各种程序的集合
05-18
5. **旋转**：旋转操作围绕坐标轴进行，使用欧拉角或四元数表示。在OpenGL中，可以使用`glRotatef()`函数来实现旋转。 6. **缩放**：缩放操作改变对象的大小，可以独立于X、Y、Z轴进行。`glScalef()`函数用于实现...
opengl 2d绘图
05-28
此资源，采用qtcreator opengl技术，显示2d的图片，可以修改利用opengl显示多张图片
CG---OpenGL.rar_Cg_OpenGL Cg_cg opengl_opengl 三维_opengl 图像
09-22
1. **基本绘图**：如何使用OpenGL绘制简单的2D和3D几何体，如点、线、三角形等。 2. **坐标系统和视口变换**：如何设置投影矩阵和模型视图矩阵，以便将3D对象转换到2D屏幕空间。 3. **光照和材质**：演示如何应用...
OpenGL ES画板
aqqf36217的博客
12-10 334
一、概述 利用自定义顶点和片元着色器渲染，并且设置图片纹理颜色为画笔颜色 二、核心代码 - (void)renderLineFromPoint:(CGPoint)start toPoint:(CGPoint)end { //顶点缓存区 static GLfloat *vertexBuffer = NULL; //顶点Max sta...
openGL绘制图形
wangjie36的博客
02-18 1017
接下来，通过glCreateProgram函数创建着色器程序对象，使用g1AttachShader函数将顶点着色器和片段着色器附加到着色器程序对象上，使用glLinkProgram函数链接着色器程序，使用glUseProgram函数激活着色器程序。首先，定义绘制图形的函数（在OpenGL的绘制回调函数中调用）和OpenGL的初始化函数（用来设置OpenGL的参数和状态）。在OpenGL中，可以回调函数处理用户输入事件，如键盘事件和鼠标事件和上下左右。主函数用来创建窗口和注册OpenGL的回调函数。
OpenGL绘制图形（包含20多个基本例子）
07-29
OpenGL绘制图形（包含20多个基本例子）。直线，圆，椭圆，球体，曲线，曲面等基础图形的绘制。
OpenGl 的基本绘图功能
ColaWJY的专栏
04-23 310
文章转自：http://blog.donews.com/atombomb/archive/2005/11/16/628498.aspx OpenGl 是一套3D 绘图函数库, 在三维空间绘图是他的功能，可惜人和电脑的沟通方式还不够发达，不然是不是艺术家可以通过一些程序用意识凭空在空间里作画，是不是很酷（科幻电影看多了）而现在我们仍然只能通过传统的笛卡尔坐标系这种一板一眼的方式 将我的脑中的图
OpenGL绘制简单图形
y0205yang的博客
06-10 307
【代码】OpenGL绘制简单图形。
opengl 2D绘图
SpeedBoy007的专栏
12-06 1108
对齐像素字节函数glPixelStorei (GL_UNPACK_ALIGNMENT, 1)对载入的纹理的画质和色彩有什么影响吗？ 对画面色彩没有影响,glPixelStorei (GL_UNPACK_ALIGNMENT, 1)控制的是所读取的图像数据的行对齐方式. 默认4字节对齐,即一个行的图像数据字节数必须是4的整数倍. 即对RGB 3字节象素而言,若一行10个象素,30个字节,在4字
OpenGL----深入理解OpenGL上下文
charce_you的专栏
08-19 954
OpenGL 上下文是一个包含所有 OpenGL 状态的对象。它管理和维护 OpenGL 的各种状态和资源，包括视口、着色器程序、纹理、缓冲区对象等。创建和管理 OpenGL 上下文是使用 OpenGL 进行图形渲染的基础。另外，多个上下文可以共享资源（如纹理和缓冲区对象），这对于多窗口或多线程应用程序非常有用。
OPENGL绘图控件
08-09
超简洁的OPENGL三维绘点控件，包括放大缩小，旋转平移，点颜色设置。接口简单。
opengl绘图总结
penghejuan2012的博客
03-29 259
主要有以下三个函数：protected: void initinalizeGL(); void resizeGL(); void paintGL();程序运行时候的调用顺序为：initinalizeGL()-----》 resizeGL()------》paintGL()。initinalizeGL() 只程序运行时调用一次。当opengl 窗口大小反生变化时。自动调用： resizeGL() +...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值
>