QOpenGL画三角形

1、在新建的工程上在新建一个widget窗口类,用于继承QOpenGLWidget类
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2、重写initializeGL、paintGL和resizeGL三个函数

#include "openglwidget.h"
#include "ui_openglwidget.h"

//GLSL3.0版本后,废弃了attribute关键字(以及varying关键字),属性变量统一用in/out作为前置关键字
#define GL_VERSION  "#version 330 core\n"

#define GLCHA(x) #x           //加单引号,将x变为字符
#define GLSTR(x)  #x           //加双引号,将x变为字符串
#define GET_GLSTR(x) GL_VERSION#x

//编写顶点着色器和片段着色器
const char *vsrc = GET_GLSTR(
    layout (location = 0) in vec3 aPos;
    void main(void)
    {
        gl_Position = vec4(aPos.x, aPos.y, aPos.z, 1.0);
    }
);

const char *fsrc =GET_GLSTR(
    out vec4 FragColor;
    void main(void)
    {
        FragColor = vec4(1.0f, 0.0f, 0.0f, 1.0f);
    }
);


OpenGLWidget::OpenGLWidget(QWidget *parent) :
QOpenGLWidget(parent)
{

}


//初始化OpenGL并载入模型参数
void OpenGLWidget::initializeGL(){

    //调用内容初始化函数
    initializeOpenGLFunctions();

    glClearColor(1.0f, 1.0f, 1.0f, 1.0f);    //设置背景色为白色

    //1.创建顶点着色器
    QOpenGLShader *vshader = new QOpenGLShader(QOpenGLShader::Vertex, this);
    vshader->compileSourceCode(vsrc);


    //2.创建片元着色器 rgba(1.0f, 1.0f, 0.0f, 1.0f)表示黄色,而alpha值为1.0,表示完全不透明
    QOpenGLShader *fshader = new QOpenGLShader(QOpenGLShader::Fragment, this);
    fshader->compileSourceCode(fsrc);

    //3.创建着色器程序
    program = new QOpenGLShaderProgram;
    program->addShader(vshader);
    program->addShader(fshader);
    program->link();
    program->bind();//激活Program对象


    //4.初始化VBO,将顶点数据存储到buffer中,等待VAO激活后才能释放
    float vertices[] = {
        -1.0f, -1.0f, 0.0f,
        1.0f, -1.0f, 0.0f,
        0.0f, 1.0f, 0.0f
    };

    vbo.create();
    vbo.bind();              //绑定到当前的OpenGL上下文,
    vbo.allocate(vertices, 9*sizeof(GLfloat));
    vbo.setUsagePattern(QOpenGLBuffer::StreamDraw);  //设置为一次修改,多次使用


    //5.初始化VAO,设置顶点数据状态(顶点,法线,纹理坐标等)
    vao.create();
    vao.bind();

    GLint aPos = program->attributeLocation("aPos");        //获取aPos位置
    if(aPos==-1)  //未找到
    {
       return;
    }
    program->setAttributeBuffer(aPos, GL_FLOAT, 0,  3, 0);   //设置顶点属性
    program->enableAttributeArray(aPos); //使能顶点属性


    //6.解绑所有对象
    vao.release();
    vbo.release();
    program->release();

}


//修改重置尺寸
void OpenGLWidget::resizeGL(int w, int h){

    //当窗口大小改变时,调整界面坐标显示高度和宽度
    glViewport(0, 0, w, h);

}


//修改绘制函数
void OpenGLWidget::paintGL(){

    //清除之前图形并将背景设置为黑色
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    glClearColor(1.0f, 1.0f, 1.0f, 0.0f);

    // 渲染Shader
    program->bind(); //绑定激活Program对象
    vao.bind();      //绑定激活vao
    glDrawArrays(GL_TRIANGLES, 0, 3);    //绘制3个定点,样式为三角形
    vao.release();       //解绑
    program->release();  //解绑
}

头文件

#ifndef OPENGLWIDGET_H
#define OPENGLWIDGET_H

#include <QWidget>
#include <QOpenGLWidget>
#include <QOpenGLFunctions>
#include <QOpenGLShaderProgram>
#include <QGenericPlugin>
#include <QOpenGLShader>
#include <QOpenGLBuffer>
#include <QOpenGLVertexArrayObject>

class OpenGLWidget : public QOpenGLWidget, protected QOpenGLFunctions
{

public:
    explicit OpenGLWidget(QWidget *parent = 0);

protected:
    void initializeGL();
    void paintGL();
    void resizeGL(int w, int h);
    void initVbo();

private:
    QOpenGLShaderProgram *program;
    QOpenGLVertexArrayObject vao;
    QOpenGLBuffer vbo;

};

#endif // OPENGLWIDGET_H

主窗口添加opngl

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "openglwidget.h"
#include <QVBoxLayout>

MainWindow::MainWindow(QWidget *parent) :
QMainWindow(parent),
ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    OpenGLWidget* openGLWidget = new OpenGLWidget();
    //为了便于让OpenGLWidget自动填充父窗口,这里为父窗口设置了一个布局
    QVBoxLayout* centralLayout = new QVBoxLayout();
    centralLayout->addWidget(openGLWidget);
    this->ui->centralWidget->setLayout(centralLayout);
}

MainWindow::~MainWindow()
{
    delete ui;
}


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值