Qt中的OpenGL

2024-04-02 14:44
文章标签 qt opengl

本文主要是介绍Qt中的OpenGL,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、OpenGL简介

1.1什么是OpenGL

  1. Open Graphics Library,它是一个由Khronos组织制定并维护的规范(Specification)
  2. OpenGL核心是一个C库,同时也支持多种语言的派生

1.2 核心模式(Core-profile)

也叫可编程管线,提供了更多的灵活性,更高的效率,更重要的是可以更深入的理解图形编程。

其中,顶点着色器和片段着色器需要自己去编写,几何着色器可选择性编写,有这三个可以编辑的部分,即为可编程管线(管线可以理解为一个处理流程)。

1.2.1 立即渲染模式(Immediate mode)

  1. 早期的OpenGL使用的模式(也就是固定渲染管线)
  2. OpenGL的大多数功能都被库隐藏起来,容易使用和理解,但是效率太低
  3. 开发者很少能控制OpenGL如何进行计算
  4. 因此从OpenGL3.2开始,推出核心模式

1.3 状态机(State Machine)

Ps:状态机是一种理论模型,用于描述一个系统在不同时间点的行为和状态转移规律。

  1. OpenGL自身是一个巨大的状态机
  2. 描述该如何操作的所有变量的大集合
  3. OpenGL的状态通常被称为上下文(Context)
  4. 状态设置函数(State-changing Function)
  5. 状态应用的函数(State-using Function)

1.4 对象(Object)

  • 一个对象是指一些选项的集合,代表OpenGL状态的一个子集

通常把OpenGL上下文比作一个大的结构体,包含很多子集:

  • 当前状态只有一份,如果每次显示不同的效果,都重新配置会很麻烦
  • 这时候我们就需要一些小助理(对象),帮忙记录某些状态信息,以便复用。

二、QT中的OpenGL

2.1 QOpenGLWidget(不需要GLFW)

QOpenGLWidget提供了三个便捷的虚函数,可以重载,用来重新实现典型的OpenGL任务:

  • paintGL:渲染OpenGL场景。Widget需要更新时调用。
  • resizeGL:设置OpenGL视口、投影等。Widget调整大小(或首次显示)时调用。
  • initializeGL:设置OpenGL资源和状态。第一次调用resizeGL()/paintGL()之前调用一次。
  • 如果需要从paintGL()以外的位置触发重新绘制(典型示例是使用计时器设置场景动画),则应调用widget的update()函数来安排更新。

调用paintGL()、resizeGL()、initializeGL()时,widget的OpenGL呈现上下文将变为当前。如果需要从其他位置(例如,在widget的构造函数或自己的绘制函数中)调用标准OpenGL API函数,则必须首先调用makeCurrent()。

注意:在paintGL()以外的地方调用绘制函数没有意义,绘制图像最终将被paintGL()覆盖。

2.2 QOpenGLFunctiongs_X_X_Core(不需要GLAD)

2.3 VAO与VBO

2.4 着色器

2.5 索引缓冲对象EBO/IBO

EBO(Element Buffer Object),也叫IBO(Index Buffer Object)

可以绘制两个三角形来组成一个矩形(OpenGL主要处理三角形)。这会生成下面的顶点的集合:

两个三角形,每个三角形绘制自己的部分,6个点

优化,点位不重复的一共四个,图形用了哪几个点就标注出来

绑定EBO

三、代码片段

