Qt+OpenGL-part4

kaixin_learn_qt_ing2024-04-11 14:51

1-5练习_哔哩哔哩_bilibili

添加更多顶点到数据中，使用glDrawElements，尝试绘制两个彼此相连的三角形

cpp 复制代码 
#include "openglwidget.h"
#include <QDebug>

unsigned int VBO,VAO,EBO;
unsigned int shaderProgram;

//顶点着色器
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(0.3f,0.5f,0.2f,0.2f);\n"
        "}\0";

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

}

void OpenGLWidget::initializeGL()
{
    initializeOpenGLFunctions();

    float vertices[] = {
        0.5f, 0.5f, 0.0f,   // 右上角
        0.5f, -0.5f, 0.0f,  // 右下角
        -0.5f, -0.5f, 0.0f, // 左下角
        -0.5f, 0.4f, 0.0f,   // 左上角
        -0.5f, 0.8f, 0.0f,   //另一个左上角
    };

    unsigned int indices[] = {
        // 注意索引从0开始!
        // 此例的索引(0,1,2,3)就是顶点数组vertices的下标，
        // 这样可以由下标代表顶点组合成矩形
        0, 1, 4, // 第一个三角形
        1, 2, 3  // 第二个三角形
    };
    //顶点数组
    glGenVertexArrays(1,&VAO);
    //顶点缓冲对象
    glGenBuffers(1,&VBO);
    glGenBuffers(1,&EBO);

    //绑定顶点数组
    glBindVertexArray(VAO);
    //绑定顶点缓冲对象
    glBindBuffer(GL_ARRAY_BUFFER,VBO);
    glBindBuffer(GL_ELEMENT_ARRAY_BUFFER,EBO);

    //把相关数据复制到缓冲内存中
    glBufferData(GL_ARRAY_BUFFER,sizeof(vertices),vertices,GL_STATIC_DRAW);
    //第二个参数：数据的大小（字节为单位）
    //第三个参数：数据指针
    glBufferData(GL_ELEMENT_ARRAY_BUFFER,sizeof(indices),indices,GL_STATIC_DRAW);


    glVertexAttribPointer(0,3,GL_FLOAT,GL_FALSE,3*sizeof(float),(void *)0);
    glEnableVertexAttribArray(0);

    glBindBuffer(GL_ARRAY_BUFFER,0);//解除绑定
    glBindVertexArray(0);


    unsigned int vertexShader=glCreateShader(GL_VERTEX_SHADER);
    glShaderSource(vertexShader,1,&vertexShaderSource,NULL);
    glCompileShader(vertexShader);

    int  success;
    char infoLog[512];
    glGetShaderiv(vertexShader, GL_COMPILE_STATUS, &success);

    if(!success)
    {
        glGetShaderInfoLog(vertexShader, 512, NULL, infoLog);
        qDebug() << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n" << infoLog;
    }

    unsigned int fragmentShader=glCreateShader(GL_FRAGMENT_SHADER);
    glShaderSource(fragmentShader,1,&fragmentShaderSource,NULL);
    glCompileShader(fragmentShader);

    shaderProgram=glCreateProgram();
    glAttachShader(shaderProgram,vertexShader);
    glAttachShader(shaderProgram,fragmentShader);
    glLinkProgram(shaderProgram);

    glGetProgramiv(shaderProgram, GL_LINK_STATUS, &success);
    if(!success) {
        glGetProgramInfoLog(shaderProgram, 512, NULL, infoLog);
        qDebug() << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n" << infoLog;
    }

    glDeleteShader(vertexShader);
    glDeleteShader(fragmentShader);

    glPolygonMode(GL_FRONT_AND_BACK,GL_LINE);//使用线条填充


}

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

}

void OpenGLWidget::paintGL()
{
    glClearColor(0.2f,0.3f,0.3f,1.0f);
    glClear(GL_COLOR_BUFFER_BIT);

    glUseProgram(shaderProgram);

    glBindVertexArray(VAO);
    //VAO知道VBO和EBO的情况

    glDrawElements(GL_TRIANGLES,6,GL_UNSIGNED_INT,0);
}

添加更多顶点到数据中，使用glDrawArrays，尝试绘制两个彼此相连的三角形

cpp 复制代码 
#include "openglwidget.h"
#include <QDebug>

unsigned int VBO,VAO,EBO;
unsigned int shaderProgram;

//顶点着色器
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(0.3f,0.5f,0.2f,0.2f);\n"
        "}\0";

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

}

