基于Qt的OpenGL编程（3.x以上GLSL可编程管线版）---(七)摄像机

最新推荐文章于 2024-07-29 16:32:54 发布
最新推荐文章于 2024-07-29 16:32:54 发布
阅读量3.5k 收藏 16
点赞数 9
分类专栏： 现代OpenGL学习教程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z136411501/article/details/79939695
版权
该博客介绍了如何在Qt环境下使用OpenGL实现自由观察的摄像机机制，包括视角环绕、键盘移动、鼠标输入与缩放，并通过创建Camera类解决多键触控问题，允许用户通过键盘和鼠标灵活控制视角。
摘要由CSDN通过智能技术生成

本篇目的是学习如何在OpenGL自由观察，即设计一个类似于3dMAX，Blender，或Unity3D中常见的摄像机观察机制。具有可以用键盘前后左右上下的视角控制功能，和鼠标拖移视角的功能。

（Vries的原教程地址如下，https://learnopengl-cn.github.io/01%20Getting%20started/09%20Camera/关于OpenGL函数的详细解析及摄像机这一知识点描述请看这个教程，本篇旨在对Vires基于visual studio的编程思想做Qt平台的移植）

Qt开发平台：5.8.0

编译器：Desktop Qt 5.8.0 MSVC2015_64bit 

 

（一）视角环绕

让我们尝试将视角动起来，像上图所示。其实很简单，在上篇学习教程的代码中只要引入lookat()//(一个封装好的类摄像机函数，具体解析看Vires的教程啦)，稍微修改一下widget.cpp函数即可。

项目组织如下：

widget.cpp

#include "widget.h"
GLuint VBO, VAO;

Triangle::Triangle(){
    this->setWindowTitle("Camera");
}

Triangle::~Triangle(){
    delete ourShader;
    core->glDeleteVertexArrays(1, &VAO);
    core->glDeleteBuffers(1, &VBO);
    texture1->destroy();
    texture2->destroy();
}

void Triangle::initializeGL(){
    //着色器部分
    core = QOpenGLContext::currentContext()->versionFunctions<QOpenGLFunctions_3_3_Core>();
    ourShader = new Shader(":/shaders/vertexshadersource.vert", ":/shaders/fragmentshadersource.frag");

    //VAO，VBO数据部分
    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
    };


    core->glGenVertexArrays(1, &VAO);//两个参数，第一个为需要创建的缓存数量。第二个为用于存储单一ID或多个ID的GLuint变量或数组的地址
    core->glGenBuffers(1, &VBO);

    core->glBindVertexArray(VAO);

    core->glBindBuffer(GL_ARRAY_BUFFER, VBO);
    core->glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);

    core->glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)0);
    core->glEnableVertexAttribArray(0);

    // texture coord attribute
    core->glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)(3 * sizeof(float)));
    core->glEnableVertexAttribArray(1);

    //纹理
    //第一张箱子
    texture1 = new QOpenGLTexture(QImage(":/textures/res/textures/container.jpg").mirrored(), QOpenGLTexture::GenerateMipMaps); //直接生成绑定一个2d纹理, 并生成多级纹理MipMaps
    if(!texture1->isCreated()){
        qDebug() << "Failed to load texture" << endl;
    }
    texture1->setWrapMode(QOpenGLTexture::DirectionS, QOpenGLTexture::Repeat);// 等于glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
    texture1->setWrapMode(QOpenGLTexture::DirectionT, QOpenGLTexture::Repeat);//    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);

    texture1->setMinificationFilter(QOpenGLTexture::Linear);   //等价于glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
    texture1->setMagnificationFilter(QOpenGLTexture::Linear);  //     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);


    //第二张笑脸
    texture2 = new QOpenGLTexture(QImage(":/textures/res/textures/smile.png").mirrored(), QOpenGLTexture::GenerateMipMaps); //直接生成绑定一个2d纹理, 并生成多级纹理MipMaps
    if(!texture2->isCreated()){
        qDebug() << "Failed to load texture" << endl;
    }
    texture2->setWrapMode(QOpenGLTexture::DirectionS, QOpenGLTexture::Repeat);// 等于glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
    texture2->setWrapMode(QOpenGLTexture::DirectionT, QOpenGLTexture::Repeat);//    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);

    texture2->setMinificationFilter(QOpenGLTexture::Linear);   //等价于glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
    texture2->setMagnificationFilter(QOpenGLTexture::Linear);  //     glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);

    //设置纹理单元编号
    ourShader->use();
    ourShader->setInt("texture1", 0);
    ourShader->setInt("texture2", 1);

    //开启计时器，返回毫秒
    time.start();

    //给着色器变量赋值
    QMatrix4x4 projection;
   // view.translate(QVector3D(0.0f, 0.0f, -3.0f));
    projection.perspective(45.0f, (GLfloat)width()/(GLfloat)height(), 0.1f, 100.0f);

    ourShader->use();
    //ourShader->setMat4("view", view);
    ourShader->setMat4("projection", projection);

    //开启状态
    core->glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
    core->glEnable(GL_DEPTH_TEST);
}

