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

相关文章

Qt 中 isHidden 和 isVisible 的区别与使用小结

《Qt中isHidden和isVisible的区别与使用小结》Qt中的isHidden()和isVisible()方法都用于查询组件显示或隐藏状态,然而,它们有很大的区别,了解它们对于正确操... 目录1. 基础概念2. 区别清见3. 实际案例4. 注意事项5. 总结1. 基础概念Qt 中的 isHidd

QT移植到RK3568开发板的方法步骤

《QT移植到RK3568开发板的方法步骤》本文主要介绍了QT移植到RK3568开发板的方法步骤,文中通过图文示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录前言一、获取SDK1. 安装依赖2. 获取SDK资源包3. SDK工程目录介绍4. 获取补丁包二

Qt把文件夹从A移动到B的实现示例

《Qt把文件夹从A移动到B的实现示例》本文主要介绍了Qt把文件夹从A移动到B的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录如何移动一个文件? 如何移动文件夹(包含里面的全部内容):如何删除文件夹:QT 文件复制,移动(

Qt实现发送HTTP请求的示例详解

《Qt实现发送HTTP请求的示例详解》这篇文章主要为大家详细介绍了如何通过Qt实现发送HTTP请求,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、添加network模块2、包含改头文件3、创建网络访问管理器4、创建接口5、创建网络请求对象6、创建一个回复对

Qt 中集成mqtt协议的使用方法

《Qt中集成mqtt协议的使用方法》文章介绍了如何在工程中引入qmqtt库,并通过声明一个单例类来暴露订阅到的主题数据,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录一,引入qmqtt 库二,使用一,引入qmqtt 库我是将整个头文件/源文件都添加到了工程中进行编译,这样 跨平台

详解如何在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:没有取消按钮 测试效果缺陷:无法手动停