08——qt opengl 点精灵 贴图 混合

已于 2022-02-18 09:02:46 修改
阅读量257 收藏 1
点赞数
分类专栏： opengl 文章标签： c++ opengl 点精灵
于 2022-02-18 09:02:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wqs880527/article/details/122995903
版权
这个博客详细介绍了如何使用OpenGL进行图形渲染，包括创建顶点和片段着色器，实现纹理混合。作者通过QOpenGLWidget实现了纹理的加载、混合以及点精灵的绘制，同时展示了如何使用矩阵变换和OpenGL函数控制渲染模式。代码中包含了初始化GL函数、设置顶点数据、创建和应用着色器以及调整渲染模式的步骤。
摘要由CSDN通过智能技术生成

  qmyopenglwidget.h

#ifndef QMYOPENGLWIDGET_H
#define QMYOPENGLWIDGET_H

#include <QWidget>
#include <QOpenGLWidget>
#include <QOpenGLFunctions_3_3_Core>
#include <QOpenGLShaderProgram>

class QMyOpenglWidget : public QOpenGLWidget, QOpenGLFunctions_3_3_Core
{
public:
    enum EType {
        eNone,
        eFull,
        eLine,
        ePoint,

    };

    Q_OBJECT
public:
    explicit QMyOpenglWidget(QWidget* parent = nullptr);

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

public:
    void cretaeShader();
    void initDrawData(GLuint &vao, float *vertices, int vSize, GLuint &ebo);
    void modeChange(EType type = eLine);
    unsigned int setImage(const char *filename);

private:
    unsigned int vao1;
    unsigned int ebo1;
    QOpenGLShaderProgram program;

    GLuint programId;
    GLint mLocation;
    GLint vLocation;
    GLint pLocation;
    GLint mixLocation;

    GLint vertexLocation;
    GLint colorLocation;
    GLint uvLocation;

    QMatrix4x4 mMatrix;
    QMatrix4x4 vMatrix;
    QMatrix4x4 pMatrix;

    unsigned int texture0;
    unsigned int texture1;


signals:

public slots:


};

#endif // QMYOPENGLWIDGET_H

qmyopenglwidget.cpp

#include "qmyopenglwidget.h"
#include <QGLWidget>
#include <QTime>

int count = 10000;

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

}


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

    cretaeShader();

    //三角形顶点坐标
    float s = 2.0f/2;
    float s2 = 2.0f;


    GLfloat *vertices = new float[count*3];


    for(int i = 0; i < count * 3;)
    {
        vertices[i++] = rand()%1000 - 500;
        vertices[i++] = rand()%1000 - 500;
        vertices[i++] = rand()%1000 - 500;
    }

    initDrawData(vao1, vertices, count*3, ebo1);

    glEnable(GL_CULL_FACE); //启动了背面裁剪
    glFrontFace(GL_CCW); //设置逆时针为正面
    glEnable(GL_BLEND); //启动混合
    glBlendFunc(GL_SRC_ALPHA,GL_ONE_MINUS_SRC_ALPHA); //混合模式选择
    glEnable(GL_PROGRAM_POINT_SIZE); //开启shader 设置点大小
    glPointParameteri(GL_POINT_SPRITE_COORD_ORIGIN, GL_LOWER_LEFT); //设置点精灵中 贴图的原点 位置为 左下角
    glEnable(GL_POINT_SPRITE_ARB); //启动点精灵贴图绘制
}

void QMyOpenglWidget::resizeGL(int w, int h)
{
    glViewport(0, 0, w, h);
    pMatrix.setToIdentity();
    float aspect = float(w*1.0)/ float(h);
    //printf("aspect = %f \n", aspect);
    qDebug()<<"aspect = "<<aspect<<" resizeGL";
    //aspect = int(aspect * 100) / 100.0f;
    //aspect = 1.42857f;
    pMatrix.perspective(45.0f, aspect, 0.000f, 10000.f);
    //pMatrix.ortho(float left, float bottom, float width, float height)
    //pMatrix.ortho(0, 0 , w, h, 0, 100);
    vMatrix.lookAt(QVector3D{0.0,0.0,-1000.0}, QVector3D{0.0,0.0,1.0},QVector3D{0.0,1.0,0.0});
    mMatrix.setToIdentity();
    mMatrix.translate(QVector3D{0.0,0.0,3.0});

    mMatrix.rotate(-30, QVector3D{1.0,0.0,0.0});
    update();
}

