qt opengl 天空盒

最新推荐文章于 2021-01-03 19:16:38 发布
最新推荐文章于 2021-01-03 19:16:38 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： Qt opengl 文章标签： qt opengl 天空盒
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wanghualin033/article/details/85565901
版权
Qt 同时被 2 个专栏收录
56 篇文章 29 订阅
订阅专栏
opengl
30 篇文章 10 订阅
订阅专栏

     这个效果比较简单，用一个立文体把我们要绘制的东西包起来即可，把摄像机的位置放到立文体内，这样就给人一个有天空，有陆地感觉。  我在这个工程中加入了以前的圆环体，其渲染器实现方法，可以查阅以前的文章。效果如下

    我使用的是一个包含6个纹理图片的纹理数组，一次性把6个面都画好了，并完成了贴图。其渲染器实现如下：

#ifndef BOXSHADER_H
#define BOXSHADER_H

#include <QOpenGLExtraFunctions>
#include <QOpenGLShaderProgram>
#include <QOpenGLBuffer>
#include <QOpenGLTexture>
#include <QImage>
class BoxShader
{
public:
    BoxShader() = default;
    ~BoxShader();
    void initsize(int width,int height,QImage &left,QImage &bebind,QImage &right,QImage &front,QImage &top,QImage &bottom);
    void render(QOpenGLExtraFunctions *f, QMatrix4x4 &pMatrix, QMatrix4x4 &vMatrix, QMatrix4x4 &mMatrix);

private:
    QOpenGLTexture *textureArray_{nullptr};
    QOpenGLShaderProgram program_;
    QOpenGLBuffer vbo_;
};

#endif // BOXSHADER_H

#include "boxshader.h"

BoxShader::~BoxShader()
{
    textureArray_->destroy();
    delete textureArray_;
}

void BoxShader::initsize(int width, int height, QImage &left, QImage &bebind, QImage &right, QImage &front, QImage &top, QImage &bottom)
{
    program_.addCacheableShaderFromSourceFile(QOpenGLShader::Vertex,"vsrc.vert");
    program_.addCacheableShaderFromSourceFile(QOpenGLShader::Fragment,"fsrc.frag");
    program_.link();

    textureArray_ = new QOpenGLTexture(QOpenGLTexture::Target2DArray);
    textureArray_->create();
    textureArray_->setSize(width,height);
    textureArray_->setLayers(6);
    textureArray_->setFormat(QOpenGLTexture::RGB8_UNorm);
    textureArray_->allocateStorage();

    textureArray_->setData(0,0,QOpenGLTexture::RGB,QOpenGLTexture::UInt8,left.convertToFormat(QImage::Format_RGB888).constBits());
    textureArray_->setData(0,1,QOpenGLTexture::RGB,QOpenGLTexture::UInt8,bebind.convertToFormat(QImage::Format_RGB888).constBits());
    textureArray_->setData(0,2,QOpenGLTexture::RGB,QOpenGLTexture::UInt8,right.convertToFormat(QImage::Format_RGB888).constBits());
    textureArray_->setData(0,3,QOpenGLTexture::RGB,QOpenGLTexture::UInt8,front.convertToFormat(QImage::Format_RGB888).constBits());
    textureArray_->setData(0,4,QOpenGLTexture::RGB,QOpenGLTexture::UInt8,top.convertToFormat(QImage::Format_RGB888).constBits());
    textureArray_->setData(0,5,QOpenGLTexture::RGB,QOpenGLTexture::UInt8,bottom.convertToFormat(QImage::Format_RGB888).constBits());
    textureArray_->setMinMagFilters(QOpenGLTexture::Nearest,QOpenGLTexture::Nearest);
    textureArray_->setWrapMode(QOpenGLTexture::ClampToEdge);

    const GLfloat vertexs[]{
        //vertex points
        //left side
        -1.0,+1.0,+1.0,
        -1.0,-1.0,+1.0,
        -1.0,-1.0,-1.0,
        -1.0,+1.0,-1.0,
        //behind side
        -1.0,+1.0,-1.0,
        -1.0,-1.0,-1.0,
        +1.0,-1.0,-1.0,
        +1.0,+1.0,-1.0,
        //right side
        +1.0,+1.0,-1.0,
        +1.0,-1.0,-1.0,
        +1.0,-1.0,+1.0,
        +1.0,+1.0,+1.0,
        //front side
        -1.0,+1.0,+1.0,
        +1.0,+1.0,+1.0,
        +1.0,-1.0,+1.0,
        -1.0,-1.0,+1.0,
        //top side
        -1.0,+1.0,-1.0,
        +1.0,+1.0,-1.0,
        +1.0,+1.0,+1.0,
        -1.0,+1.0,+1.0,
        //bottom side
        -1.0,-1.0,-1.0,
        -1.0,-1.0,+1.0,
        +1.0,-1.0,+1.0,
        +1.0,-1.0,-1.0,

        //texture points
        //left side
        +0.0,+0.0,
        +0.0,+1.0,
        +1.0,+1.0,
        +1.0,+0.0,
        //behind side
        +0.0,+0.0,
        +0.0,+1.0,
        +1.0,+1.0,
        +1.0,+0.0,
        //right side
        +0.0,+0.0,
        +0.0,+1.0,
        +1.0,+1.0,
        +1.0,+0.0,
        //front side
        +1.0,+0.0,
        +0.0,+0.0,
        +0.0,+1.0,
        +1.0,+1.0,
        //top side
        +0.0,+1.0,
        +1.0,+1.0,
        +1.0,+0.0,
        +0.0,+0.0,
        //bottom side
        +0.0,+0.0,
        +0.0,+1.0,
        +1.0,+1.0,
        +1.0,+0.0,
    };
    vbo_.create();
    vbo_.bind();
    vbo_.allocate(vertexs,sizeof(vertexs));;
}

