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

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

  

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,变换我们的图形相关推荐

  1. Android OpenGL ES 学习(二) -- 图形渲染管线和GLSL

    OpenGL 学习教程 Android OpenGL ES 学习(一) – 基本概念 Android OpenGL ES 学习(二) – 图形渲染管线和GLSL Android OpenGL ES 学 ...

  2. Win32 OpenGL编程(4) 2D图形基础(颜色及坐标体系进阶知识)

    Win32 OpenGL 编程 (4) 2D 图形基础(颜色及坐标体系进阶知识) write by 九天雁翎 (JTianLing) -- blog.csdn.net/vagrxie 讨论新闻组及文件 ...

  3. OpenGL教程 用2D图形介绍OpenGL

    OpenGL教程 用2D图形介绍OpenGL 1.设置OpenGL 要设置OpenGL,取决于您的编程平台,请阅读: 如何在C / C ++中编写OpenGL程序. 如何在Java中编写OpenGL程 ...

  4. OpenGL 变换Transformations

    OpenGL 变换Transformations 变换Transformations简介 向量 向量与标量运算 向量取反 向量加减 长度 向量相乘 点乘 叉乘 矩阵 矩阵的加减 矩阵的数乘 矩阵相乘 ...

  5. 信号与系统——初识到理解(第五章——傅立叶变换的应用)

    目录 第五章--傅立叶变换的应用 信号与系统的时频域特性 5.1 傅立叶变换的模和相位表示 5.2 无失真传输系统(讨论连续情况,离散时足以整数约束即可) 5.3 系统相位 5.4 群时延 采样 5. ...

  6. 二维图形平移变换c语言程序,[转载]计算机图形学Opengl实现二维图形的平移、旋转、缩放复合变换...

    参考课堂教学中关于模型变化的讲解,编写对一个三角形分别实现平移.缩放.旋转等变化的源码及效果图.请以该例为蓝本,实现3题的代码编写. 如下的几幅图,第一幅就是在给出的代码部分进行修改,将GL_FLAT ...

  7. OpenGL 学习笔记III: 图形管线、三角形、shader 流水线

    跟 LearnOpenGl 也逐渐走到写 shader 渲染渐变三角形.四边形的地步了,现在总结一下整个图形管线的流程,可编程管线中各个 shader 的工作和用途.以及 shader 的本身的用途. ...

  8. 机器学习实现计算不规则图形面积_人教版小学数学五年级上册解决问题(不规则图形的面积)公开课优质课课件教案视频...

    1 小数乘法PPT课件教案下载_小学数学人教版五年级上册师梦圆​www.shimengyuan.com小数乘整数PPT课件教案下载_小学数学人教版五年级上册师梦圆​www.shimengyuan.co ...

  9. OpenGL之控制渲染图形的移动

    一.形的渲染显示 以正方形为例:正方形的绘制,与三角形的绘制类似.基于三角形的绘制,只需要将绘制三角形的部分代码修改,即可实现正方形的绘制:(三角形的绘制见上篇文章:OpenGL简单渲染一个三角形) ...

最新文章

  1. arm linux arp 支持,当ARP缓存为空 - RL-ARM 实时库用户指南
  2. 批量修改文件名称(Python)
  3. 思科学习空间(思科官方网站)
  4. path cp mv cat more less tail
  5. Leetcode 25.K个一组翻转链表
  6. 在 Mac上手动清除应用程序/用户缓存教程
  7. 安卓3d游戏开发引擎_微信小游戏开发怎么选游戏引擎
  8. nfine mysql_全开源版NFine快速开发框架C#源码
  9. 使用云打码识别验证码
  10. python3-爬取cnnvd漏洞库
  11. 正运动技术快速入门 | 篇十六:正运动控制器EtherCAT总线快速入门
  12. vs自拉软件全名_vs全新操作软件说明书
  13. 指定Web打印的打印机
  14. 全球2%高智商天才必测脑力题!却只有1%的人,能在5分钟内全部做对!
  15. Java中的switch
  16. 英伟达RTX 4070 Ti显卡正式发布!你会买吗?
  17. 路由器固件编译及个性化
  18. 第三方支付平台结算流程是什么样的?
  19. Word编辑公式 下划线取消自动套用格式 下划线不转义
  20. intersect 相交 范围_空间关系分类及接口方法

热门文章

  1. 在网页中通过百度地图查看某地的经纬度
  2. python多线程 多进程
  3. 浅析tornado协程运行原理
  4. python如何连接mysql数据库
  5. 编写一个Java程序,在程序中包含一个Employee类,Employee类包含name、age、salary三个成员变量
  6. 总结django form
  7. 虚拟机如何设置ftp服务器,虚拟机设置ftp服务器配置
  8. wampserver橙色如何变成绿色_PLC视频教程:手机如何控制西门子变频器V20
  9. 【Clickhosue】MySQL 没有主键导致CK不可用 The db.scene cannot be materialized, because there is no primary keys
  10. 95-36-032-ChannelHandler-SimpleChannelInboundHandler