void QMyOpenglWidget::paintGL()
{

    //qDebug()<<" paintGL";
    glClearColor(0.2f, 0.2f, 0.1f, 0.1f);
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    //混合计时
    int nowMSec5 = QTime::currentTime().msec() + (QTime::currentTime().second()%5)*1000;
    float mix = (abs((nowMSec5)%5000 - 2500))/2500.0f;
    glUniform1f(mixLocation, mix);
    //qDebug()<<mix;

    glUniformMatrix4fv(mLocation, 1, GL_FALSE, mMatrix.data());
    glUniformMatrix4fv(vLocation, 1, GL_FALSE, vMatrix.data());
    glUniformMatrix4fv(pLocation, 1, GL_FALSE, pMatrix.data());



    //多张纹理激活 绑定
    glActiveTexture(GL_TEXTURE0);
    glBindTexture(GL_TEXTURE_2D, texture0);
    glActiveTexture(GL_TEXTURE1);
    glBindTexture(GL_TEXTURE_2D, texture1);

    mMatrix.rotate(-1, QVector3D{1.0,0,0});

    //glVertexAttribPointer(vertexLocation, 3, GL_FLOAT, FALSE, 3*sizeof (GL_FLOAT), nullptr);

    //glBindBuffer(GL_ELEMENT_ARRAY_BUFFER,ebo1);
    glBindVertexArray(vao1);


    //glDrawElements(GL_TRIANGLES, 36, GL_UNSIGNED_INT, nullptr);
    //点精灵 绘制时需要选择 GL_POINTS
    glDrawArrays(GL_POINTS, 0, count);

    update();
    //glDisable(GL_BLEND);//关闭混合

    //draw(eLine);
}

void QMyOpenglWidget::cretaeShader()
{
    program.addShaderFromSourceFile(QOpenGLShader::Vertex, ":/vertex.vert");
    program.addShaderFromSourceFile(QOpenGLShader::Fragment, ":/frag.frag");
    program.bind();
    program.link();

    programId = program.programId();
    mLocation = glGetUniformLocation(programId, "mMatrix");
    vLocation = glGetUniformLocation(programId, "vMatrix");
    pLocation = glGetUniformLocation(programId, "pMatrix");
    mixLocation = glGetUniformLocation(programId, "mix");
    vertexLocation = glGetAttribLocation(programId, "pos");
    //colorLocation = glGetAttribLocation(programId, "color");
    //uvLocation = glGetAttribLocation(programId, "uv0");


    Q_ASSERT(mLocation != -1);
    Q_ASSERT(vLocation != -1);
    Q_ASSERT(pLocation != -1);
    //Q_ASSERT(mixLocation != -1);
    Q_ASSERT(vertexLocation != -1);
    //Q_ASSERT(colorLocation != -1);
    //Q_ASSERT(uvLocation != -1);

}

void QMyOpenglWidget::initDrawData(GLuint &vao, float *vertices, int vSize, GLuint &ebo)
{


    //顶点点颜色
    GLfloat colors[] = {  1.0f, 0.0f, 0.0f,1.0f ,  //红
                         0.0f, 1.0f, 0.0f ,1.0f ,  //绿
                         0.0f, 0.0f, 1.0f ,1.0f ,  //蓝
                         0.0f, 0.0f, 0.0f ,1.0f ,  //白
                          1.0f, 0.0f, 0.0f,1.0f ,  //红
                           0.0f, 1.0f, 0.0f ,1.0f ,  //绿
                           0.0f, 0.0f, 1.0f ,1.0f ,  //蓝
                           0.0f, 0.0f, 0.0f ,1.0f ,  //白

                          1.0f, 0.0f, 0.0f,1.0f ,  //红
                           0.0f, 1.0f, 0.0f ,1.0f ,  //绿
                           0.0f, 0.0f, 1.0f ,1.0f ,  //蓝
                           0.0f, 0.0f, 0.0f ,1.0f ,  //白
                            1.0f, 0.0f, 0.0f,1.0f ,  //红
                             0.0f, 1.0f, 0.0f ,1.0f ,  //绿
                             0.0f, 0.0f, 1.0f ,1.0f ,  //蓝
                             0.0f, 0.0f, 0.0f ,1.0f ,  //白
                       };


    //**************vao******************************//
    glGenVertexArrays(1, &vao);
    glBindVertexArray(vao);

    //******************* Vbo vertices*******************//
    unsigned int vbo1;
    glGenBuffers(1, &vbo1);
    glBindBuffer(GL_ARRAY_BUFFER, vbo1);
    //为当前绑定到target 的缓冲区对象创建一个新的数据存储  //
    glBufferData(GL_ARRAY_BUFFER, vSize, vertices, GL_STATIC_DRAW);
    //告知显卡如何解析缓冲区里的属性值
    glVertexAttribPointer(vertexLocation, 3, GL_FLOAT, FALSE, 3*sizeof (GL_FLOAT), nullptr);
    //开启VAO管理的第一个属性
    glEnableVertexAttribArray(vertexLocation);

    //************** Vbo color**************************/
    //unsigned int vboColor;
    //glGenBuffers(1, &vboColor);
    //glBindBuffer(GL_ARRAY_BUFFER, vboColor);
    //为当前绑定到target 的缓冲区对象创建一个新的数据存储  //
    //glBufferData(GL_ARRAY_BUFFER, sizeof(colors), colors, GL_STATIC_DRAW);
    //告知显卡如何解析缓冲区里的属性值
    //glVertexAttribPointer(colorLocation, 4, GL_FLOAT, FALSE, 4*sizeof (GL_FLOAT), nullptr);
    //开启VAO管理的第一个属性
    //glEnableVertexAttribArray(colorLocation);

    //**************创建纹理**************///
    glUniform1i(glGetUniformLocation(programId, "texture0"), 0);
    texture0 = setImage(":/shui.png");
    glUniform1i(glGetUniformLocation(programId, "texture1"), 1);
    texture1 = setImage(":/xue.png");

}