#pragma once#include <QOpenGLFunctions_3_3_Core>
#include <QOpenGLWidget>class OpenGLWidget : public QOpenGLWidget, QOpenGLFunctions_3_3_Core
{Q_OBJECT
public:explicit OpenGLWidget(QWidget* parent = nullptr);protected:virtual void initializeGL();virtual void resizeGL(int w, int h);virtual void paintGL();signals:};
#include "openglwidget.h"unsigned int VBO, VAO, EBO;
unsigned int shaderProgram;float vertices[] =
{0.5f, 0.5f, 0.0f,//右上0.5f, -0.5f, 0.0f,//右下-0.5f, -0.5f, 0.0f,//左下-0.5f, 0.5f, 0.0f//左上
};
unsigned int indices[] = //note that we start from 0!
{0, 1, 3,//第一个三角形1, 2, 3 // 第二个三角形
};const char* vertexShaderSource = "#version 330 core\n""layout (location = 0) in vec3 aPos;\n""void main()\n""{\n""gl_Position = vec4(aPos.x, aPos.y, aPos.z, 1.0);\n""}\0";const char* fragmentShaderSource = "#version 330 core\n""out vec4 FragColor;\n""void main()\n""{\n""FragColor = vec4(1.0f, 0.0f, 0.0f, 1.0f);\n" "}\n\0";OpenGLWidget::OpenGLWidget(QWidget* parent) : QOpenGLWidget(parent)
{}void OpenGLWidget::initializeGL()
{initializeOpenGLFunctions();//创建VBO和VAO对象,并赋予IDglGenVertexArrays(1, &VAO);glGenBuffers(1, &VBO);//绑定VBO和VAO对象glBindVertexArray(VAO);glBindBuffer(GL_ARRAY_BUFFER, VBO);//为当前绑定到target的缓冲区对象创建一个新的数据存储//如果data不是NULL,则使用来自此指针的数据初始化数据存储glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);//告知显卡如何解析缓冲里的属性值glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3 * sizeof(float), (void*)0);//开启VAO管理的第一个属性值glEnableVertexAttribArray(0);//顶点着色器unsigned int vertexShader = glCreateShader(GL_VERTEX_SHADER);glShaderSource(vertexShader, 1, &vertexShaderSource, NULL);glCompileShader(vertexShader);//片段着色器unsigned int fragmentShader = glCreateShader(GL_FRAGMENT_SHADER);glShaderSource(fragmentShader, 1, &fragmentShaderSource, NULL);glCompileShader(fragmentShader);//着色器连接shaderProgram = glCreateProgram();glAttachShader(shaderProgram, vertexShader);glAttachShader(shaderProgram, fragmentShader);glLinkProgram(shaderProgram);//着色器使用后删除glDeleteShader(vertexShader);glDeleteShader(fragmentShader);//多边形模式:线条填充
//    glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);//EBO创建与绑定glGenBuffers(1, &EBO);glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, EBO);glBufferData(GL_ELEMENT_ARRAY_BUFFER, sizeof(indices), indices, GL_STATIC_DRAW);//VAO和VAO绑定为0,相当于释放休息glBindBuffer(GL_ARRAY_BUFFER, 0);glBindVertexArray(0);
}void OpenGLWidget::resizeGL(int w, int h)
{Q_UNUSED(h)Q_UNUSED(w)
}void OpenGLWidget::paintGL()
{//red:0.0f无色,1.0f全红glClearColor(0.2f, 0.3f, 0.3f, 1.0f);glClear(GL_COLOR_BUFFER_BIT);glUseProgram(shaderProgram);glBindVertexArray(VAO);//    glDrawArrays(GL_TRIANGLES, 0, 6);//三角形3个点,矩形6个点/** EBO解绑时VAO会记录,如果EBO上面解绑了,即* glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, 0)* 那么glDrawElements画要素需要索引,即* glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, &indices)* VBO不存在这个问题,VAO不存储VBO的绑定函数调用*/glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0/*&indices*/);
}

四、运行结果

这篇关于Qt中的OpenGL的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/870262

相关文章

基于Qt Qml实现时间轴组件

《基于QtQml实现时间轴组件》时间轴组件是现代用户界面中常见的元素,用于按时间顺序展示事件,本文主要为大家详细介绍了如何使用Qml实现一个简单的时间轴组件,需要的可以参考下... 目录写在前面效果图组件概述实现细节1. 组件结构2. 属性定义3. 数据模型4. 事件项的添加和排序5. 事件项的渲染如何使用

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

python与QT联合的详细步骤记录

《python与QT联合的详细步骤记录》:本文主要介绍python与QT联合的详细步骤,文章还展示了如何在Python中调用QT的.ui文件来实现GUI界面,并介绍了多窗口的应用,文中通过代码介绍... 目录一、文章简介二、安装pyqt5三、GUI页面设计四、python的使用python文件创建pytho

QT实现TCP客户端自动连接

《QT实现TCP客户端自动连接》这篇文章主要为大家详细介绍了QT中一个TCP客户端自动连接的测试模型,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录版本 1:没有取消按钮 测试效果测试代码版本 2:有取消按钮测试效果测试代码版本 1:没有取消按钮 测试效果缺陷:无法手动停

基于Qt实现系统主题感知功能

《基于Qt实现系统主题感知功能》在现代桌面应用程序开发中,系统主题感知是一项重要的功能,它使得应用程序能够根据用户的系统主题设置(如深色模式或浅色模式)自动调整其外观,Qt作为一个跨平台的C++图形用... 目录【正文开始】一、使用效果二、系统主题感知助手类(SystemThemeHelper)三、实现细节

Qt实现文件的压缩和解压缩操作

《Qt实现文件的压缩和解压缩操作》这篇文章主要为大家详细介绍了如何使用Qt库中的QZipReader和QZipWriter实现文件的压缩和解压缩功能,文中的示例代码简洁易懂,需要的可以参考一下... 目录一、实现方式二、具体步骤1、在.pro文件中添加模块gui-private2、通过QObject方式创建

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript

嵌入式QT开发:构建高效智能的嵌入式系统

摘要: 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发,详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程,包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发,涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用,以及嵌入式 QT 与硬件设备的交互,包括输入输出设

【QT】基础入门学习

文章目录 浅析Qt应用程序的主函数使用qDebug()函数常用快捷键Qt 编码风格信号槽连接模型实现方案 信号和槽的工作机制Qt对象树机制 浅析Qt应用程序的主函数 #include "mywindow.h"#include <QApplication>// 程序的入口int main(int argc, char *argv[]){// argc是命令行参数个数,argv是

Python QT实现A-star寻路算法

目录 1、界面使用方法 2、注意事项 3、补充说明 用Qt5搭建一个图形化测试寻路算法的测试环境。 1、界面使用方法 设定起点: 鼠标左键双击,设定红色的起点。左键双击设定起点,用红色标记。 设定终点: 鼠标右键双击,设定蓝色的终点。右键双击设定终点,用蓝色标记。 设置障碍点: 鼠标左键或者右键按着不放,拖动可以设置黑色的障碍点。按住左键或右键并拖动,设置一系列黑色障碍点