qt android glsl,基于Qt的OpenGL学习(1)—— Hello Triangle

简介

要学习OpenGL的话,强烈安利这个教程JoeyDeVries的learnopengl,这里是中文翻译好的版本。教程中使用OpenGL是通过GLFW这个库,而在Qt中对OpenGL封装得很好,并且和GUI以及IO相关的处理Qt更便捷,学习起来更轻松。这里就对每篇教程,在Qt在分别直接使用OpenGL的函数和Qt封装好的类以作对比。

教程中使用的OpenGL版本为3.3,在Qt中需要使用此版本的OpenGL只需要继承类QOpenGLFunctions_3_3_Core即可。如果为了在不同设备上都能用OpenGL的话,Qt提供了类QOpenGLFunctions,这个类包含了大部分公共的函数,可能会有个别函数不能用。

对比说明

教程地址

原教程地址,相关知识可以点击链接学习。

我的工程地址,准备后期每篇教程一个commit,查看本篇代码 git checkout v1.1,喜欢就点个Star吧~

不同点

原教程关于ShaderProgram的读取、链接很繁琐,后面教程还专门写了个类Shader,这里我直接使用Qt封装好的addShaderFromSourceFile函数更方便。

Qt提供了QOpenGLShaderProgram、QOpenGLVertexArrayObject、QOpenGLBuffer这些类来处理OpenGL中的program、VAO、VBO。

运行结果

bccc565b5248

运行结果

使用OpenGL函数版

CoreFunctionWidget.h

#ifndef COREFUNCTIONWIDGET_H

#define COREFUNCTIONWIDGET_H

#include

#include

#include

#include

#include

class CoreFunctionWidget : public QOpenGLWidget

, protected /*QOpenGLExtraFunctions*/QOpenGLFunctions_3_3_Core

{

Q_OBJECT

public:

explicit CoreFunctionWidget(QWidget *parent = nullptr);

~CoreFunctionWidget();

protected:

virtual void initializeGL();

virtual void resizeGL(int w, int h);

virtual void paintGL();

private:

QOpenGLShaderProgram shaderProgram;

};

#endif // COREFUNCTIONWIDGET_H

CoreFunctionWidget.cpp

#include "CoreFunctionWidget.h"

#include

#include

static GLuint VBO, VAO, EBO;

CoreFunctionWidget::CoreFunctionWidget(QWidget *parent) : QOpenGLWidget(parent)

{

}

CoreFunctionWidget::~CoreFunctionWidget()

{

glDeleteVertexArrays(1, &VAO);

glDeleteBuffers(1, &VBO);

// glDeleteBuffers(1, &EBO);

}

void CoreFunctionWidget::initializeGL(){

this->initializeOpenGLFunctions();

bool success = shaderProgram.addShaderFromSourceFile(QOpenGLShader::Vertex, ":/triangle.vert");

if (!success) {

qDebug() << "shaderProgram addShaderFromSourceFile failed!" << shaderProgram.log();

return;

}

success = shaderProgram.addShaderFromSourceFile(QOpenGLShader::Fragment, ":/triangle.frag");

if (!success) {

qDebug() << "shaderProgram addShaderFromSourceFile failed!" << shaderProgram.log();

return;

}

success = shaderProgram.link();

if(!success) {

qDebug() << "shaderProgram link failed!" << shaderProgram.log();

}

//VAO,VBO数据部分

float vertices[] = {

0.5f, 0.5f, 0.0f, // top right

0.5f, -0.5f, 0.0f, // bottom right

-0.5f, -0.5f, 0.0f, // bottom left

-0.5f, 0.5f, 0.0f // top left

};

unsigned int indices[] = { // note that we start from 0!

0, 1, 3, // first Triangle

1, 2, 3 // second Triangle

};

glGenVertexArrays(1, &VAO);

glGenBuffers(1, &VBO);

glGenBuffers(1, &EBO);

// bind the Vertex Array Object first, then bind and set vertex buffer(s), and then configure vertex attributes(s).

glBindVertexArray(VAO);

glBindBuffer(GL_ARRAY_BUFFER, VBO);

glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW); //顶点数据复制到缓冲

glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, EBO);

glBufferData(GL_ELEMENT_ARRAY_BUFFER, sizeof(indices), indices, GL_STATIC_DRAW);

glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3 * sizeof(GLfloat), (void*)0);//告诉程序如何解析顶点数据

glEnableVertexAttribArray(0);

glBindBuffer(GL_ARRAY_BUFFER, 0);//取消VBO的绑定, glVertexAttribPointer已经把顶点属性关联到顶点缓冲对象了

