Qt实现OpenGL的经典教程⑥——坐标系统

最新推荐文章于 2024-09-03 22:09:24 发布
最新推荐文章于 2024-09-03 22:09:24 发布
阅读量1.8k 收藏 20
点赞数 40
分类专栏： Qt实现OpenGL 文章标签： qt c++ 图形渲染 计算机视觉
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45233572/article/details/137903980
版权

本帖将参考LearnOpenGL这一经典教程，使用Qt的原生环境完成教程中所提的所有流程，并尽量和原教程保持一致，如有错误，欢迎评论！

为了方便大家参考，我将项目分享至了gitee，并实时进行更行：Qt实现OpenGL的经典教程: (gitee.com)

教程中文网站：LearnOpenGLCN 

教程原网站：LearnOpenGL

Qt版本：6.7

操作系统：Windows10

进入3D

为了真正地进入3D空间，我们分别实现projection ，view ，model矩阵，其中model负责将模型转换为世界坐标，view则是摄像机变换，projection则是透视变换。我们对上一篇博文结尾的顶点着色器做进一步修改：

#version 330 core
layout (location = 0) in vec3 aPos;
layout (location = 1) in vec2 aTexCoord;

out vec2 TexCoord;

uniform mat4 model;
uniform mat4 view;
uniform mat4 projection;

void main()
{
	gl_Position = projection * view * model * vec4(aPos, 1.0);
	TexCoord = vec2(aTexCoord.x, aTexCoord.y);
}

这里分别左乘了model，view和projection三个矩阵，这一顺序不能变，因为矩阵的乘法没有交换律。

随后，我们对PaintGL中的代码进行修改：

void MyOpenGLWidget::paintGL()
{
    //由于继承了QOpenGLFunctions，可以直接使用OpenGL中的函数
    // render
    // ------
    glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
    glClear(GL_COLOR_BUFFER_BIT);

    // bind Texture
    glActiveTexture(GL_TEXTURE0);
    _texture->bind();
    glActiveTexture(GL_TEXTURE1);
    _texture1->bind();

    QMatrix4x4 model;
    QMatrix4x4 view;
    QMatrix4x4 projection;
    model.rotate(-55.0f, 1.0f, 0.0f, 0.0f);
    view.translate(QVector3D(0.0f, 0.0f, -3.0f));
    projection.perspective(45.0f,
                           float(this->width())/float(this->height()),
                           0.1f,
                           100.0f);


    // update shader uniform
    _shaderProgram->bind();
    _shaderProgram->setUniformValue("model", model);
    _shaderProgram->setUniformValue("view", view);
    _shaderProgram->setUniformValue("projection", projection);

    // render the triangle
    _vao->bind();
    glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0);
}

我们分别创建model，view和projection的单位矩阵，然后让模型沿着x轴旋转-55°，将摄像机移动到z轴上-3的位置，并设置变换视角为透视视角，fov为45°，并将这三个矩阵分别赋值给顶点着色器中设置的uniform，点击运行：

为了提高效率，你也可以 将projection的赋值工作放到初始化阶段。

更加3D

我们开始用这个箱子面来画一个真正的立方体了！首先我们加载更多的顶点（36个顶点）：

 float vertices[] = {
        -0.5f, -0.5f, -0.5f,  0.0f, 0.0f,
        0.5f, -0.5f, -0.5f,  1.0f, 0.0f,
        0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
        0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
        -0.5f,  0.5f, -0.5f,  0.0f, 1.0f,
        -0.5f, -0.5f, -0.5f,  0.0f, 0.0f,

        -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
        0.5f, -0.5f,  0.5f,  1.0f, 0.0f,
        0.5f,  0.5f,  0.5f,  1.0f, 1.0f,
        0.5f,  0.5f,  0.5f,  1.0f, 1.0f,
        -0.5f,  0.5f,  0.5f,  0.0f, 1.0f,
        -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,

        -0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
        -0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
        -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
        -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
        -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
        -0.5f,  0.5f,  0.5f,  1.0f, 0.0f,

        0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
        0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
        0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
        0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
        0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
        0.5f,  0.5f,  0.5f,  1.0f, 0.0f,

        -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
        0.5f, -0.5f, -0.5f,  1.0f, 1.0f,
        0.5f, -0.5f,  0.5f,  1.0f, 0.0f,
        0.5f, -0.5f,  0.5f,  1.0f, 0.0f,
        -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
        -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,

        -0.5f,  0.5f, -0.5f,  0.0f, 1.0f,
        0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
        0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
        0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
        -0.5f,  0.5f,  0.5f,  0.0f, 0.0f,
        -0.5f,  0.5f, -0.5f,  0.0f, 1.0f
    };

然后，我们修改PaintGL的绘制方式：

