QT5 OpenGL(五，立体图形贴图)

最新推荐文章于 2024-02-27 21:43:10 发布
最新推荐文章于 2024-02-27 21:43:10 发布
阅读量3.4k 收藏 6
点赞数
分类专栏： QT学习之路 QT-OpenLG 文章标签： opengl qt5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/li235456789/article/details/51092872
版权

概要

上一节，我们已经实现了立体图形每个面填充颜色，这样就显得很单调， 而如果用图片替换这种单调的颜色，这样就会让立体图形显得更为深动。

效果图展示

以y轴为中心旋转图1

这里写图片描述

以y轴为中心旋转图2

这里写图片描述

以x轴为中心旋转图1

这里写图片描述

以x轴为中心旋转图2

这里写图片描述

以x轴为中心旋转图1

这里写图片描述

部分代码

#include "openglwidget.h"

OpenglWidget::OpenglWidget(QWidget* parent)
    :QGLWidget(parent),
      m_rotateTriangle(0),
      m_rotateRectangle(0),
      m_x(0),
      m_y(0),
      m_z(0)
{
    initWidget();
}

void OpenglWidget::initializeGL()
{
    loadGLTextures();
    glEnable( GL_TEXTURE_2D );
    glShadeModel( GL_SMOOTH );
    glClearColor( 0.0, 0.0, 0.0, 0.5 );
    glClearDepth( 1.0 );
    glEnable( GL_DEPTH_TEST );
    glDepthFunc( GL_LEQUAL );
    glHint( GL_PERSPECTIVE_CORRECTION_HINT, GL_NICEST );
}

void OpenglWidget::initWidget()
{
    setGeometry( 400, 200, 640, 480 );
    setWindowTitle(tr("opengl demo"));
}

