Qt opengl 图片实现3D效果

首先清楚OpenGL中的常用几个函数作用：
（1）initializeGL() 初始化OpenGL函数
（2）resizeGL(int w, int h)调整窗口大小函数
（3）paintGL()绘制图像函数
1、paintGL()函数作调整
先定义模型、观察、投影3个矩阵。

   //1、定义的4*4的矩阵 模型 观察 投影矩阵QMatrix4x4 model;QMatrix4x4 view;QMatrix4x4 projection;/*----------按照时间对图片进行旋转----------*/QMatrix4x4 matrix;unsigned int time=QTime::currentTime().msec();//毫秒//matrix.translate(0.5,-0.5,0);//移动到该位置 z坐标不变//1、值 旋转后的矩阵 旋转角度-45度 往x轴进行旋转model.rotate(-45, 1.0f, 0.0f, 0.0f);//2、观察坐标 z轴网上移动3view.translate(0.0,0.0,-3);//3、角度45度 宽高比 远近值分别为0.1和100projection.perspective(45,(float)width()/height(),0.1,100);

效果如下：

顶点着色器和c文件代码部分作相应调整

2、顶点坐标改变
顶点坐标位置如下：

float vertices[] = { //坐标 3              纹理坐标 2-0.5f, -0.5f, -0.5f, 0.0f, 0.0f,0.5f, -0.5f, -0.5f, 1.0f, 0.0f,0.5f, 0.5f, -0.5f, 1.0f, 1.0f,0.5f, 0.5f, -0.5f, 1.0f, 1.0f,-0.5f, 0.5f, -0.5f, 0.0f, 1.0f,-0.5f, -0.5f, -0.5f, 0.0f, 0.0f,-0.5f, -0.5f, 0.5f, 0.0f, 0.0f,0.5f, -0.5f, 0.5f, 1.0f, 0.0f,0.5f, 0.5f, 0.5f, 1.0f, 1.0f,0.5f, 0.5f, 0.5f, 1.0f, 1.0f,-0.5f, 0.5f, 0.5f, 0.0f, 1.0f,-0.5f, -0.5f, 0.5f, 0.0f, 0.0f,-0.5f, 0.5f, 0.5f, 1.0f, 0.0f,-0.5f, 0.5f, -0.5f, 1.0f, 1.0f,-0.5f, -0.5f, -0.5f, 0.0f, 1.0f,-0.5f, -0.5f, -0.5f, 0.0f, 1.0f,-0.5f, -0.5f, 0.5f, 0.0f, 0.0f,-0.5f, 0.5f, 0.5f, 1.0f, 0.0f,0.5f, 0.5f, 0.5f, 1.0f, 0.0f,0.5f, 0.5f, -0.5f, 1.0f, 1.0f,0.5f, -0.5f, -0.5f, 0.0f, 1.0f,0.5f, -0.5f, -0.5f, 0.0f, 1.0f,0.5f, -0.5f, 0.5f, 0.0f, 0.0f,0.5f, 0.5f, 0.5f, 1.0f, 0.0f,-0.5f, -0.5f, -0.5f, 0.0f, 1.0f,0.5f, -0.5f, -0.5f, 1.0f, 1.0f,0.5f, -0.5f, 0.5f, 1.0f, 0.0f,0.5f, -0.5f, 0.5f, 1.0f, 0.0f,-0.5f, -0.5f, 0.5f, 0.0f, 0.0f,-0.5f, -0.5f, -0.5f, 0.0f, 1.0f,-0.5f, 0.5f, -0.5f, 0.0f, 1.0f,0.5f, 0.5f, -0.5f, 1.0f, 1.0f,0.5f, 0.5f, 0.5f, 1.0f, 0.0f,0.5f, 0.5f, 0.5f, 1.0f, 0.0f,-0.5f, 0.5f, 0.5f, 0.0f, 0.0f,-0.5f, 0.5f, -0.5f, 0.0f, 1.0f};

3、initializeGL()函数作调整
由于顶点坐标位置做了相应调整，所以初始化函数initializeGL()中的解析属性的函数glVertexAttribPointer()和glEnableVertexAttribArray()对应的参数需要作相应调整。比如占据的字节数3float，总的步长5float，还有对应的偏移量根据实际占用float数目作调整。

4、顶点着色器作调整
增加model、view、projection矩阵

5、片段着色器作调整

6、剪切坐标系不需要每一帧都更新projection
在initializeGL()函数中，增加对projection矩阵的初始化。

   QMatrix4x4 projection;//不需要每一帧都更新projection 剪切坐标系//3、角度45度 宽高比 远近值分别为0.1和100projection.perspective(45,(float)width()/height(),0.1,100);shaderProgram.setUniformValue("projection", projection);//projection单位矩阵

7、paintgl()函数中清空深度、颜色缓冲区域

8、根据时间围绕x轴进行旋转

Qt opengl 图片实现3D效果相关推荐

OpenGL（十八）——Qt OpenGL绘制一个3D世界
OpenGL(十八)--Qt OpenGL绘制一个3D世界一.说明本篇介绍构建一个3D的世界. 二.简介加载3D世界,并在其中漫游: 在这一课中,你将学会如何加载3D世界,并在3D世界中漫游. ...
css3图片倾斜3D效果
css3图片倾斜3D效果这是一款非常炫酷图片3D倾斜动画,响应式的图片列表布局,鼠标悬停图片3D倾斜遮罩显示标题图标效果. 演示地址下载地址
Unity 2D图片的3D效果（1）——阴影
项目为方便编辑地图,使用的是Unity自带的Tilemap功能.因为使用的是俯视视角,拼好第一个地图后发现2D图片展现的效果太平了,地面和障碍物很难分辨.所以才有了"把2d图片展现出3d效果 ...
Qt OpenGL 加载3D世界，并在其中漫游
这次教程中,我将教大家如何加载一个3D世界,并在3D世界中漫游.这相较于我们只能创造一个旋转的立方体或一群星星时有很大的进步了,当然这节课代码难度不低,但也不会很难,只要你跟着我慢慢一步一步来. 一个 ...
拜托，使用 Three.js 让二维图片具有 3D 效果超酷的
前端瓶子君,关注公众号回复算法,加入前端编程面试算法每日一题群声明:本文涉及图文和模型素材仅用于个人学习.研究和欣赏,请勿二次修改.非法传播.转载.出版.商用.及进行其他获利行为. 背景逛 sk ...
使用Three.js让二维图片呈现3D效果
声明:本文涉及图文和模型素材仅用于个人学习.研究和欣赏,请勿二次修改.非法传播.转载.出版.商用.及进行其他获利行为. 场景编辑器(NSDT) 背景逛 sketchfab 网站的时候我看到有很多二维 ...
qt opengl 加载3d模型（obj格式）
和一般c++程序加载3d模型一样,解读出数据内容,再用一个常规的着色程序就可以了. 我实现的效果如下,采用的免费模型实现思路和前面的略有不同,就是把自己生成顶点.纹理.法线的过程变成从文件读取了. ...
qt opengl lesson5 绘制3d立体旋转图形
继续上一篇lesson,先将3d立体各个面写完,然后进行旋转,感觉每个面单独写比较费时,这大概是3d比较麻烦和难以理解的地方,需要建立良好的空间想象力. #---------------------- ...
css使图片有3d效果,利用CSS3实现3D倾斜视差图片展示特效
特效描述:利用CSS3实现 3D倾斜视差图片展示特效.利用CSS3实现3D倾斜视差图片展示特效代码结构 1. HTML代码 Movies Popular Princess Mononoke Sp ...

Qt opengl 图片实现3D效果

Qt opengl 图片实现3D效果相关推荐

最新文章

热门文章