void OpenGLWidget::initializeGL()
{
    initializeOpenGLFunctions();

    float vertices[] = {
        0.5f, 0.5f, 0.0f,
        0.5f, -0.5f, 0.0f,
        -0.5f, 0.8f, 0.0f,
        -0.5f, 0.5f, 0.0f,
        0.3f, -0.5f, 0.0f,
        -0.5f, 0.8f, 0.0f,
    };

    //顶点数组
    glGenVertexArrays(1,&VAO);
    //顶点缓冲对象
    glGenBuffers(1,&VBO);
    glGenBuffers(1,&EBO);

    //绑定顶点数组
    glBindVertexArray(VAO);
    //绑定顶点缓冲对象
    glBindBuffer(GL_ARRAY_BUFFER,VBO);
    glBindBuffer(GL_ELEMENT_ARRAY_BUFFER,EBO);

    //把相关数据复制到缓冲内存中
    glBufferData(GL_ARRAY_BUFFER,sizeof(vertices),vertices,GL_STATIC_DRAW);
    //第二个参数：数据的大小（字节为单位）
    //第三个参数：数据指针
    glBufferData(GL_ELEMENT_ARRAY_BUFFER,sizeof(indices),indices,GL_STATIC_DRAW);


    glVertexAttribPointer(0,3,GL_FLOAT,GL_FALSE,3*sizeof(float),(void *)0);
    glEnableVertexAttribArray(0);

    glBindBuffer(GL_ARRAY_BUFFER,0);//解除绑定
    glBindVertexArray(0);


    unsigned int vertexShader=glCreateShader(GL_VERTEX_SHADER);
    glShaderSource(vertexShader,1,&vertexShaderSource,NULL);
    glCompileShader(vertexShader);

    int  success;
    char infoLog[512];
    glGetShaderiv(vertexShader, GL_COMPILE_STATUS, &success);

    if(!success)
    {
        glGetShaderInfoLog(vertexShader, 512, NULL, infoLog);
        qDebug() << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n" << infoLog;
    }

    unsigned int fragmentShader=glCreateShader(GL_FRAGMENT_SHADER);
    glShaderSource(fragmentShader,1,&fragmentShaderSource,NULL);
    glCompileShader(fragmentShader);

    shaderProgram=glCreateProgram();
    glAttachShader(shaderProgram,vertexShader);
    glAttachShader(shaderProgram,fragmentShader);
    glLinkProgram(shaderProgram);

    glGetProgramiv(shaderProgram, GL_LINK_STATUS, &success);
    if(!success) {
        glGetProgramInfoLog(shaderProgram, 512, NULL, infoLog);
        qDebug() << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n" << infoLog;
    }

    glDeleteShader(vertexShader);
    glDeleteShader(fragmentShader);

    glPolygonMode(GL_FRONT_AND_BACK,GL_LINE);//使用线条填充


}

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

}

void OpenGLWidget::paintGL()
{
    glClearColor(0.2f,0.3f,0.3f,1.0f);
    glClear(GL_COLOR_BUFFER_BIT);

    glUseProgram(shaderProgram);

    glBindVertexArray(VAO);
    //VAO知道VBO和EBO的情况
    glDrawArrays(GL_TRIANGLES,0,6);
}

创建两个三角形，对它们的数据使用不同的VAO和VBO

cpp 复制代码 
#include "openglwidget.h"
#include <QDebug>

unsigned int VBOs[2],VAOs[2];
unsigned int shaderProgram;

//顶点着色器
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(0.3f,0.5f,0.2f,0.2f);\n"
        "}\0";

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

