《Qt-OpenGL系列编程》课程学习记录（8）：绘制一个长方体

已于 2022-05-23 00:04:19 修改
阅读量1.2k 收藏 13
点赞数
分类专栏： # 《Qt-OpenGL系列编程》课程学习记录 文章标签： OpenGL qt
于 2022-05-22 23:58:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kenfan1647/article/details/124918405
版权

要绘制一个长方体，每一面都是图片。

为了简便，就不使用EBO了。

前面的内容是绘制一个面的，但是长方体有六个面。其实方法也是一样的，根据这个图设置坐标：

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
};
//顶点着色器
#version 450 core
layout(location = 0) in vec3 aPos;
layout(location = 1) in vec2 aTexCord;
out vec2 TexCord;
void main(){
    gl_Position = vec4(aPos, 1.0f);
    TexCord=aTexCord;
}
//片段着色器
#version 450 core
out vec4 FragColor;
in vec2 TexCord;
uniform sampler2D textureWall;
void main()
{
    FragColor = texture(textureWall,TexCord);
}
#include "widget.h"
#include <QOpenGLShaderProgram>
#include <QTimer>
#include <QTime>
#include <QOpenGLTexture>

unsigned int VBO, VAO;

Widget::Widget(QWidget *parent) : QOpenGLWidget(parent)
{
}

Widget::~Widget()
{
    makeCurrent();
    glDeleteBuffers(1,&VBO);
    glDeleteVertexArrays(1,&VAO);
    doneCurrent();
}

void Widget::initializeGL()
{
    initializeOpenGLFunctions();

    glGenVertexArrays(1, &VAO);
    glGenBuffers(1, &VBO);

    glBindVertexArray(VAO);
    glBindBuffer(GL_ARRAY_BUFFER, VBO);

    glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);

    glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 5 * sizeof(float), nullptr);
    glEnableVertexAttribArray(0);

    glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)(3 * sizeof(float)));
    glEnableVertexAttribArray(1);

    glBindBuffer(GL_ARRAY_BUFFER, 0);

    shaderProgram.addShaderFromSourceFile(QOpenGLShader::Vertex,":/shapes.vert");
    shaderProgram.addShaderFromSourceFile(QOpenGLShader::Fragment,":/shapes.frag");
    if(!shaderProgram.link())
        qDebug()<<"着色器程序编译错误信息："<<shaderProgram.log();

    textureWall = new QOpenGLTexture(QImage(":/image/wall.jpg").mirrored());

    shaderProgram.bind();
    shaderProgram.setUniformValue("textureWall",0);//纹理单元0

    glBindVertexArray(0);
}

void Widget::paintGL()
{
    glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
    glClear(GL_COLOR_BUFFER_BIT);

    shaderProgram.bind();

    glBindVertexArray(VAO);

    textureWall->bind(0);
    glDrawArrays(GL_TRIANGLES,0,36);
}

结果是这样的：

因为我们是从一个面的中央观察一个立方体，只能看到它的一个面。

要使它看起来有立方体的感觉要进行一些操作。

一些概念

模型矩阵（model）

定义缩放，旋转，平移的操作。

视图矩阵（view）

模拟一个摄像机的镜头，以便可以在3D空间中的某个位置去观察另一个位置。

投影矩阵（projection）

负责使看到的画面符合近大远小的透视规律，并且保证无论窗口的宽高比是多少，看到的画面都不会再变形。

顶点位置乘以这三个矩阵即可得到立体的效果。

//顶点着色器
#version 450 core
layout(location = 0) in vec3 aPos;
layout(location = 1) in vec2 aTexCord;
out vec2 TexCord;
uniform mat4 model;
uniform mat4 view;
uniform mat4 projection;
void main()
{
    gl_Position = projection*view*model*vec4(aPos, 1.0f);
    TexCord = aTexCord;
}
#include "widget.h"
#include <QOpenGLShaderProgram>
#include <QTimer>
#include <QTime>
#include <QOpenGLTexture>

unsigned int VBO, VAO;

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
};

QVector<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)
};

Widget::Widget(QWidget *parent) : QOpenGLWidget(parent)
{
}

Widget::~Widget()
{
    makeCurrent();
    glDeleteBuffers(1,&VBO);
    glDeleteVertexArrays(1,&VAO);
    doneCurrent();
}