void BoxShader::render(QOpenGLExtraFunctions *f, QMatrix4x4 &pMatrix, QMatrix4x4 &vMatrix, QMatrix4x4 &mMatrix)
{
    f->glEnable(GL_DEPTH_TEST);
    f->glEnable(GL_CULL_FACE);

    program_.bind();
    vbo_.bind();
    f->glActiveTexture(GL_TEXTURE0 + 0);
    program_.setUniformValue("pMatrix",pMatrix);
    program_.setUniformValue("vMatrix",vMatrix);
    program_.setUniformValue("mMatrix",mMatrix);
    program_.setUniformValue("sTexture",0);

    program_.enableAttributeArray(0);
    program_.enableAttributeArray(1);
    program_.setAttributeBuffer(0,GL_FLOAT,0,3,3*sizeof(GLfloat));
    program_.setAttributeBuffer(1,GL_FLOAT,6 * 4 * 3 * sizeof(GLfloat),2,2*sizeof(GLfloat));
    textureArray_->bind();
    f->glDrawArrays(GL_QUADS,0,24);
    program_.disableAttributeArray(0);
    program_.disableAttributeArray(1);

    textureArray_->release();
    vbo_.release();
    program_.release();
    f->glDisable(GL_DEPTH_TEST);
    f->glDisable(GL_CULL_FACE);
}

       其shader实现如下

#version 330
uniform mat4 pMatrix,vMatrix,mMatrix;
layout (location = 0) in vec3 aPosition;
layout (location = 1) in vec2 aTextureCood;
smooth out vec2 vTextureCoord;
out float vid;

void main(void)
{
    gl_Position = pMatrix * vMatrix * mMatrix * vec4(aPosition,1);
    vTextureCoord = aTextureCood;
    vid = gl_VertexID;//顶点序号
}

#version 330
uniform sampler2DArray sTexture;
in float vid;
in vec2 vTextureCoord;
out vec4 fragColor;

void main(void)
{
    vec3 texCood = vec3(vTextureCoord.st,floor(vid/4)); //根据vid顶点序号求出纹理索引
    fragColor = texture(sTexture,texCood);
}

调用如下

#ifndef WIDGET_H
#define WIDGET_H

#include <QOpenGLWidget>
#include <QTimer>
#include "boxshader.h"
#include "torusrender.h"

class Widget : public QOpenGLWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = 0);
    ~Widget();

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

private:
    BoxShader boxShader_;
    TorusRender toruRender_;
    QVector3D camera_;
    QMatrix4x4 pMatrix_;
    QTimer tm_;
    float angleX_ = 0, angleY_ = 0, angleZ_ = 0;

private slots:
    void slotTimeout();
};

#endif // WIDGET_H