void OpenGLWidget::initializeGL()
{
    initializeOpenGLFunctions();

    float firstTriangle[]={
        -0.9f,-0.5f,0.0f,
        -0.0f,-0.5f,0.0f,
        -0.45f,0.5f,0.0f
    };

    float secondTriangle[]={
        -0.0f,-0.5f,0.0f,
        0.9f,-0.5f,0.0f,
        0.45f,0.5f,0.0f
    };
    unsigned int indices[] = {
        // 注意索引从0开始!
        // 此例的索引(0,1,2,3)就是顶点数组vertices的下标，
        // 这样可以由下标代表顶点组合成矩形
        0, 1, 4, // 第一个三角形
        1, 2, 3  // 第二个三角形
    };
    //顶点数组
    glGenVertexArrays(2,VAOs);
    //顶点缓冲对象
    glGenBuffers(2,VBOs);

    //绑定顶点数组
    glBindVertexArray(VAOs[0]);
    //绑定顶点缓冲对象
    glBindBuffer(GL_ARRAY_BUFFER,VBOs[0]);

    //把相关数据复制到缓冲内存中
    glBufferData(GL_ARRAY_BUFFER,sizeof(firstTriangle),firstTriangle,GL_STATIC_DRAW);
    //第二个参数：数据的大小（字节为单位）
    //第三个参数：数据指针

    glVertexAttribPointer(0,3,GL_FLOAT,GL_FALSE,3*sizeof(float),(void *)0);
    glEnableVertexAttribArray(0);


    //绑定顶点数组
    glBindVertexArray(VAOs[1]);
    //绑定顶点缓冲对象
    glBindBuffer(GL_ARRAY_BUFFER,VBOs[1]);

    //把相关数据复制到缓冲内存中
    glBufferData(GL_ARRAY_BUFFER,sizeof(secondTriangle),secondTriangle,GL_STATIC_DRAW);
    //第二个参数：数据的大小（字节为单位）
    //第三个参数：数据指针

    glVertexAttribPointer(0,3,GL_FLOAT,GL_FALSE,3*sizeof(float),(void *)0);
    glEnableVertexAttribArray(0);



    glBindBuffer(GL_ARRAY_BUFFER,0);//解除绑定
    glBindVertexArray(0);

    unsigned int vertexShader=glCreateShader(GL_VERTEX_SHADER);
    glShaderSource(vertexShader,1,&vertexShaderSource,NULL);
    glCompileShader(vertexShader);

    int  success;
    char infoLog[512];
    glGetShaderiv(vertexShader, GL_COMPILE_STATUS, &success);

    if(!success)
    {
        glGetShaderInfoLog(vertexShader, 512, NULL, infoLog);
        qDebug() << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n" << infoLog;
    }

    unsigned int fragmentShader=glCreateShader(GL_FRAGMENT_SHADER);
    glShaderSource(fragmentShader,1,&fragmentShaderSource,NULL);
    glCompileShader(fragmentShader);

    shaderProgram=glCreateProgram();
    glAttachShader(shaderProgram,vertexShader);
    glAttachShader(shaderProgram,fragmentShader);
    glLinkProgram(shaderProgram);

    glGetProgramiv(shaderProgram, GL_LINK_STATUS, &success);
    if(!success) {
        glGetProgramInfoLog(shaderProgram, 512, NULL, infoLog);
        qDebug() << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n" << infoLog;
    }

    glDeleteShader(vertexShader);
    glDeleteShader(fragmentShader);

    glPolygonMode(GL_FRONT_AND_BACK,GL_LINE);//使用线条填充


}

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

}

void OpenGLWidget::paintGL()
{
    glClearColor(0.2f,0.3f,0.3f,1.0f);
    glClear(GL_COLOR_BUFFER_BIT);

    glUseProgram(shaderProgram);

    glBindVertexArray(VAOs[0]);
    glDrawArrays(GL_TRIANGLES,0,3);

    glBindVertexArray(VAOs[1]);
    glDrawArrays(GL_TRIANGLES,0,3);
}

创建两个着色器程序，第二个程序使用一个不同的片段着色器。

cpp 复制代码 
#include "openglwidget.h"
#include <QDebug>

unsigned int VBOs[2],VAOs[2];
unsigned int shaderProgram,shaderProgram2;

//顶点着色器
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(0.3f,0.5f,0.2f,0.2f);\n"
        "}\0";
const char* fragmentShader2Source="#version 330 core\n"
        "out vec4 FragColor;\n"
        "void main()\n"
        "{\n"
        "FragColor=vec4(0.8f,0.8f,1.0f,0.2f);\n"
        "}\0";

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

}