void OpenglWidget::paintGL()
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    glLoadIdentity();

    glTranslatef( -1.5,  0.0, -6.0 );

    glRotatef( m_x,  1.0,  0.0,  0.0 );
    glRotatef( m_y,  0.0,  1.0,  0.0 );
    glRotatef( m_z,  0.0,  0.0,  1.0 );


    glBindTexture( GL_TEXTURE_2D, textur[0] );

    glBegin( GL_QUADS );

    glTexCoord2f( 0.0, 0.0 ); glVertex3f( -1.0, -1.0,  1.0 );
    glTexCoord2f( 1.0, 0.0 ); glVertex3f(  1.0, -1.0,  1.0 );
    glTexCoord2f( 1.0, 1.0 ); glVertex3f(  1.0,  1.0,  1.0 );
    glTexCoord2f( 0.0, 1.0 ); glVertex3f( -1.0,  1.0,  1.0 );

    glTexCoord2f( 1.0, 0.0 ); glVertex3f( -1.0, -1.0, -1.0 );
    glTexCoord2f( 1.0, 1.0 ); glVertex3f( -1.0,  1.0, -1.0 );
    glTexCoord2f( 0.0, 1.0 ); glVertex3f(  1.0,  1.0, -1.0 );
    glTexCoord2f( 0.0, 0.0 ); glVertex3f(  1.0, -1.0, -1.0 );

    glTexCoord2f( 0.0, 1.0 ); glVertex3f( -1.0,  1.0, -1.0 );
    glTexCoord2f( 0.0, 0.0 ); glVertex3f( -1.0,  1.0,  1.0 );
    glTexCoord2f( 1.0, 0.0 ); glVertex3f(  1.0,  1.0,  1.0 );
    glTexCoord2f( 1.0, 1.0 ); glVertex3f(  1.0,  1.0, -1.0 );

    glTexCoord2f( 1.0, 1.0 ); glVertex3f( -1.0, -1.0, -1.0 );
    glTexCoord2f( 0.0, 1.0 ); glVertex3f(  1.0, -1.0, -1.0 );
    glTexCoord2f( 0.0, 0.0 ); glVertex3f(  1.0, -1.0,  1.0 );
    glTexCoord2f( 1.0, 0.0 ); glVertex3f( -1.0, -1.0,  1.0 );

    glTexCoord2f( 1.0, 0.0 ); glVertex3f(  1.0, -1.0, -1.0 );
    glTexCoord2f( 1.0, 1.0 ); glVertex3f(  1.0,  1.0, -1.0 );
    glTexCoord2f( 0.0, 1.0 ); glVertex3f(  1.0,  1.0,  1.0 );
    glTexCoord2f( 0.0, 0.0 ); glVertex3f(  1.0, -1.0,  1.0 );

    glTexCoord2f( 0.0, 0.0 ); glVertex3f( -1.0, -1.0, -1.0 );
    glTexCoord2f( 1.0, 0.0 ); glVertex3f( -1.0, -1.0,  1.0 );
    glTexCoord2f( 1.0, 1.0 ); glVertex3f( -1.0,  1.0,  1.0 );
    glTexCoord2f( 0.0, 1.0 ); glVertex3f( -1.0,  1.0, -1.0 );

    glEnd();

    glLoadIdentity();

    glTranslatef(  1.5,  0.0, -6.0 );

    glRotatef( m_x,  1.0,  0.0,  0.0 );
    glRotatef( m_y,  0.0,  1.0,  0.0 );
    glRotatef( m_z,  0.0,  0.0,  1.0 );


    glBegin(GL_TRIANGLES);

    //三棱柱四面贴图
    glTexCoord2f( 1, 1 ); glVertex3f( 0, 1, 0 );
    glTexCoord2f( 0, 0 ); glVertex3f(  1, -1, 1 );
    glTexCoord2f( 1, 0 ); glVertex3f(  -1, -1, 1 );

    glTexCoord2f( 1, 1 ); glVertex3f( 0, 1, 0 );
    glTexCoord2f( 0, 0 ); glVertex3f( -1.0,  -1.0, 1.0 );
    glTexCoord2f( 1, 0 ); glVertex3f(  -1.0,  -1.0, -1.0 );


    glTexCoord2f( 1, 1 ); glVertex3f( 0,  1, 0 );
    glTexCoord2f( 0, 0 ); glVertex3f( -1.0,  -1.0,  -1.0 );
    glTexCoord2f( 1, 0 ); glVertex3f(  1.0,  -1.0,  -1.0 );

    glTexCoord2f( 1, 1 ); glVertex3f( 0, 1, 0 );
    glTexCoord2f( 0, 0 ); glVertex3f(  1.0, -1.0, -1.0 );
    glTexCoord2f( 1, 0 ); glVertex3f(  1.0, -1.0,  1.0 );

    //三棱柱底面贴图
    glTexCoord2f( 0, 0 ); glVertex3f(  -1.0, -1.0, -1.0 );
    glTexCoord2f( 1, 0 ); glVertex3f(  1.0, -1.0,  -1.0 );
    glTexCoord2f( 1, 1 ); glVertex3f(  1.0, -1.0, 1.0 );

    glTexCoord2f( 1, 0 ); glVertex3f(  1.0, -1.0,  -1.0 );
    glTexCoord2f( 1, 1 ); glVertex3f(  1.0, -1.0, 1.0 );
    glTexCoord2f( 0, 1 ); glVertex3f(  -1.0, -1.0,  1.0 );

    glTexCoord2f( 1, 1 ); glVertex3f(  1.0, -1.0, 1.0 );
    glTexCoord2f( 0, 1 ); glVertex3f(  -1.0, -1.0,  1.0 );
    glTexCoord2f( 0, 0 ); glVertex3f(  -1.0, -1.0, -1.0 );

    glEnd();


    m_x += 20;
    m_y += 0;
    m_z += 0;
}

void OpenglWidget::resizeGL(int width, int height)
{
    if(0 == height) {
        height = 1;
    }

    glViewport(0, 0, (GLint)width, (GLint)height);

    glMatrixMode(GL_PROJECTION);

    glLoadIdentity();

  //  gluPerspective(45.0, (GLfloat)width/(GLfloat)height, 0.1, 100.0);

    GLdouble aspectRatio = (GLfloat)width/(GLfloat)height;
    GLdouble zNear = 0.1;
    GLdouble zFar = 100.0;

    GLdouble rFov = 45.0 * 3.14159265 / 180.0;
     glFrustum( -zNear * tan( rFov / 2.0 ) * aspectRatio,
               zNear * tan( rFov / 2.0 ) * aspectRatio,
               -zNear * tan( rFov / 2.0 ),
               zNear * tan( rFov / 2.0 ),
               zNear, zFar );

    glMatrixMode(GL_MODELVIEW);

    glLoadIdentity();
}