void Triangle::resizeGL(int w, int h){
    core->glViewport(0, 0, w, h);
}

QVector3D cubePositions[] = {       //为了省事，设为全局函数，若嫌封装性不好，改为成员变量指针，在initializeGL()重新赋值就好
  QVector3D( 0.0f,  0.0f,  -1.0f), //小小改动一下将z轴的0.0f变为-1.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)
};

void Triangle::paintGL(){
    core->glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    core->glActiveTexture(GL_TEXTURE0);
    texture1->bind();
    core->glActiveTexture(GL_TEXTURE1);
    texture2->bind();

    ourShader->use();

    QMatrix4x4 view;
    GLfloat radius = 15.0f;
    GLfloat camX = sin(((GLfloat)time.elapsed())/1000) * radius; //返回的毫秒太大了，除以1000小一些
    GLfloat camZ = cos(((GLfloat)time.elapsed())/1000) * radius;
    view.lookAt(QVector3D(camX, 0.0f, camZ), QVector3D(0.0f, 0.0f, 0.0f), QVector3D(0.0f, 1.0f, 0.0f));
    ourShader->setMat4("view", view);

    for(GLuint i = 0; i != 10; ++i){
        QMatrix4x4 model;
        model.translate(cubePositions[i]);
        model.rotate(20.0f * i, cubePositions[i]);//这里角度改为固定角度


        ourShader->setMat4("model", model);
        core->glBindVertexArray(VAO);
        core->glDrawArrays(GL_TRIANGLES, 0, 36);
    }

    update();
}

 

 

以下是没有改动过的函数：

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QOpenGLWidget>
#include <QDebug>
#include <QOpenGLFunctions_3_3_Core>
#include "shader.h"
#include <QOpenGLTexture>
#include <QTime>    //增添头文件

class Triangle : public QOpenGLWidget
{
public:
    Triangle();
    GLuint a;
    ~Triangle();
protected:
    virtual void initializeGL();
    virtual void resizeGL(int w, int h);
    virtual void paintGL();
private:
    Shader *ourShader;
    QOpenGLTexture *texture1;
    QOpenGLTexture *texture2;

    QOpenGLFunctions_3_3_Core *core;
    QTime time; //增添QTime对象，替代glfwGetTime()函数
};

#endif // WIDGET_H

shader.h

#ifndef SHADER_H
#define SHADER_H

#include <QDebug>
#include <QOpenGLShader>
#include <QOpenGLShaderProgram>
#include <QString>

class Shader {
public:
  Shader(const QString& vertexSourcePath, const QString& fragmentSourcePath);
  ~Shader();
  QOpenGLShaderProgram *shaderProgram;

  void use(){
    shaderProgram->bind();
  }

  //还是把设置着色器uniform变量操作写成Shader里的inline成员函数管理，真的方便很多。
  void setMat4(const QString& name, const QMatrix4x4& value){
      GLuint loc = shaderProgram->uniformLocation(name);
      shaderProgram->setUniformValue(loc, value);
  }

  void setInt(const QString& name, const GLint& value){
      GLuint loc = shaderProgram->uniformLocation(name);
      shaderProgram->setUniformValue(loc, value);
  }
};

#endif // SHADER_H

 

shader.cpp

#include "shader.h"