void OpenGLWidget::initializeGL()
{
    initializeOpenGLFunctions();

    float firstTriangle[]={
        -0.9f,-0.5f,0.0f,
        -0.0f,-0.5f,0.0f,
        -0.45f,0.5f,0.0f
    };

    float secondTriangle[]={
        -0.0f,-0.5f,0.0f,
        0.9f,-0.5f,0.0f,
        0.45f,0.5f,0.0f
    };

    //顶点数组
    glGenVertexArrays(2,VAOs);
    //顶点缓冲对象
    glGenBuffers(2,VBOs);

    //绑定顶点数组
    glBindVertexArray(VAOs[0]);
    //绑定顶点缓冲对象
    glBindBuffer(GL_ARRAY_BUFFER,VBOs[0]);

    //把相关数据复制到缓冲内存中
    glBufferData(GL_ARRAY_BUFFER,sizeof(firstTriangle),firstTriangle,GL_STATIC_DRAW);
    //第二个参数：数据的大小（字节为单位）
    //第三个参数：数据指针

    glVertexAttribPointer(0,3,GL_FLOAT,GL_FALSE,3*sizeof(float),(void *)0);
    glEnableVertexAttribArray(0);


    //绑定顶点数组
    glBindVertexArray(VAOs[1]);
    //绑定顶点缓冲对象
    glBindBuffer(GL_ARRAY_BUFFER,VBOs[1]);

    //把相关数据复制到缓冲内存中
    glBufferData(GL_ARRAY_BUFFER,sizeof(secondTriangle),secondTriangle,GL_STATIC_DRAW);
    //第二个参数：数据的大小（字节为单位）
    //第三个参数：数据指针

    glVertexAttribPointer(0,3,GL_FLOAT,GL_FALSE,3*sizeof(float),(void *)0);
    glEnableVertexAttribArray(0);


    glBindBuffer(GL_ARRAY_BUFFER,0);//解除绑定
    glBindVertexArray(0);

    unsigned int vertexShader=glCreateShader(GL_VERTEX_SHADER);
    glShaderSource(vertexShader,1,&vertexShaderSource,NULL);
    glCompileShader(vertexShader);

    int  success;
    char infoLog[512];
    glGetShaderiv(vertexShader, GL_COMPILE_STATUS, &success);

    if(!success)
    {
        glGetShaderInfoLog(vertexShader, 512, NULL, infoLog);
        qDebug() << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n" << infoLog;
    }

    unsigned int fragmentShader=glCreateShader(GL_FRAGMENT_SHADER);
    glShaderSource(fragmentShader,1,&fragmentShaderSource,NULL);
    glCompileShader(fragmentShader);

    unsigned int fragmentShader2=glCreateShader(GL_FRAGMENT_SHADER);
    glShaderSource(fragmentShader2,1,&fragmentShader2Source,NULL);
    glCompileShader(fragmentShader2);

    shaderProgram=glCreateProgram();
    glAttachShader(shaderProgram,vertexShader);
    glAttachShader(shaderProgram,fragmentShader);
    glLinkProgram(shaderProgram);

    glGetProgramiv(shaderProgram, GL_LINK_STATUS, &success);
    if(!success) {
        glGetProgramInfoLog(shaderProgram, 512, NULL, infoLog);
        qDebug() << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n" << infoLog;
    }

    shaderProgram2=glCreateProgram();
    glAttachShader(shaderProgram2,vertexShader);
    glAttachShader(shaderProgram2,fragmentShader2);
    glLinkProgram(shaderProgram2);

    glDeleteShader(vertexShader);
    glDeleteShader(fragmentShader);
    glDeleteShader(fragmentShader2);
    glPolygonMode(GL_FRONT_AND_BACK,GL_LINE);//使用线条填充


}

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

}

void OpenGLWidget::paintGL()
{
    glClearColor(0.2f,0.3f,0.3f,1.0f);
    glClear(GL_COLOR_BUFFER_BIT);

    glUseProgram(shaderProgram);
    glBindVertexArray(VAOs[0]);
    glDrawArrays(GL_TRIANGLES,0,3);

    glUseProgram(shaderProgram2);
    glBindVertexArray(VAOs[1]);
    glDrawArrays(GL_TRIANGLES,0,3);
}
相关推荐
2601_9669496510 小时前
为什么量化策略需要大量历史股票数据？从回测可信度理解数据规模
开发语言·python·数据分析·pandas·量化交易·股票数据·quantdash
niucloud-admin10 小时前
JAVA V6 多商户商城 开发文档——插件目录结构
java·开发语言
滕州市燕猫虎计算机科技工作室个体工商户10 小时前
Java锁
java·开发语言
多加点辣也没关系10 小时前
JavaScript|第31章：表单与控件
开发语言·javascript·ecmascript
菜鸟~noob23310 小时前
【电子战】 第09篇：阵列信号处理——波束形成、MVDR、MUSIC【含matlab代码】
开发语言·matlab·信号处理
ocean210311 小时前
2025-2026年Python面试高频知识点洞察
开发语言·python·面试·python八股文
零依赖极客11 小时前
Day 6·1 ARMv8.2 dotprod——vdotq_s32 一条指令做 4 个点积
c语言·开发语言·人工智能·矩阵·arm·vllm
新时代牛马12 小时前
cyclictest 毛刺从哪来？从ftrace、latencytop、perf到IRQ/调度延迟定位
android·开发语言·python·kotlin
三84413 小时前
Java 模板注入（FreeMarker） · 02 · 模板引擎与 FreeMarker 语法
java·开发语言·web安全·freemarker
IvanCodes13 小时前
Python 基础语法（七）：推导式与常见遍历写法
开发语言·python
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单（含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等）02蜘蛛磁力 搜索引擎大全，如何使用蜘蛛磁力查找磁力链接03GitHub 镜像站点04历年考研数学一、数学二、数学三真题试卷及答案PDF05微信历史版本含下载地址（ Windows PC | 安卓 | MAC ）及设置微信不更新06【一等奖版】2026 国赛 A题 药材的烘干问题072026 国产 AI 大模型横评：DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打？08人工智能（AI）发展史：详细里程碑09ZCode 周末送额度活动开启：3 亿 Token 免费领取10如何新建文件夹？ 电脑新建文件夹的4种方法