// remember: do NOT unbind the EBO while a VAO is active as the bound element buffer object IS stored in the VAO; keep the EBO bound.

// glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, 0);

// You can unbind the VAO afterwards so other VAO calls won't accidentally modify this VAO, but this rarely happens. Modifying other

// VAOs requires a call to glBindVertexArray anyways so we generally don't unbind VAOs (nor VBOs) when it's not directly necessary.

glBindVertexArray(0); //取消VAO绑定

//线框模式,QOpenGLExtraFunctions没这函数, 3_3_Core有

// glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);

}

void CoreFunctionWidget::resizeGL(int w, int h){

glViewport(0, 0, w, h);

}

void CoreFunctionWidget::paintGL(){

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

glClear(GL_COLOR_BUFFER_BIT);

shaderProgram.bind();

glBindVertexArray(VAO); // seeing as we only have a single VAO there's no need to bind it every time, but we'll do so to keep things a bit more organized

// glDrawArrays(GL_TRIANGLES, 0, 6);

glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0);

shaderProgram.release();

}

使用Qt相关函数版

QtFunctionWidget.h

#ifndef QTFUNCTIONWIDGET_H

#define QTFUNCTIONWIDGET_H

#include

#include

#include

#include

#include

#include

#include

#include

class QtFunctionWidget : public QOpenGLWidget, protected QOpenGLFunctions

{

public:

QtFunctionWidget(QWidget *parent = nullptr);

~QtFunctionWidget() Q_DECL_OVERRIDE;

protected:

virtual void initializeGL() Q_DECL_OVERRIDE;

virtual void resizeGL(int w, int h) Q_DECL_OVERRIDE;

virtual void paintGL() Q_DECL_OVERRIDE;

private:

QOpenGLShaderProgram shaderProgram;

QOpenGLBuffer vbo, ebo;

QOpenGLVertexArrayObject vao;

};

#endif // QTFUNCTIONWIDGET_H

QtFunctionWidget.cpp

#include "QtFunctionWidget.h"

#include

QtFunctionWidget::QtFunctionWidget(QWidget *parent) : QOpenGLWidget (parent),

vbo(QOpenGLBuffer::VertexBuffer),

ebo(QOpenGLBuffer::IndexBuffer)

{

}

QtFunctionWidget::~QtFunctionWidget(){

makeCurrent();

vbo.destroy();

ebo.destroy();

vao.destroy();

doneCurrent();

}

void QtFunctionWidget::initializeGL(){

this->initializeOpenGLFunctions();

bool success = shaderProgram.addShaderFromSourceFile(QOpenGLShader::Vertex, ":/triangle.vert");

if (!success) {

qDebug() << "shaderProgram addShaderFromSourceFile failed!" << shaderProgram.log();

return;

}

success = shaderProgram.addShaderFromSourceFile(QOpenGLShader::Fragment, ":/triangle.frag");

if (!success) {

qDebug() << "shaderProgram addShaderFromSourceFile failed!" << shaderProgram.log();

return;

}

success = shaderProgram.link();

if(!success) {

qDebug() << "shaderProgram link failed!" << shaderProgram.log();

}

//VAO,VBO数据部分

GLfloat vertices[] = {

0.5f, 0.5f, 0.0f, // top right

0.5f, -0.5f, 0.0f, // bottom right

-0.5f, -0.5f, 0.0f, // bottom left

-0.5f, 0.5f, 0.0f // top left

};

unsigned int indices[] = { // note that we start from 0!

0, 1, 3, // first Triangle

1, 2, 3 // second Triangle

};

QOpenGLVertexArrayObject::Binder vaoBind(&vao);

vbo.create();

vbo.bind();

vbo.allocate(vertices, sizeof(vertices));

ebo.create();

ebo.bind();

ebo.allocate(indices, sizeof(indices));

int attr = -1;

attr = shaderProgram.attributeLocation("aPos");

shaderProgram.setAttributeBuffer(attr, GL_FLOAT, 0, 3, sizeof(GLfloat) * 3);

shaderProgram.enableAttributeArray(attr);

vbo.release();

// remember: do NOT unbind the EBO while a VAO is active as the bound element buffer object IS stored in the VAO; keep the EBO bound.

// ebo.release();

}

void QtFunctionWidget::resizeGL(int w, int h){

glViewport(0, 0, w, h);

}

void QtFunctionWidget::paintGL(){

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

glClear(GL_COLOR_BUFFER_BIT);

shaderProgram.bind();

{

QOpenGLVertexArrayObject::Binder vaoBind(&vao);

glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0);

}

