Qt::QOpenGLWidget渲染带光照的立方体

2023-11-27 03:40

本文主要是介绍Qt::QOpenGLWidget渲染带光照的立方体,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

一 学前知识准备    

二 动手实践

三 参考文章


一 学前知识准备    

    这里为了方便不用之前的方法,之前的方法需要引入很多三方的数学库和纹理,模型等库,这里我们班用Qt工具来做更加简单方便。 在看过前面几篇文章之后,在正式开始之前还需要了解opengl渲染流程上的一些东西。

opengl坐标系统  了解opengl整个渲染流程坐标是如何转换的

OpenGL图形渲染管线、VBO、VAO、EBO概念及用例 opengl渲染cpu和gpu怎么传递大块数据

透视投影详解  理解摄像机的透视原理

OpenGL ES着色器语言之变量和数据类型  了解着色器程序中的基本变量类型

opengl如何渲染一个三角形   学会如何编写最简单着色器程序渲染最基本的渲染单位三角形

摄像机原理    理解3d场景中摄像机的实现原理

二 动手实践

立方体顶点着色器

#version 330 core
//顶点着色器uniform mat4 mvp_matrix;
uniform mat4 model_matrix;layout (location = 0) in vec3 a_position;   //空间坐标
layout (location = 1) in vec2 a_texcoord;   //纹理坐标
layout (location = 2) in vec3 a_normal;	    //法线向量out vec2 v_texcoord;
out vec3 FragPos;
out vec3 Normal;void main()
{FragPos = vec3(model_matrix * vec4(a_position, 1.0));Normal =  mat3(transpose(inverse(model_matrix))) * a_normal;  v_texcoord = a_texcoord;gl_Position = mvp_matrix * vec4(a_position,1);
}

立方体像素着色器

#version 330 core
//像素着色器in vec3 Normal;  
in vec3 FragPos;  uniform vec3 lightPos; 
uniform vec3 viewPos; 
uniform vec3 lightColor;
uniform sampler2D texture;in vec2 v_texcoord;void main()
{//环境光照float ambientStrength = 0.3;vec3 ambient = ambientStrength * lightColor;// 漫反射光照 vec3 norm = normalize(Normal);vec3 lightDir = normalize(lightPos - FragPos);float diff = max(dot(norm, lightDir), 0.0);vec3 diffuse = diff * lightColor;// 镜面光照float specularStrength = 1.0;vec3 viewDir = normalize(viewPos - FragPos);vec3 reflectDir = reflect(-lightDir, norm);  float spec = pow(max(dot(viewDir, reflectDir), 0.0), 2);vec3 specular = specularStrength * spec * lightColor;  //获取纹理中对应的颜色vec4 textureColor = texture2D(texture, v_texcoord);//把纹理中的颜色和光照参数相乘gl_FragColor = vec4(ambient + diffuse + specular, 1.0) * textureColor;
}

c++设置gpu数据