Shader::Shader
最低0.47元/天 解锁文章
HELLO_IHAD
关注
专栏目录
基于Qt的OpenGL编程（3.x以上GLSL可编程管线版）---(一)简介
博客
04-04 6097
笔者写的这个教程集，是一项带引号的“翻译”类教程。 Joey De Vries  的现代OpenGL教程是我看过最好的图形学教程，没有之一。 (这是教程地址https://learnopengl-cn.github.io/01%20Getting%20started/01%20OpenGL/ ，点击打开链接，每篇教程都附有成品源代码，不过需要连接VPN) 教程极好，却有一问题，作者是基于vi...
Qt加OpenGL实现鼠标控制视角
09-27
里面是一个简单的demo，实现用鼠标控制视角的变换。
利用OpenGL绘制三维管线
08-11
利用OpenGL绘制三维管线，对于管线、巷道等管状物的绘制有一定的参考价值。
QT+OpenGL 摄像机
turbolove的博客
02-11 1026
本篇完整工程见gitee:[QtOpenGL](https://gitee.com/turbolove/qtopengl.git) 对应点的tag，由turbolove提供技术支持，您可以关注博主或者私信博主
Qt+OpenGL程序
08-23
Qt+OpenGL程序
QT之OpenGL摄像机
weixin_41111116的博客
11-20 1185
QT之OpenGL摄像机
Qt-OpenGL-06 摄像机类Camare
qq_22328661的博客
03-27 701
写在开头：文章是基于摄像机 - LearnOpenGL CN教程的学习记录，强烈建议在网站上先弄清楚原理再看此文章。以Qt-GL窗口代替GLFW的写法，Qt库中一些类代替教程中的类，一起入坑。 摄像机这篇，我感觉教程已经写得很清楚，直接上代码，翻译就完了。 camare类 #ifndef CAMERA_H #define CAMERA_H #include <QVector3D> #include <qmatrix4x4.h> // Defines se...
Qt+OpenGL实现“摄像机”
最新发布
zaomengze的博客
07-29 783
当讨论摄像机(Camera)的时候，是在讨论以摄像机的视角作为场景原点时场景中所有的顶点坐标：观察矩阵把所有的世界坐标变换为相对于摄像机位置与方向的观察坐标。要定义一个摄像机，需要它在世界空间中的位置、观察的方向、一个指向它右侧的向量以及一个指向它上方的向量。两个向量叉乘的结果会同时垂直于两向量，因此会得到指向x轴正方向的那个向量（如果交换两个向量叉乘的顺序就会得到相反的指向x轴负方向的向量）。现在已经有了x轴向量和z轴向量，获取一个指向摄像机的正y轴向量就相对简单了：把右向量和方向向量进行叉乘。
Qt+OpenGL——摄像机类实现
JuicyActiveGilbert的博客
08-05 864
参考链接： 从零实现3D图像引擎：(12)构建支持欧拉和UVN的相机系统 LearnOpenGL CN——摄像机 头文件 #ifndef GLCAMERA_H #define GLCAMERA_H #include <QVector2D> #include <QVector3D> #include <QMatrix4x4> #include <QObject> class GLCamera { public: GLCamera(float aspe
QT-opengl窗体，实现了 1.绘制立方体， 2.读取点云并显示 3.相机可以进行简单旋转，旋转速度可以渐渐变缓 4.可以半透明(融合)演示。
09-13
QT-opengl窗体，实现了 1.绘制立方体， 2.读取点云并显示 3.相机可以进行简单旋转，旋转速度可以渐渐变缓 4.可以半透明(融合)演示。
应用OpenGL结合VC_开发纤维缠绕CAD_CAM系统.pdf
05-08
阐述了在Ｃ＋＋环境下应用ＯｐｅｎＧＬ技术开发三维实体纤维缠绕，使三维实体模型可视化更精细！
opengl 摄像机围绕目标转动
03-29
opengl 摄像机围绕目标转动。fps风格相机。
glsl-sphere-tracing：使用“球面跟踪”算法使用GLSL跟踪隐式曲面
02-04
1. **初始化**：设置OpenGL环境，加载GLSL着色器程序，定义输入输出变量，如视口大小、摄像机位置等。 2. **球面跟踪着色器**：在片段着色器中实现球面跟踪算法。每个片段都代表屏幕上的一个像素，我们为每个片段...
基于Qt的OpenGL编程（3.x以上GLSL可编程管线版）---(十五)obj模型加载
博客
08-19 3147
Vries的原教程里，对于模型载入，使用的是一种非常流行的模型加载库Assimp，可以方便的加载obj，fbx，3ds等常见的模型格式文件，在visual studio2015里，我照原教程进行了Assimp的配置，程序成功运行。在Qt中，把Assimp当作外库进行导入，试了很多种方法也不可以，万般无奈之下，我自写了一个基于Qt平台的简易模型导入程序，仅针对简易obj模型进行解析导入。 ht...
基于Qt的OpenGL编程（3.x以上GLSL可编程管线版）---(十六)实例化
博客
08-24 1588
  （Vries的原教程地址如下，https://learnopengl-cn.github.io/04%20Advanced%20OpenGL/10%20Instancing/ 关于实例化的详细设置介绍与设置与参数设置请查看这个教程，本篇旨在对Vires基于visual studio平台的编程思想与代码做Qt平台的移植，重在记录自身学习之用） 在Vires的教程中，实例化的顺序比较靠后，但这...
Qt OpenGL现代学习教程
WANGZHEN
04-01 4460
基于Qt的OpenGL编程（3.x以上GLSL可编程管线版）---(一)简介 基于Qt的OpenGL编程（3.x以上GLSL可编程管线版）---(二)你好，三角形_QOpenGLExtraFunctions版 基于Qt的OpenGL编程（3.x以上GLSL可编程管线版）---(二)你好，三角形_QOpenGLFunctions_3_3_Core版 基于Qt的OpenGL编程（3.x以上GLS...
Qt opengl fps相机
qq_38105943的博客
02-16 615
参考文章：https://blog.csdn.net/ziyuanxiazai123/article/details/51586007 想写个相机就先要对MVP矩阵有一定了解，相机本质上其实就是一个view矩阵和一个projection矩阵。对相机的操作全都体现在 这两个矩阵上，projection矩阵可以通过QMatrix4x4的perspective函数得到 ：projectionMat...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值