shaderProgram.release();

}

GLSL

triangle.vert

#version 330 core

layout(location = 0) in vec3 aPos;

void main(){

gl_Position = vec4(aPos.x, aPos.y, aPos.z, 1.0f);

}

triangle.frag

#version 330 core

out vec4 FragColor;

void main(){

FragColor = vec4(1.0f, 0.5f, 0.2f, 1.0f);

}

main.cpp

#include

#include "MainWindow.h"

#include "QtFunctionWidget.h"

#include "CoreFunctionWidget.h"

int main(int argc, char *argv[])

{

QApplication a(argc, argv);

// MainWindow w;

QtFunctionWidget w1;

CoreFunctionWidget w2;

w1.setWindowTitle(QObject::tr("QtFunction"));

w2.setWindowTitle(QObject::tr("CoreFunction"));

w1.show();

w2.show();

return a.exec();

}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/456984.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

解决:Not Found: /favicon.ico

直接说解决办法&#xff1a; &#xff08;1&#xff09;制作一个 favicon.ico图标放在<head></head>标签中 <link rel"shortcut icon" href"xxxxxxxxxx.ico" type"image/x-icon" /> <!--制作的图标&#xff0c;使用hr…

多态方法调用的解析和分派

方法调用并不等同于方法执行&#xff0c;方法调用阶段唯一的任务就是确定被调用方法的版本&#xff08;即调用哪一个方法&#xff09;&#xff0c;暂时还不涉及方法内部的具体运行过程。在程序运行时&#xff0c;进行方法调用是最普遍、最频繁的操作&#xff0c;Class文件的编译…

关于用VS写C程序运行时出现烫字以及乱码的问题的原因

最近在复习C语言写程序时&#xff0c;突然碰到标题上的这种情况&#xff0c;后来经过上网查找以及逐步调试才发现原来是在打印数组的时候“越界”导致的&#xff0c;因为程序在默认初始化char类型的数组时&#xff0c;初始化的值是“烫”字&#xff0c;一般情况下是字符串未初始…

ARM TK1 安装kinect驱动

首先安装usb库 $ git clone https://github.com/libusb/libusb.git 编译libusb需要的工具 $ sudo apt-get install autoconf autogen $ sudo apt-get install libtool $ sudo apt-get install libudev* 编译安装 $ sudo ./autogen.sh $ sudo make $ sudo make install $ sudo l…

大数据入门:各种大数据技术的介绍

大数据我们都知道hadoop&#xff0c;可是还会各种各样的技术进入我们的视野&#xff1a;Spark&#xff0c;Storm&#xff0c;impala&#xff0c;让我们都反映不过来。为了能够更好的架构大数据项目&#xff0c;这里整理一下&#xff0c;供技术人员&#xff0c;项目经理&#xf…

安装安全类软件进行了android签名漏洞修补,魅族MX3怎么升级固件体验最新比较稳定的版本...

魅族mx3固件怎么升级?flyme os系统会持续更新&#xff0c;升级魅族MX3手机系统需先下载MX3的升级固件&#xff0c;升级固件分为体验版和稳定版。魅族MX3固件有体验版和稳定版两种&#xff0c;顾名思义&#xff0c;体验版为最新版但相比稳定版来说存在更多的漏洞&#xff0c;升…

ubuntu入门知识

1、linux系统发展历史 unix -> Linux -> ubuntu linux发展轨迹图 2、ubuntu下载和安装 推荐使用长期支持版本&#xff1a; 10.04,12.04,14.04或LTS版本 安装环境VMware虚拟机 3、安装之后创建root sudo passwd root 输入root用户密码即可 4、安装软件&#xff1a; 更新软…

Vim的基本操作总结

最近在学习Linux基础的时候&#xff0c;对Vim的基本操作时遇到很多问题&#xff0c;如编辑错误&#xff0c;无法退出Vim等。通过一系列的学习后才解决了这些问题&#xff0c;希望这个过程能对后来者有所帮助 先对Vim的三种模式做个大致的介绍&#xff1a; Vi有三种基本工作模式…

11月14号站立会议(从即日14号起到24号截至为final阶段工作期)

小组名称&#xff1a;飞天小女警 项目名称&#xff1a;礼物挑选小工具 小组成员&#xff1a;沈柏杉&#xff08;组长&#xff09;、程媛媛、杨钰宁、谭力铭 代码地址&#xff1a;HTTPS:https://git.coding.net/shenbaishan/GIFT.git SSH&#xff1a;gitgit.coding.net:shenbais…