class MainWidget : public QOpenGLWidget, protected QOpenGLFunctions
{Q_OBJECT
public:explicit MainWidget(QWidget *parent = 0);~MainWidget();
protected:void mousePressEvent(QMouseEvent *e) override;void mouseReleaseEvent(QMouseEvent *e) override;void wheelEvent(QWheelEvent *event) override;void timerEvent(QTimerEvent *e) override;void initializeGL() override;void resizeGL(int w, int h) override;void paintGL() override;void initShaders();void initTextures();
private:QBasicTimer timer;QOpenGLShaderProgram cubeProgram;QOpenGLShaderProgram lightinhProgram;GeometryEngine *geometries;QOpenGLTexture *texture;QMatrix4x4 projection;QVector2D mousePressPosition;QVector3D rotationAxis;qreal angularSpeed;qreal viewChageDisOld;qreal viewChageDisNew;QQuaternion rotation;
};
#include "mainwidget.h"
#include <QMouseEvent>
#include <math.h>
#include <QTime>
#include <QDebug>//模型主动刷新帧率
#define ACTION_FPS  60
#define LIGHT_COLOR QVector3D(1.2f, 1.0f, 2.0f)
#define EYE_CENTER  QVector3D(0.0, 0.0, 8.0)
#define LIGHT_POS   QVector3D(2.5f, 2.0f, -1.0f)void MainWidget::initShaders()
{if (!lightinhProgram.addShaderFromSourceFile(QOpenGLShader::Vertex, ":/base_lighting.vs"))close();if (!lightinhProgram.addShaderFromSourceFile(QOpenGLShader::Fragment, ":/base_lighting.fs"))	close();if (!lightinhProgram.link())	close();if (!cubeProgram.addShaderFromSourceFile(QOpenGLShader::Vertex, ":/shader.vs"))close();if (!cubeProgram.addShaderFromSourceFile(QOpenGLShader::Fragment, ":/shader.fs"))close();if (!cubeProgram.link())close();geometries->setCubeGLData(&cubeProgram);geometries->setLightingGLData(&lightinhProgram);
}
void MainWidget::initTextures()
{texture = new QOpenGLTexture(QImage(":/cube.png").mirrored());texture->setMinificationFilter(QOpenGLTexture::Nearest);texture->setMagnificationFilter(QOpenGLTexture::Linear);texture->setWrapMode(QOpenGLTexture::Repeat);
}void MainWidget::resizeGL(int w, int h)
{qreal aspect = qreal(w) / qreal(h ? h : 1);const qreal zNear = 2.0, zFar = 20.0, fov = 45.0;projection.setToIdentity();projection.perspective(fov, aspect, zNear, zFar);
}//opengl渲染函数
void MainWidget::paintGL()
{glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);//开启深度测试glEnable(GL_DEPTH_TEST);//开启遮挡剔除glEnable(GL_CULL_FACE);texture->bind();qreal viewChangeRate = viewChageDisNew / 1000.f;viewChageDisOld = viewChageDisNew;QMatrix4x4 viewmatrix;//计算view矩阵viewmatrix.lookAt(EYE_CENTER, QVector3D(0, 0, -20), QVector3D(0, 1, 0));//模型坐标转换矩阵坐标QMatrix4x4 modelmatrix;//平移至左下角modelmatrix.translate(-1.6, -0.8, 0);//鼠标滚动旋转角度modelmatrix.rotate(rotation);//滚轮缩放modelmatrix.scale(1.0 * (1 + viewChangeRate));//设置cube着色器变量QMatrix4x4 mvpmatrix = projection * viewmatrix * modelmatrix;cubeProgram.bind();cubeProgram.setUniformValue("lightColor", LIGHT_COLOR);cubeProgram.setUniformValue("lightPos", LIGHT_POS);cubeProgram.setUniformValue("viewPos", EYE_CENTER);cubeProgram.setUniformValue("mvp_matrix", mvpmatrix);cubeProgram.setUniformValue("texture", 0);cubeProgram.setUniformValue("model_matrix", modelmatrix);geometries->drawCubeGeometry(&cubeProgram);//设置光源cube着色器变量QMatrix4x4 lampmodelmatrix;lampmodelmatrix.translate(LIGHT_POS);//缩放lampmodelmatrix.scale(0.4);QMatrix4x4 lampmvpmatrix = projection * viewmatrix * lampmodelmatrix;lightinhProgram.bind();lightinhProgram.setUniformValue("mvp_matrix", lampmvpmatrix);lightinhProgram.setUniformValue("lightColor", LIGHT_COLOR);geometries->drawLighting(&lightinhProgram);
}

这里只展示一些关键的代码,完整的代码地址:

gitee地址

github地址

最终效果展示:

三 参考文章

opengl教程之纹理

opengl教程之基础光照

OpenGL + Qt: 2 - 走向3D,画正四面体

这篇关于Qt::QOpenGLWidget渲染带光照的立方体的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

详解如何在React中执行条件渲染

《详解如何在React中执行条件渲染》在现代Web开发中,React作为一种流行的JavaScript库,为开发者提供了一种高效构建用户界面的方式,条件渲染是React中的一个关键概念,本文将深入探讨... 目录引言什么是条件渲染?基础示例使用逻辑与运算符(&&)使用条件语句列表中的条件渲染总结引言在现代

基于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是