void MyOpenGLWidget::paintGL()
{
    //由于继承了QOpenGLFunctions，可以直接使用OpenGL中的函数
    // render
    // ------
    glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
    glClear(GL_COLOR_BUFFER_BIT);

    // bind Texture
    glActiveTexture(GL_TEXTURE0);
    _texture->bind();
    glActiveTexture(GL_TEXTURE1);
    _texture1->bind();

    QMatrix4x4 model;
    QMatrix4x4 view;
    QMatrix4x4 projection;
    model.rotate(qRadiansToDegrees(QTime::currentTime().msecsSinceStartOfDay()/1000.0f),
                 0.5f,
                 1.0f,
                 0.0f);
    view.translate(QVector3D(0.0f, 0.0f, -3.0f));
    projection.perspective(45.0f,
                           float(this->width())/float(this->height()),
                           0.1f,
                           100.0f);


    // update shader uniform
    _shaderProgram->bind();
    _shaderProgram->setUniformValue("model", model);
    _shaderProgram->setUniformValue("view", view);
    _shaderProgram->setUniformValue("projection", projection);

    // render the triangle
    _vao->bind();
    glDrawArrays(GL_TRIANGLES, 0, 36);
}

我们让正方体随时间旋转，同时修改绘制方式画36个点，点击运行，我们得到了一个奇怪的旋转正方体：

这是因为没有开启深度测试，我们开启深度测试：

glEnable(GL_DEPTH_TEST);

并在PaintGL中清除深度缓冲：

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

再次点击运行，变一切正常了！

更多的立方体

为了创建更多的立方体，我们在MyOpenGLWidget类声明中定义更多的位置信息：

private:
    QOpenGLShaderProgram *_shaderProgram;
    QOpenGLTexture *_texture;
    QOpenGLTexture *_texture1;
    QOpenGLVertexArrayObject *_vao;
    QOpenGLBuffer *_vbo;
    QOpenGLBuffer *_ebo;

    QList<QVector3D> _cubePositions = {
        QVector3D( 0.0f,  0.0f,  0.0f),
        QVector3D( 2.0f,  5.0f, -15.0f),
        QVector3D(-1.5f, -2.2f, -2.5f),
        QVector3D(-3.8f, -2.0f, -12.3f),
        QVector3D( 2.4f, -0.4f, -3.5f),
        QVector3D(-1.7f,  3.0f, -7.5f),
        QVector3D( 1.3f, -2.0f, -2.5f),
        QVector3D( 1.5f,  2.0f, -2.5f),
        QVector3D( 1.5f,  0.2f, -1.5f),
        QVector3D(-1.3f,  1.0f, -1.5f)
    };

我们添加了一个_cubePositions来指示立方体位置，在渲染阶段我们修改model矩阵来在每一次调用中创建十个立方体：

void MyOpenGLWidget::paintGL()
{
    //由于继承了QOpenGLFunctions，可以直接使用OpenGL中的函数
    // render
    // ------
    glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);//清除颜色和深度缓冲

    // bind Texture
    glActiveTexture(GL_TEXTURE0);
    _texture->bind();
    glActiveTexture(GL_TEXTURE1);
    _texture1->bind();

    QMatrix4x4 model;
    QMatrix4x4 view;
    QMatrix4x4 projection;

    view.translate(QVector3D(0.0f, 0.0f, -3.0f));
    projection.perspective(45.0f,
                           float(this->width())/float(this->height()),
                           0.1f,
                           100.0f);


    // update shader uniform
    _shaderProgram->bind();
    _shaderProgram->setUniformValue("view", view);
    _shaderProgram->setUniformValue("projection", projection);

    // render the triangle
    _vao->bind();
    for(int i = 0; i < _cubePositions.size(); ++i){

        model = QMatrix4x4();
        model.translate(_cubePositions[i]);
        model.rotate(20.0f * i, 1.0f, 0.3f, 0.5f);
        _shaderProgram->setUniformValue("model", model);
        glDrawArrays(GL_TRIANGLES, 0, 36);
    }
}

点击运行，我就得到了和LearnOpenGL中一样的结果了！