unsigned int QMyOpenglWidget:: setImage(const char *filename)
{
    QImage image = QImage(filename);
    image = QGLWidget::convertToGLFormat(image); //格式转换

    unsigned int texture;
    glGenTextures(1, &texture);
    //glActiveTexture(textureNum);
    glBindTexture(GL_TEXTURE_2D, texture);

    // set the texture wrapping/filtering options (on the currently bound texture object)
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR_MIPMAP_LINEAR);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
    // load and generate the texture
    int width, height, nrChannels;
    width = image.width();
    height = image.height();
    nrChannels = image.depth();
    Q_ASSERT(width>0 && height > 0);
    //unsigned char *data = stbi_load("container.jpg", &width, &height, &nrChannels, 0);
    if (image.bits())
    {
        glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, width, height, 0, GL_RGBA, GL_UNSIGNED_BYTE, image.bits());
        glGenerateMipmap(GL_TEXTURE_2D);
    }
    else
    {
        //std::cout << "Failed to load texture" << std::endl;
        Q_ASSERT(0);
    }


    return texture;

}

void QMyOpenglWidget::modeChange(QMyOpenglWidget::EType type)
{
    makeCurrent(); //设置当前opengl 渲染环境
    switch(type)
    {
        case eLine: {glPolygonMode(GL_FRONT_AND_BACK, GL_LINE); break;}
        case eFull: {glPolygonMode(GL_FRONT_AND_BACK, GL_FILL); break;}
        case ePoint: {glPolygonMode(GL_FRONT_AND_BACK, GL_POINT); break;}
        default: {glPolygonMode(GL_FRONT_AND_BACK, GL_FILL); break;}
    }


    //glBindVertexArray(vao1);
    //glDrawArrays(GL_TRIANGLES, 0, 3);
    update();
    doneCurrent();
}

vertex.vert

#version 330 core
uniform mat4 pMatrix;
uniform mat4 vMatrix;
uniform mat4 mMatrix;
in vec3 pos;
//in vec4 color;
//in vec2 uv0;
//out vec4 fcolor;
out vec2 TexCoord0;
void main(void)
{
    //fcolor = color;
    gl_PointSize = 32;
    gl_Position = pMatrix  * vMatrix * mMatrix * vec4(pos, 1.0);
    //TexCoord0 = uv0;
}

frag.frag

#version 330 core
//in vec4 fcolor;
out vec4 FragColor; //片段着色器输出
//in vec2 TexCoord0;
uniform sampler2D texture0;
uniform sampler2D texture1;
uniform float mix;
void main(void)
{
    //FragColor = fcolor*0.3 +  (texture2D(texture0, TexCoord0) * mix) + ((1 - mix) * texture2D(texture1, TexCoord0));
    //FragColor = fcolor*0.3 +  (texture2D(texture0, gl_PointCoord) * mix);//+ ((1 - mix) * texture2D(texture1, gl_PointCoord));
    FragColor = (texture2D(texture0, gl_PointCoord)* mix) + (1 - mix) *(texture2D(texture1, gl_PointCoord));//+ ((1 - mix) * texture2D(texture1, gl_PointCoord));
}