#include <QWheelEvent>
#include "widget.h"

Widget::Widget(QWidget *parent)
    : QOpenGLWidget(parent)
{
    connect(&tm_,SIGNAL(timeout()),this,SLOT(slotTimeout()));
    tm_.start(40);
}

Widget::~Widget()
{

}

void Widget::initializeGL()
{
    camera_.setX(4.9);
    camera_.setY(4.9);
    camera_.setZ(4.9);
    toruRender_.initsize(0.9,0.5,13,30);
    boxShader_.initsize(256,256,QImage("side1.png"),QImage("side2.png"),QImage("side3.png"),QImage("side4.png"),QImage("side5.png"),QImage("side6.png"));
}

void Widget::resizeGL(int w, int h)
{
    pMatrix_.setToIdentity();
    pMatrix_.perspective(80,float(w)/h,0.01f,100.0f);
}

void Widget::paintGL()
{
    QOpenGLExtraFunctions *f = QOpenGLContext::currentContext()->extraFunctions();
    f->glClearColor(0.0, 0.0, 0.0, 0.0);
    f->glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    QMatrix4x4 vMatrix;
    vMatrix.lookAt(camera_,QVector3D(-4.9,-4.9,-4.9),QVector3D(-1.0,1.0,-1.0));

    QMatrix4x4 mMatrix;
    mMatrix.rotate(angleX_,1,0,0);
    mMatrix.rotate(angleY_,0,1,0);
    mMatrix.rotate(angleZ_,0,0,1);
    mMatrix.scale(20);
    boxShader_.render(f,pMatrix_,vMatrix,mMatrix);

    mMatrix.setToIdentity();
    mMatrix.translate(-1.0,-4.9,-0.5);
    mMatrix.scale(2);
    mMatrix.rotate(-angleY_,0,1,0);
    toruRender_.render(f,pMatrix_,vMatrix,mMatrix);
}

void Widget::slotTimeout()
{
    angleY_ += 5;
    update();
}

  到此结束