void OpenglWidget::loadGLTextures()
{
  QImage tex;
  QImage buf;

  if ( !buf.load(":/images/dog.png"))
  {
    qWarning( "load image failed!" );
    QImage dummy( 128, 128, QImage::Format_RGB32 );
    dummy.fill( Qt::red);
    buf = dummy;

  }

  tex = QGLWidget::convertToGLFormat( buf );
  glGenTextures( 1, &textur[0] );
  glBindTexture( GL_TEXTURE_2D, textur[0] );

  glTexImage2D( GL_TEXTURE_2D, 0, 3, tex.width(), tex.height(), 0,
      GL_RGBA, GL_UNSIGNED_BYTE, tex.bits() );

  glTexParameteri( GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR );
  glTexParameteri( GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR );
}

主要内容解析

1.相对于立体图形的直接绘图即单一的色彩， 添加了的代码：

添加了用于把图片保存在缓存中的函数

void OpenglWidget::loadGLTextures()
{
  QImage tex;
  QImage buf;

  if ( !buf.load(":/images/dog.png"))
  {
    qWarning( "load image failed!" );
    QImage dummy( 128, 128, QImage::Format_RGB32 );
    dummy.fill( Qt::red);
    buf = dummy;

  }

  tex = QGLWidget::convertToGLFormat( buf );
  glGenTextures( 1, &textur[0] );
  glBindTexture( GL_TEXTURE_2D, textur[0] );

  glTexImage2D( GL_TEXTURE_2D, 0, 3, tex.width(), tex.height(), 0,
      GL_RGBA, GL_UNSIGNED_BYTE, tex.bits() );

  glTexParameteri( GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR );
  glTexParameteri( GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR );
}

这里值得一提的是， buf.load(“:/images/dog.png”) 这里，图片load在有些电脑上，竟然不成功，目前也不知道是啥原因。不知道是跟QT版本有关，还是电脑硬件有关。

添加了代码