青松0527
关注
专栏目录
Qt OpenGL 绘制复合纹理图样
yang1fei2的博客
11-13 4143
将多个纹理按照一定比例进行混合便形成了复合纹理。这里提供一个案例,介绍一下使用Qt的OpenGL模块如何实现复合纹理样式。案例中通过上下方向键可以调节混合比例，原始混合比例为0.2。通过复合纹理可以得到复杂的图像。案例对应的代码demo如下,欢迎参考。 opengl.h #ifndef OPENGL_H #define OPENGL_H #include <QtWidgets/QWidget> #include <QtOpenGL/QGLWidget> #include &l
Qt OpenGL（二十）——Qt OpenGL 核心模式版本
ifeng12358的博客
10-26 3819
在之前的OpenGL教程（1~19）中，采用的方式都是固定渲染管线，也就是OpenGL3.2版本之前的写法，但是OpenGL从3.2版本开始，就鼓励使用核心模式进行开发了，其目的就是为了提高效率，增加编程的灵活性。 从本篇开始，我把核心模式方法的写法分享给大家，主要还是借助以Qt开发。
06——qt opengl 立方体 ebo 贴图
wqs880527的博客
02-16 700
qmyopenglwidget.h #ifndef QMYOPENGLWIDGET_H #define QMYOPENGLWIDGET_H #include <QWidget> #include <QOpenGLWidget> #include <QOpenGLFunctions_3_3_Core> #include <QOpenGLShaderProgram> class QMyOpenglWidget : public QOpenGLWidget,
Qt opengl 让物体在关照下动起来，形成动画
wb175208的专栏
07-27 472
代码】Qtopengl让物体在关照下动起来，形成动画。
Qt + OpenGL + Animation + Rect + 移动的矩形
10-03
这个是用Qt中QGLWidget实现的OpenGL移动的矩形。
QT之OpenGL摄像机
weixin_41111116的博客
11-20 1210
QT之OpenGL摄像机
Qt OpenGL（二十二）——Qt OpenGL 核心模式-VAO和VBO
ifeng12358的博客
11-19 2018
你只需要记住现在这些步骤就行。在调用VAO的时候，使用的函数glVertexAttribPointer函数，Attrib就是属性的意思，这个函数就是指定输入数据的哪一个部分对应顶点着色器的哪一个顶点属性。所以，VBO的作用就是在CPU和GPU之间充当一个桥梁的作用，当我们把顶点数据存到VBO，VBO就会把数据自动的送到GPU，我们不需要关心他怎么送过去的，我们只要负责往VBO中送数据就行了（使用函数实现）。上面是我们需要绘制的顶点，同时也包含顶点颜色数据，也有可能会包含纹理数据，这个以后会介绍。
Qt OpenGL（二十一）——Qt OpenGL 核心模式绘制一个三角形的流程
ifeng12358的博客
11-04 2518
上一篇文章介绍了Qt Creator中的示例，旋转的三角形。本篇介绍通过OpenGL核心模式的代码实现绘制三角形，稍后会通过Qt封装的OpenGL核心模式的代码（即OpenGL 3.2及之后的版本）实现旋转的三角形。接下来的几篇会实现上一篇中的会旋转的彩色三角形。在OpenGL3.2版本之前，OpenGL使用的都是固定渲染管线的写法，在3.2版本之后，进入核心模式之后，使用的都是图形渲染管线。渲染管线又称渲染流水线，它是图形图像从数据一步一步形成最终输出的画面所要经历的各种操作过程。
Qt OpenGL（二十六）——Qt OpenGL 核心模式-旋转的彩色三角形
ifeng12358的博客
12-06 1107
上篇文章我们把三角形上色成了，彩色的三角形： 离我们想要绘制的图形，旋转的三角形，又近了一步，本篇文章就让这个彩色的三角形旋转起来。不过从上篇开始使用的代码就是Qt封装的类了，不过也是核心模式的，步骤基本上和前几篇的都一致，你可以认为只不过是使用的函数有点不一样。如果我们要让三角形旋转起来，需要插入一个概念：变换，OpenGL中的变换包括：视图、模型、模型视图、投影、视口等。关于这部分的简单说明，大家可以查看冯一川之前的文章：OpenGL（二）——OpenGL基础知识点（一）OpenGL（三）——OpenG
Qt OpenGL（二十八）——Qt OpenGL 核心模式-绘制一个正方体（正六面体）
ifeng12358的博客
01-18 1337
上一篇在介绍了使用变换矩阵的时候，一川想了想，还是得抽空写一篇变换和介绍GLSL的文章，这样才能把这写文章的知识点串起来。绘制一个正方体，我们可以这样来拆解，就是绘制六个四边形，合在一起就是一个六面体，如果每个四边形组成的面是真方形，那么这个六面体就是一个正方体了。接下来通过纹理图片，就可以完整的看到效果了。上面的代码运行之后，由于是正对着屏幕的设置，看不出来是正方体，所以，我们使用旋转矩阵，让他旋转起来，就能看出来了。截止到上一篇文章，一川想使用Qt封装的类绘制一个旋转的彩色三角形的目标就实现了。
QT5之opengl实例源码
08-19
QT5.9平台下结合opengl模块实现动画实例，颜色渲染，重写画图事件
Qt OpenGL 多图片纹理例程
03-20
在网上找的一些关于利用Qt OpenGL 进行纹理贴图的教程最多只是示范了下如何进行单张图片的纹理操作，而且讲得也不是很清楚。我想一个较好的例子是最好的教程。此处分享的这个文件是鄙人颇花费了一些心思而作，只要好好的分析，确保各位看官能较好的掌握Qt OpenGL关于纹理方面的一些操作。谢谢大家！
qt+opengl实现的烟花粒子爆炸效果
02-07
工程中每行重要的代码都有详细的注释，资源里有演示视频，代码逻辑在我的博客中有相关的说明，还是比较好理解的，效果还算可以吧，用来学习还是不错的，欢迎各位大佬和我讨论其中的不足之处。
OpenGL下实现Alpha混合
架构设计
12-09 427
&lt;style type="text/css"&gt; &lt;!-- @page {margin:2cm} pre.cjk {font-family:"DejaVu Sans Condensed",monospace} p {margin-bottom:0.21cm} --&gt; &lt;/style&gt; OpenGL下实现Alpha混合 有很久都没有使用Op...
Qt opengl fps相机
qq_38105943的博客
02-16 635
参考文章：https://blog.csdn.net/ziyuanxiazai123/article/details/51586007 想写个相机就先要对MVP矩阵有一定了解，相机本质上其实就是一个view矩阵和一个projection矩阵。对相机的操作全都体现在 这两个矩阵上，projection矩阵可以通过QMatrix4x4的perspective函数得到 ：projectionMat...
QT+OpenGL 摄像机
turbolove的博客
02-11 1059
本篇完整工程见gitee:[QtOpenGL](https://gitee.com/turbolove/qtopengl.git) 对应点的tag，由turbolove提供技术支持，您可以关注博主或者私信博主
Qt OpenGL相机的使用
wb175208的专栏
06-27 578
先看效果： 顶点着色器： 片段着色器： 相机类： 界面类： aaa
OpenGL之——多纹理，混合纹理设置渲染
衣带渐宽人憔悴
01-18 8491
 实现下面三种纹理的组合和混合：  一、首先，获取纹理顶点坐标 #version 330 core layout (location = 0) in vec3 aPos; layout (location = 1) in vec2 aTexCoods; out vec2 TexCoods; void main(){ gl_Position = vec4(aPos, 1.0f); Te...
OpenGL着色器实现纹理合并显示
CPWWHSU的博客
04-08 741
完整的代码如下所示，需依赖glfw实现窗口显示，依赖SOIL实现纹理装载。需将两个纹理路径换为本地路径，给出的示例代码路径为1.jpg和2.jpg。本文介绍了opengl下实现纹理的装载，同时借助顶点着色器和片源着色器实现两个不同外部纹理的合并显示。借助glfw实现窗口的创建，借助SOIL库实现纹理的装载，返回加载后的纹理id。绘制两个三角形，并绑定两个纹理。
qt OpenGl实现天空壳贴图
最新发布
04-16
在Qt中使用OpenGL实现天空壳贴图可以通过以下步骤进行： 1. 创建一个Qt窗口应用程序项目，并在.pro文件中添加OpenGL模块的依赖。 2. 在Qt窗口中创建一个QOpenGLWidget控件，该控件将用于显示OpenGL渲染的内容。 3...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值