初学大数据之模块集成:Pycharm安装numpy,scipy,sklearn等包时遇到的各种问题的一键解决方法

最近在学习机器学习&#xff0c;要用Python写程序&#xff0c;习惯了用IDE软件&#xff0c;所以就使用Pycharm软件。但是在导入类似numpy,sklearn等模块的时候&#xff0c;发现了各种问题&#xff08;如Python版本与模块之间的兼容等各类问题&#xff09;,上网找了许多方法&…

html 圆环实现多种颜色,SVG实现多彩圆环倒计时效果的示例代码

圆环倒计时我们经常见到&#xff0c;实现的方法也有很多种。但是本文将介绍一种全新的实现方式&#xff0c;使用SVG来实现倒计时功能。本文主要用到了SVG的stroke-dasharray和stroke-dashoffset特性。下图是倒计时运行效果&#xff1a;SVG倒计时案例下面说说相关的实现代码。cs…

初学大数据之Python中5个最佳的数据科学库的学习

在下载了pycharm软件以及通过前两篇文章&#xff0c;配置了相应的模块包之后&#xff0c;那就开始对常用的模块的学习&#xff0c;以便后期利用这些模块对数据做模型化处理。 如果你已经决定把Python作为你的编程语言&#xff0c;那么&#xff0c;你脑海中的下一个问题会是&…

模拟银行自动提款系统python

列出对象及属性名称行为...py 人 类名&#xff1a;Person 属性&#xff1a;姓名 身份证号 电话 卡 行为&#xff1a;卡 类名&#xff1a;Card 属性&#xff1a;卡号 密码 余额 行为&#xff1a;银行 类名&#xff1a;Bank 属性&#xff1a;用户列表 提款机提款机 类名&#xf…

sklearn中常用的数据预处理方法

常见的数据预处理方法&#xff0c;以下通过sklearn的preprocessing模块来介绍; 1. 标准化&#xff08;Standardization or Mean Removal and Variance Scaling) 变换后各维特征有0均值&#xff0c;单位方差。也叫z-score规范化&#xff08;零均值规范化&#xff09;。计算方式是…

SharePoint Server 2016 PWA(Project web app) 被变为只读模式

今天有同事反应了一个状况&#xff0c;我们SharePoint 2016里面集成的Project Web App(以下简称PWA)变成 read-only 只读模式了&#xff01;今天就给大家分享一下我的排查过程&#xff0c;供大家参考。 整个过程我一共使用了五种办法&#xff0c;结果最后一种才生效&#xff0c…

集成学习之参数调整策略

1 Random Forest和Gradient Tree Boosting参数详解 在sklearn.ensemble库中&#xff0c;我们可以找到Random Forest分类和回归的实现&#xff1a;RandomForestClassifier和RandomForestRegression&#xff0c;Gradient Tree Boosting分类和回归的实现&#xff1a;GradientBoost…

Random Forest算法中的参数详解

本篇不是介绍RF的&#xff0c;关于RF网上有很多通俗易懂的解释 西瓜书与统计学习方法等很多教材中的解释也都足够 本篇仅针对如何使用sklearn中的RandomForestClassifier作记录 一、代码怎么写 [python] view plaincopy print?class sklearn.ensemble.RandomForestClassifier(…

给未来的自己一封信计算机,给未来的自己的一封信范文(精选5篇)

给未来的自己的一封信范文(精选5篇)在日常生活或是工作学习中&#xff0c;大家总免不了要接触或使用书信吧&#xff0c;书信一般包括称呼、问候语、正文、祝语、署名、日期六个部分。你知道书信怎样写才规范吗&#xff1f;下面是小编为大家收集的给未来的自己的一封信范文(精选…

GBDT算法简介

在网上看到一篇GBDT介绍非常好的文章&#xff0c;GBDT大概是非常好用又非常好用的算法之一了吧(哈哈 两个好的意思不一样) GBDT(Gradient Boosting Decision Tree) 又叫 MART&#xff08;Multiple Additive Regression Tree)&#xff0c;是一种迭代的决策树算法&#xff0c;该算…

DevExpress Chart空间Y轴归一化(线性归一化函数)

数据的标准化&#xff08;normalization&#xff09;是将数据按比例缩放&#xff0c;使之落入一个小的特定区间。在某些比较和评价的指标处理中经常会用到&#xff0c;去除数据的单位限制&#xff0c;将其转化为无量纲的纯数值&#xff0c;便于不同单位或量级的指标能够进行比较…