void Widget::initializeGL()
{
    initializeOpenGLFunctions();

    glGenVertexArrays(1, &VAO);
    glGenBuffers(1, &VBO);

    glBindVertexArray(VAO);
    glBindBuffer(GL_ARRAY_BUFFER, VBO);

    glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);

    glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 5 * sizeof(float), nullptr);
    glEnableVertexAttribArray(0);

    glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)(3 * sizeof(float)));
    glEnableVertexAttribArray(1);

    glBindBuffer(GL_ARRAY_BUFFER, 0);

    shaderProgram.addShaderFromSourceFile(QOpenGLShader::Vertex,":/shapes.vert");
    shaderProgram.addShaderFromSourceFile(QOpenGLShader::Fragment,":/shapes.frag");
    if(!shaderProgram.link())
        qDebug()<<"着色器程序编译错误信息："<<shaderProgram.log();

    textureWall = new QOpenGLTexture(QImage(":/image/wall.jpg").mirrored());

    shaderProgram.bind();
    shaderProgram.setUniformValue("textureWall",0);//纹理单元0

    glBindVertexArray(0);

    //投影矩阵
    QMatrix4x4 projection;
    projection.perspective(60,  //画面视野的角度 人眼在头部不动的情况下，视野大概为60°
                           (float)width()/height(), //窗口比例
                           0.1,100);//参数三和四表示距离摄像机多近个多远范围内的物体要被显示。超出这个范围的物体将无法被显示。
    shaderProgram.setUniformValue("projection", projection);
}

void Widget::paintGL()
{
    uint time = QTime::currentTime().msec();

    glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
    glClear(GL_COLOR_BUFFER_BIT);

    shaderProgram.bind();

    //视图矩阵
    QMatrix4x4 view;
    view.setToIdentity();//对矩阵进行单位化，保证所有矩阵运算都会在一个单位矩阵上进行
    view.lookAt(QVector3D(2, 2, 2),     //眼睛的位置
                QVector3D(0, 0, 0),     //眼睛看的位置
                QVector3D(0, 1, 0));    //此参数表示方向，相对于眼睛向上的方向。
    shaderProgram.setUniformValue("view", view);

    glBindVertexArray(VAO);

    textureWall->bind(0);

    for (const QVector3D & item : cubePositions)
    {
        //模型矩阵
        QMatrix4x4 model;
        model.setToIdentity();
        model.translate(item);//平移
        model.rotate(time, 1.0f, 1.0f, 0.5f);//旋转 该矩阵将坐标绕矢量 (x, y, z) 旋转angle度
        model.scale(1.0f);//缩放

        shaderProgram.setUniformValue("model", model);
        glDrawArrays(GL_TRIANGLES,0,36);
    }
}

加上一个定时器：

    auto timer = new QTimer(this);
    connect(timer,&QTimer::timeout,this,[this]{update();});
    timer->start(100);

绘制多个：

QVector<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)
};

