五初探opengl，变换我们的图形

　　这节主要是对我们的纹理矩形进行一下变换，例如缩放，旋转，中间需要运用到一些线性代数的东西这里就不再阐述，因为我自己也不怎么会。。。我们直接介绍代码怎么写吧。

　　矩阵的相乘是从右往左读取的，这点提醒一下自己。

GLM

　　代码中大部分的矩阵处理信息都是通过glm库来处理的，全称OPENGL MATHEMATICS　,去这里下载，把glm文件夹放到工程的include下即可。代码i引入文件库

#include <glm/glm.hpp>
#include <glm/gtc/matrix_transform.hpp>
#include <glm/gtc/type_ptr.hpp>

我们尝试一下把图案先逆时针旋转90度，然后缩放0.5倍，代码可以这么写：

glm::mat4 trans = glm:mat4(1.0f); //初始化为4*4都是1.0f的矩阵
trans = glm::rotate(trans, glm::radians(90.0f), glm::vec3(0.0, 0.0, 1.0)); //绕着z轴逆时针旋转90度
trans = glm::scale(trans, glm::vec3(0.5, 0.5, 0.5)); //缩放为0.5

此刻trans就是包含这2个变换的矩阵了，我们把他乘以顶点就可以得到变换后的矩阵

顶点着色器修改为：

#version 330 core
layout (location = 0) in vec3 aPos;
layout (location = 1) in vec2 aTexCoord;out vec2 TexCoord;uniform mat4 transform; //这里设定一个变换矩阵void main()
{gl_Position = transform * vec4(aPos, 1.0f); //实现变换TexCoord = vec2(aTexCoord.x, 1.0 - aTexCoord.y);
}

然后我们需要从代码里传入我们的变换矩阵供给着色器使用

unsigned int transformLoc = glGetUniformLocation(ourShader.ID, "transform");
glUniformMatrix4fv(transformLoc, 1, GL_FALSE, glm::value_ptr(trans)); //第一个是参数位置，第二个是矩阵数量，第三个是是否开启矩阵置换，就是行和列换过来，这里不需要。第四个是矩阵指针

这个时候，应该变换成功了。

　　我们玩点花样，让图案转动起来，我们在传入旋转角度的时候加上时间变量

glm::mat4 trans;
trans = glm::translate(trans, glm::vec3(0.5f, -0.5f, 0.0f));
trans = glm::rotate(trans, (float)glfwGetTime(), glm::vec3(0.0f, 0.0f, 1.0f));

这样，就能旋转起来了，这里是先旋转，再进行位移，和我提醒的一致。

转载于:https://www.cnblogs.com/usp10/p/9290889.html

五初探opengl，变换我们的图形相关推荐

Android OpenGL ES 学习(二) -- 图形渲染管线和GLSL
OpenGL 学习教程 Android OpenGL ES 学习(一) – 基本概念 Android OpenGL ES 学习(二) – 图形渲染管线和GLSL Android OpenGL ES 学 ...
Win32 OpenGL编程(4) 2D图形基础（颜色及坐标体系进阶知识）
Win32 OpenGL 编程 (4) 2D 图形基础(颜色及坐标体系进阶知识) write by 九天雁翎 (JTianLing) -- blog.csdn.net/vagrxie 讨论新闻组及文件 ...
OpenGL教程用2D图形介绍OpenGL
OpenGL教程用2D图形介绍OpenGL 1.设置OpenGL 要设置OpenGL,取决于您的编程平台,请阅读: 如何在C / C ++中编写OpenGL程序. 如何在Java中编写OpenGL程 ...
OpenGL 变换Transformations
OpenGL 变换Transformations 变换Transformations简介向量向量与标量运算向量取反向量加减长度向量相乘点乘叉乘矩阵矩阵的加减矩阵的数乘矩阵相乘 ...
信号与系统——初识到理解（第五章——傅立叶变换的应用）
目录第五章--傅立叶变换的应用信号与系统的时频域特性 5.1 傅立叶变换的模和相位表示 5.2 无失真传输系统(讨论连续情况,离散时足以整数约束即可) 5.3 系统相位 5.4 群时延采样 5. ...
二维图形平移变换c语言程序,[转载]计算机图形学Opengl实现二维图形的平移、旋转、缩放复合变换...
参考课堂教学中关于模型变化的讲解,编写对一个三角形分别实现平移.缩放.旋转等变化的源码及效果图.请以该例为蓝本,实现3题的代码编写. 如下的几幅图,第一幅就是在给出的代码部分进行修改,将GL_FLAT ...
OpenGL 学习笔记III: 图形管线、三角形、shader 流水线
跟 LearnOpenGl 也逐渐走到写 shader 渲染渐变三角形.四边形的地步了,现在总结一下整个图形管线的流程,可编程管线中各个 shader 的工作和用途.以及 shader 的本身的用途. ...
机器学习实现计算不规则图形面积_人教版小学数学五年级上册解决问题（不规则图形的面积）公开课优质课课件教案视频...
1 小数乘法PPT课件教案下载_小学数学人教版五年级上册师梦圆www.shimengyuan.com小数乘整数PPT课件教案下载_小学数学人教版五年级上册师梦圆www.shimengyuan.co ...
OpenGL之控制渲染图形的移动
一.形的渲染显示以正方形为例:正方形的绘制,与三角形的绘制类似.基于三角形的绘制,只需要将绘制三角形的部分代码修改,即可实现正方形的绘制:(三角形的绘制见上篇文章:OpenGL简单渲染一个三角形) ...

五初探opengl，变换我们的图形

GLM

五初探opengl，变换我们的图形相关推荐

最新文章

热门文章