一入C++深似海
关注
专栏目录
Qt开发经验总结
草上爬的博客
12-02 8394
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
开发知识点-C++入门到入土知识手册
aming小老弟
10-18 946
指针经典笔试题练习题讲解typedef笔试题多个源文件-理论多个源文件-实践PBC++简述C++标准C++的应用场景第一个C++程序const修饰普通变量const修饰成员变量const修饰成员函数const修饰对象const修饰引用onst修饰函数返回值为普通变量和对象const修饰函数返回值为const的指针const修饰函数返回值为const的引用extern c的使用_cplusplus的使用string对象的构造方法string对象的赋值。
Qt+OpenGL学习笔记-绘制三角形
zaomengze的博客
07-16 1101
OpenGL中任何事物都在3D空间中（即X，Y，Z轴），但是屏幕和窗口都是2D像素数组，导致OpenGL大部分工作是将3D坐标转变为适应你屏幕的2D像素，3D坐标转为2D坐标的处理过程是由OpenGL的图形渲染管线（Graphics Pipeline，大多译为管线，实际上指的是一堆原始图形数据途经一个输送管道，期间经过各种变化处理最终出现在屏幕的过程）管理的。图形渲染管线可以被划分为两个主要部分：第一部分把你的，第二部分是把。
Qt OpenGL教程
weixin_34258838的博客
11-05 1873
Qt OpenGL教程 最近一段时间除了学习Qt，翻译Qt文档之外，由于工作和兴趣的原因，开始着手看Qt OpenGL编程。在网上搜索了有关OpenGL的教程，发现NeHe的OpenGL教程的还很不错，作者是NeHe。上面有很多种语言的实现，但是没有Qt和Gtk的，所以我就想着手写这个Qt OpenGL教程，每课的内容和NeHe是一样的。另外，介绍NeHe的一个中文翻译站点CSDN-CKer翻译...
(三)QT窗口Opengl库的实现
最新发布
qq_30003129的博客
09-03 192
【代码】(三)QT窗口Opengl库的实现。
Qt中使用openGL
xyqqwer的博客
02-25 1439
Qt提供了QOpenGLWidget类，这是一个集成了OpenGL渲染能力的QWidget。通过使用QOpenGLWidget，开发者可以在Qt应用程序中嵌入OpenGL渲染的图形。QOpenGLWidget提供了一个框架，让OpenGL的渲染能够很好地集成在Qt的事件驱动模型中。
nehe_tutorial_cn.rar_NEHE_QT OpenGL_opengl 中文
09-20
OpenGL中文教程——NEHE教程与QT整合 OpenGL是一种强大的图形编程接口，被广泛应用于游戏开发、3D建模、科学可视化等领域。NEHE教程是学习OpenGL的经典资源，由Jeffrey Lee Hill（NEHE）创建，提供了丰富的实例和...
Android 上千实例源码分析以及开源分析
吧主
04-12 9124
Android 上千实例源码分析以及开源分析（百度云分享） 要下载的直接翻到最后吧，项目实例有点多。 首先 介绍几本书籍(下载包中)吧。 01_Android系统概述 02_Android系统的开发综述 03_Android的Linux内核与驱动程序 04_Android的底层库和程序 05_Android的JAVA虚拟机和JAVA环境 06_Android的GUI系统 07_A
Qt OpenGL 教程
11-23
Qt 开发过程中，如何调用GPU加速界面响应，一直是开发难点，从这个点切入，详细介绍了Qt开发中如何使用OPENGL，混合开发，C++语言，易懂，推荐大家一起学习。
Qt+OpenGL教程
06-11
Qt+OpenGL教程是比较基础的教程，包含了QT的系统搭键和移植，希望对你有用
【Qt OpenGL教程】资源文件（此资源是作者博客教程所用的文件，无代码部分）
08-03
我把【Qt OpenGL教程】（参照NeHe）所需的全部资源文件打包放在这里，有需要的请自己下载。（需搭配作者发布的博客使用）（此资源是作者博客教程所用的文件，无代码部分）
Qt+OpenGL 屏幕坐标转世界坐标
07-27
Qt + OpenGL 点云 通过Z-Buffer获取鼠标位置的深度值。然后转世界坐标。如果pointsize过大，精度会有一定损失。为1时精度在小数点后两位。当鼠标move到点上时，控制台输出原始点 x y z的坐标信息。窗口不要改动，resizeGL函数中没有对纹理进行处理。
树莓派之Debian游戏（部分）
热门推荐
唐剑仙的博客
02-05 1万+
注：该内容为机翻，难免有翻译错误内容 这些游戏可以在树莓派自带的软件商店里找到并下载、安装 1.0ad（古代战争的实时战略游戏） 是一个自由、开源、跨平台的古代战争实时策略游戏。简而言之，它是一款基于历史的战争/经济游戏，允许游戏者再体验或改写西方文明史，时间跨度为公元前 500年至公元500年。该项目雄心勃勃，包括最先进的3D图像，细致的插图，声音，以及灵活强大的可定制游戏引擎。 2.2048-qt （基于数学的益智游戏） 是基于数学的解谜游戏，你需要在一个格子棋盘上滑动滑块，将其组合并创建数字 2
Qt OpenGL教程 (非常详细)
carrie0728的专栏
07-06 1万+
Qt OpenGL教程 (非常详细) 2014-04-24 19:30 10652人阅读 评论(5) 收藏 举报 目录(?)[+] 原文: http://qiliang.net/old/nehe_qt/ Qt OpenGL教程 最近一段时间除了学习Qt，翻译Qt文档之外，由于工作和兴趣的原因，开始着手看Qt OpenGL编程
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值