采用QT进行OpenGL开发(二)绘制立方体
yang1fei2的博客
07-28 3593
在OpenGL中三维实体会被拆分成一个个小的平面图形来进行绘制。比如我们绘制的立方体，可以拆分成六个平面来进行绘制。这里我们以一个带纹理的正方体来说明一下三维实体的绘制方法。
使用Qt进行OpenGL开发-绘制简单矩形
yang1fei2的博客
10-05 2268
Qt中自带OpenGL模块可以用来进行三维开发,下面介绍一下在Qt中进行OpenGL开发的一些简单Demo。OpenGL的最小图元是三角形。矩形则由两个三角形组成。通过四个顶点坐标和顶点的索引确定两个三角形，从而组成一个矩形。代码采用的是Qt的Opengl模块，管道编程采用的是GLSL语言。 在头文件中需要包含Qt对应的模块头文件,对应的头文件代码如下。 opengl.h #ifndef OPENGL_H #define OPENGL_H #include <QtWidgets/QWid..
[OpenGL] 无聊整一个AABB包围盒算了
RyuZhihao123 的博客
05-21 6392
【更新】我的新博客：www.ryuzhihao.cc，当然这个csdn博客也会更新 本文在新博客中的链接：点击打开链接 前段时间，我想用OpenGL做一些小游戏。最开始，我是把AABB包围盒的计算集成在我的程序中的。但是这样无疑会增加加载资源的时间。然后我就干脆单独做了这样的一个小工具，用来计算Obj模型的包围盒。这样我就可以在外部提前计算好包围盒的尺
OpenGL绘制长方体
09-28
用C语言实现OpenGL绘制旋转长方体及六面不同贴图
OpenGl绘制长方体
05-17 7040
DrawCuboid(double x, double y, double z) { // glPushMatrix(); double cx = x/2.0; double cy = y/2.0; double cz = z/2.0; glBegin(GL_QUADS); // 左面 glTexCoord2f(0.0f, 0.0f); g
OpenGL绘制长方体模型且为其贴图的贴图坐标
weixin_57471070的博客
06-07 1125
关于OpenGL绘制长方体模型且为其贴图的贴图坐标
opengl绘制长方体线框_Learn OpenGL 2-2. “优雅地”地画一个长方形
weixin_39714763的博客
12-24 420
预备知识从上一节的结尾中，我们通过了数组缓冲对象的方式画了一个长方形。可以从顶点数组中发现，其中有两个顶点数据是重复的，那在数据的存储和传输都造成了浪费。在这一节中，我们通过索引缓冲对象的方式来尝试解决这个问题。Element Buffer ObjectElement Buffer Object: 索引缓冲对象，EBO，Index Buffer Object，IBO设想一下，假设我们需要画一个长方...
OpenGL绘制长方体模型并附带纹理贴图
soundwave2002的博客
06-07 924
绘制长方体模型并附带纹理贴图
Qt使用QPainter绘制3D立方体
08-24
在Qt编程中，QPainter是用于图形绘制的一个重要类，它可以用来在窗口、图像或打印机上绘制各种2D图形。然而，尽管QPainter主要用于2D绘图，但通过一些技巧和数学运算，我们也可以利用它来模拟3D效果。本教程将详细...
Opengl学习笔记1 -- 做一个透视立方体
薛昭君的博客
03-11 3984
HW2 13331305 薛昭 （代码文件在code目录下，可执行文件 hw2-1.exe，hw2-2.exe 在 GL目录下，点击即可运行） 首先作业截图如下： 第一个难度较低，第二个任务则包含更多的代码学习，所以在这里将hw2-2中的相关代码解释一遍： http://www.cnblogs.com/graphics/archive/2012/07/25/2582119
opengl绘制长方体线框_OpenGl绘制长方体
weixin_28842269的博客
01-28 415
DrawCuboid(double x, double y, double z){// glPushMatrix();double cx = x/2.0;double cy = y/2.0;double cz = z/2.0;glBegin(GL_QUADS);// 左面glTexCoord2f(0.0f, 0.0f); glVertex3f(-cx, -cy, -cz);glTexCo...
opengl.zip_opengl画长方体
09-14
在windows下，用opengl画一个长方体，实现几个面的明暗。
opengl绘制长方体线框_OpenGL 绘制长方体 计算机图形学
weixin_39601794的博客
12-24 1009
不同面填充模式显示出不同的效果，如下面三幅截图： 上图通过glPolygonMode(GL_FRONT, GL_LINE);函数的调用，实现了显示前面面上的边线，而下面的面显示为默认的面填充，显示效果为如上图。 上图通过glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);函数的调用，实现了显示前后面面上的边线，显示效果就是图中的的只显示边线，而没有面填充效果。 上图...
OPENGL 长方体旋转缩放
11-10
1、绘制一个长方体，并能用键盘的S键控制长方体绕它的左下角旋转。 2、用键盘的UP键和DOWN键控制长方体的放大和缩小。
OpenGL 绘制长方体 计算机图形学
CHINAonlyQiu的专栏
08-23 8109
不同面填充模式显示出不同的效果，如下面三幅截图： 绘制长方体 计算机图形学" TITLE="OpenGL 绘制长方体 计算机图形学" />  上图通过glPolygonMode(GL_FRONT, GL_LINE);函数的调用，实现了显示前面面上的边线，而下面的面显示为默认的面填充，显示效果为如上图。 绘制长方体 计算机图形学" TITLE="OpenGL 绘制长方体 计算机
opengl绘制长方体线框_OpenGL绘制长方体
weixin_39862697的博客
01-14 226
#include //引用相关包void display(void){glClear(GL_COLOR_BUFFER_BIT); //清空颜色缓冲区glColor3f(0,1,1); //重置颜色glLoadIdentity(); //清空矩阵glTranslatef(0,0,-5); //将场景中的物体沿z轴负方向移动5个单位长glRotatef(40,0,1,0);//gluLo...
opengl绘制长方体线框,OpenGL绘制矩形轮廓
weixin_39777637的博客
12-24 868
I am trying to draw a rectangle with 4 lines (left one). But no matter how I draw (strip, loop, plain lines) the result is the right side one - it is missing pixels at the corners.||||||||||| ||||...
OpenGL 学习笔记--绘制长方形(03)
NiMiKiss的博客
09-20 693
绘制正方形 Notes 顶点索引EBO，生成EBO对象，绑定EBO，将EBO数据写入GPU，使用Elements绘制 glGenBuffers(1, &EBO); glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, EBO); glBufferData(GL_ELEMENT_ARRAY_BUFFER, sizeof(indices), indices, GL_STATIC_DRAW); glDrawElements(GL_TRIANGLES, sizeof(indices
OpenGL_4:画一个长方形
KK_GKD的博客
10-15 2579
#include #include #include const char *vertexShaderSource = "#version 330 core\n" "layout (location = 0) in vec3 aPos;\n" "void main(){\n" "gl_Position = vec4(aPos.x, aPos.y, aPos.z, 1.0f);\n"
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值