void OpenglWidget::initializeGL()
{
    loadGLTextures();
    glEnable( GL_TEXTURE_2D );

glEnable( GL_TEXTURE_2D );这个用于启用纹理， 不然，所显示的全为白色。

convertToGLFormat 这个函数是一个图形转换函数， 也是一个静态函数。转换后的内容，在后面获得纹理时用得上。

glGenTextures( 1, &texture[0] ); 这里第几张图片纹理的定义。

glBindTexture( GL_TEXTURE_2D, texture[0] ); 进行纹理绑定

glTexImage2D( GL_TEXTURE_2D, 0, 3, tex.width(), tex.height(), 0,
GL_RGBA, GL_UNSIGNED_BYTE, tex.bits() );
这里是纹理的创建。

2.立体图形贴图坐标的计算和转换。

这里有两个接口函数：
glTexCoord2f( x, y );
glVertex3f( x, y, z );

glTexCoord2f这个用于表示原图片的坐标，这样更容易理解，就是以 在x,y 轴的平面里面， （0，0）表示图片的左下角， （0，1） 表示左上角， （1，1）表示右上角， （1，0）表示右下角。

而对应的glVertex3f则对应为 (-1, -1) , (-1, 1) , (1, 1), (1, -1)

我们怎么来理解这种对应关系呢？？

  1. 需要贴图的坐标必须一一对应，就是我们如果顺时针写， 对应的坐都要顺时针，如果逆时针写，对应的坐标都要逆时针，一一对应。

2.我们的贴图是一张图片，所以它一定是一个平面。 所以坐标从（0，0）开始，这个容易使用。而我们需要贴图的立体图形，虽然每个面是平面图形，但它在坐标系中，始终以立体图形的中心为坐标原点，所以，它是一个三维坐标，三维坐标与二维的对应，就只有以相同的平面顶点旋转顺序来对应了。

小K小Q
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
qt opengl 2d纹理到球面
10-01
看书过后，用qt实现的一个把2维纹理贴到球面的工程，其中还包含混合光，采用opengl es 3.0；初学者可以学习下
QT总结4-QImage
windxgz的博客
03-06 818
使用QT读取图像时与使用opencv读取图像还是有一定差别的，QImage读取图像时如果使用默认的方式读取 QImage image = QImage(path); 则读取的图像默认会是四通道的图像，类型为QImage::Format_ARGB32，也就是说qt会默认的对图像增加alpha通道，并且图像都是以彩色图的形式被读进来的。 opencv读取图像的默认形式 cv::Mat mat = c...
【小沐学QT】QT学习之OpenGL开发笔记
爱看书的小沐
02-27 1849
Qt提供了与OpenGL实现集成的支持，使开发人员有机会在更传统的用户界面的同时显示硬件加速的3D图形。Qt有两种主要的UI开发方法：QtQuick和QtWidgets。它们的存在是为了支持不同类型的用户界面，并建立在针对每种类型进行了优化的独立图形引擎上。可以将在OpenGL图形API中编写的代码与Qt中的这两种用户界面类型结合起来。当应用程序有自己的OpenGL相关代码时，或者当它与基于OpenGL的第三方渲染器集成时，这可能很有用。Qt OpenGL模块包含方便类，使这种类型的集成更容易、更快。
Qt下如何通过Qimage加载图片并利用OpenglWidget控件成像
InTimeTravel的博客
03-05 3259
使用opengl进行图像显示和处理具有很好性能表现，并且支持开发丰富的拓展功能。但是在qt下如何通过加载图片并显示，网上提供的方法过于复杂。笔者经过实践，总结出如下经验，并附录代码以供参考。 步骤： 1. 通过QImage读取图片； 2. 接下来就是要将QImage的数据转换成opengl所需的数据。通过QGLWidget::convertToGLFormat来实现。 代码注释里有一些注意事项，请大家也要注意。如果有更好的实现方式，也请多多指教。 QImage srcImg(filePath);//从路
OpenGL绘制地月天体，基于Qt框架。
kalimodor的博客
03-24 807
使用Qt5.8，OpenGL4.3，glm0.9.6.3。绘制地球(带纹理)、月球(带纹理)、云层(使用混合方式绘制在地球外层)等物体，并且有光照、天体的自转(地球、月球)与公转(月球)效果。 网络上的demo有以下部分问题：1-着色器程序代码是以字符串数组的形式提供，而未以独立的文件。2-使用的OpenGL版本低，还在使用诸如gluLookAt()，glPushMa...
QImage 转 osg::image方法
qq_23191991的博客
04-01 3692
QImage 转 osg::image方法  osg::Image* CommonTools::covertImage(QImage image) { QImage glImage = QGLWidget::convertToGLFormat(image); unsigned char* data = new unsigned char[glImage.byteCount()];
opengl学习(二)
Mz的博客
06-25 355
GLSL内建的texture函数来采样纹理的颜色，它第一个参数是纹理采样器，第二个参数是对应的纹理坐标。texture函数会使用之前设置的纹理参数(GL_TEXTURE_2D)对相应的颜色值进行采样。这个片段着色器的输出就是纹理的（插值）纹理坐标上的(过滤后的)颜色。 对于sampler（采样器）在片段着色器中，用uniform定义，我们却不用glUniform给它赋值。使用glUniform1...
使用QT搭建点云显示框架系列八---关于拟合球
御伽草子的博客
04-09 1145
这次又更新了软件，下载请看置顶的博客。好了，说一下本次代码的主要更新内容：1.加入了很多很多的QT5.9的测试代码，将一些官方的例子演示加入进来，放到了帮助菜单下。2.利用opengl在界面前绘制了一个渐变的正方形，学会了如何在QT中进行纹理载入和使用。3.加入了拟合球的代码，用所有点云拟合一个球。4.重新调整了灯光，让灯光从相机（也就是咱们自己）打出，这样物体就总是明亮的。不会出现因为旋转而导致...
OpenGL（十五）——Qt OpenGL三种不同的纹理滤波方式、光照、物体的移动
ifeng12358的博客
07-26 3056
本篇分享 1、如何使用三种不同的纹理滤波方式。 2、如何使用键盘来移动场景中的对象， 3、如何在OpenGL场景中应用简单的光照。
Qt OPenGL 入门教程之六 基于QOpenGLWidget 3D立方体纹理贴图
学之知之的博客
12-28 2819
纹理贴图是 opengl 极为重要的一个知识，相关知识点在此暂时不做介绍，这里只给出一个可运行的示例， 我对demo进行了一定的改动，其中在构造函数定义了一个PROGRAM_2D的宏，定义的时候为一个2个面的纹理贴图，注释掉该宏则会实现一个3d的贴图。同时给我们的例子添加键盘和鼠标动作，详细可以自行运行体验。 相比于前面几节，本节我们添加resources资源项，并添加图片。 具体代码如...
Qt 生成逼真的小球
【DS离心泵】之撰
12-09 1722
最近，在做一个小项目时遇到画立体小球的需求，用图片感觉总是不美，于是琢磨用笔刷来做，结果试验有了一点效果。 先上图：，应该还可以吧 就是利用QRadialGradient生成笔刷然后绘制，俺对颜色不太在行，暂时只能做到这种程度！ 不多说，上代码： //生成边长length小球QPixmap图片，输出到文件到filename void Widget::makePixmap(c...
QT opengl 绘制立体图形
04-07
用QT5 opengl 实现的绘制立体图形的小实例， 实现绘制三棱柱和正方体。
QT5 opengl 图形上色
04-06
这是一个用QT5 写的，有关opengl 图形上色的小实例，可供新手参考学习。
Qt5OpenGl.dll
01-23
qt打包提示确实Qt5OpenGL.dll,可以用这个，或者下载威龙触摸屏程序安装后也可以得到
QT opengGL 立体图形贴图
04-08
用QT5实现的 opengGL 立体图形贴图
Qt Openglwidget 显示图片纹理贴图
12-05
Qt5.7+VS2015 64位的环境，使用Qt的QOpenglWidget，来显示一张图片，采用GLSL。学习入门挺适合的。在网上找了很久资源，还是自己折腾搞定，特地分享出来。
QT QMediaPlayer 播放音视频文件
热门推荐
li235456789的专栏
01-26 2万+
QMediaPlayer类是QT自带的多媒体类。 实现简单的音视频播放是很简单的。 QMediaPlayer qtaudioPlayer; qtaudioPlayer->setMedia(QUrl::fromLocalFile(filePath)); qtaudioPlayer->play(); 这里的filePath如果是音频路径，就直接播放音频， 如果是视频路径就直接播放视
QT 按钮控件设置快捷键
li235456789的专栏
04-01 2万+
概要QT按钮主要有QToolButton 和 QPushButton, 它们很多时候都需要设置快捷键， 这样用户操作起来就更为方便。 设置快捷键的方式是有几种的，下面总结了一下， 项目中，使用时，就看怎么方便，快捷怎么使用吧。使用keyPressEvent 函数进行按按事按捕获使用方法头文件里重写事件：virtual void keyPressEvent(QKeyEvent* event);cpp文
QComboBox 右侧下拉按钮qss样式设置
li235456789的专栏
03-17 2万+
//下面是下拉按钮部分属性的设置。 QComboBox::drop-down { subcontrol-origin: padding; subcontrol-position: top right; width: 30px; border-left-width: 0px; border-left-color: gray; border-left-style: solid; bor
qt OpenGl实现天空壳贴图
最新发布
04-16
Qt是一个跨平台的应用程序开发框架，而OpenGL是一种用于渲染2D和3D图形的图形库。在Qt中使用OpenGL实现天空壳贴图可以通过以下步骤进行： 1. 创建一个Qt窗口应用程序项目，并在.pro文件中添加OpenGL模块的依赖。 2...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小K小Q

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值