wangzai6378
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
opengl与QT实现天空盒
11-26
利用QT和opengl实现的天空盒模型，QT版本为5.8.0，可以作为QT上使用opengl的参考。
基于Qt的OpenGL编程（3.x以上GLSL可编程管线版）---(二十二)立方体贴图（天空盒）
博客
11-22 1635
Vries的教程是我看过的最好的可编程管线OpenGL教程，没有之一，其原地址如下，https://learnopengl-cn.github.io/04%20Advanced%20OpenGL/06%20Cubemaps/ 关于立方体的详细知识了解请看原教程，本篇旨在对Vires基于visual studio平台的编程思想与c++代码做纯Qt平台的移植，代码移植顺序基本按照原教程顺序，并附加一...
QT5 OpenGL(五，立体图形贴图)
li235456789的专栏
04-08 3469
概要 效果图展示 以y轴为中心旋转图1 以y轴为中心旋转图2 以x轴为中心旋转图1 以x轴为中心旋转图2 以x轴为中心旋转图1 部分代码 主要内容解析 相对于立体图形的直接绘图即单一的色彩 添加了的代码 立体图形贴图坐标的计算和转换概要上一节，我们已经实现了立体图形每个面填充颜色，这样就显得很单调， 而如果用图片替换这种单调的颜色，这样就会让立体图形显得更为深动。效果图展示以y轴为中心旋转图1以y轴
QT OpenGL 天空盒
webgpu
05-27 852
正常加载shader program 就是图片不一样了 立方体贴图 可以看看learnopenglQT里面封装了QOpenGLTexture这个类设置target就可以加载立方体贴图initTextures(){ const QImage posx = QImage(":/left.jpg").mirrored().convertToFormat(QImage::Format_RGB...
OpenGL学习（十）天空盒
AKGWSB 's blog
01-03 6790
目录写在前面天空盒简介创建立方体贴图渲染一个立方体立方体贴图着色器开始绘制天空盒完整代码着色器c++ 写在前面 上一篇博客回顾：OpenGL学习（九）阴影映射（shadowMapping） 在昨天我们实现了非常简单的阴影映射特效，今天来更新立方体贴图的内容。这部分的内容相当简单，前提是要对 OpenGL 及其绘制过程有一个基本的理解。 相信我，仅 10 分钟足够你完成一个立方体贴图，并且用于天空盒的渲染。 天空盒简介 注意到我们之前的代码都是利用： glClearColor(1.0, 1.0, 1.0, 1
Qt OpenGL 天空盒
06-17
Qt OpenGL 天空盒
QT与OpenGL结合实现天空盒
qq_27736025的博客
11-26 2190
    之前捣鼓过一段时间opengl，用的是glad加上glfw库，由于在windows下C++开发用QT较多，所以把QT和opengl结合，因此进行了尝试。     首先QT5.8.0下有自带的opengl控件opengl widget，将这个控件提升为一个自己写的类myOpenGlBox继承于QOpenGLWidget。 然后重载 void initializeGL(); void re...
Qt实现读取显示obj文件——动态绑定纹理与消除纹理
Sean的专栏
04-01 2691
上一篇文章讲到了多线程加载纹理，感觉效果很满意，如果你在后台加载纹理的时候转动模型，已经绑定的纹理将会一个个加上去，视觉上竟然有了动画的感觉~~~需求然后我想看模型的时候，有时候不想要显示纹理怎么办呢？就是存在一个按钮，点击按下则显示纹理，弹起不显示纹理~就像meshlab中那样！问题但是在实现效果时，如果只是简单的重绘中不进行纹理名的绑定，那么纹理其实并没有取消绑定，只是不显示了，然后你重绘出来的
qt opengl 2d纹理数组
wanghualin033的博客
10-21 1258
    2d纹理数组就是用一个纹理数组类型的变量保存数个纹理，这样就避免了使用多个单个的纹理对象。这再批处理一系列相同大小的纹理时，非常有用，我这里用到的场景是在点精灵中使用纹理数组使得每个精灵纹理上不同的图案。 我用的图片有16张，当顶点为16个时，效果如下 可以看到刚好一个图案一个顶点，当顶点大于16个时如下 可以看到，当大于纹理数组个数的顶点时，超出的部分会重重其中一个纹理，至...
QtOpenGL二维和三维混合的例子（源代码）
01-12
Qt自有一个混图的引擎，这个引擎的核心就是QPainter，我们知道QPainter在渲染二维图形和文字有很大的优势，而OpenGL是当前流行的三维渲染器，怎样才能将两者结合起来，制作更为丰富的应用程序？《C++GUI Programming with Qt 4, secondedition》这本书给了我们一个小的例子，不过我们还要深入地以这个例子为基础进行挖掘，配合Qt的文档，我们才能真正地了解Qt对OpenGL的封装。
opengl动态纹理
10-26
用vc++和openGL做的动态云彩程序，采用纹理贴图，云彩可以快速移动
opengl 纹理UV动画，通过不断地修改纹理UV坐标，实现精灵动画。
10-08
opengl 纹理UV动画，通过不断地修改纹理UV坐标，实现精灵动画。opengl 纹理UV动画，通过不断地修改纹理UV坐标，实现精灵动画。
Qt OpenGL绘制立方体
02-05
1.Qt 5.9 OpenGL3.3 2.绘制带有材质的立方体 3.使用timer 使立方体可以滚动起来
Qt OpenGL 教程
11-23
Qt 开发过程中，如何调用GPU加速界面响应，一直是开发难点，从这个点切入，详细介绍了Qt开发中如何使用OPENGL，混合开发，C++语言，易懂，推荐大家一起学习。
Qt openGL 透视投影例题
02-05
1.Qt + OpenGL开发例题 2.演示 Mperspective * Mview * Mmodel
Qt openGL加载三维模型
09-21
可以支持obj格式模型，采用qt的框架讲模型显示出来。。。
qt实现opengl简单例子
08-22
qt实现opengl渲染画面，简单实现，适合初学者参考
Qt openGl 实例
03-26
Qt openGl 实例教程，非常经典的学习资料。对于通过C++和OpenGL进行联合开发，很有学习价值
qt OpenGl实现天空壳贴图
最新发布
04-16
在Qt中使用OpenGL实现天空壳贴图可以通过以下步骤进行： 1. 创建一个Qt窗口应用程序项目，并在.pro文件中添加OpenGL模块的依赖。 2. 在Qt窗口中创建一个QOpenGLWidget控件，该控件将用于显示OpenGL渲染的内容。 3...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值