OpenGl学习笔记3之模型变换、视图变换、投影变换、视口变换介绍
模型变换、视图变换、投影变换、视口变换介绍
opengl中存在四种变换,分别是模型变换,视图变换,投影变换,视口变换。这四种变换是图形渲染的基本操作,实质上这四种变换都是由矩阵乘法表示(这些操作都是由一个4*4的矩阵来完成的),通过变换,我们可以看到各种通的显示效果,最简单的效果就是让图元沿着某个方向变换(放大,缩小,翻转等)或者对所要显示的图元进行裁剪。接下来我们就详细介绍这四种变换以及相互之间的联系。
我们要在屏幕上显示一个具有三维坐标的物体,大致需要以下步骤:
1. 进行模型,视图变换(变换并不是都需要的,根据自己所绘制的图形情况来确定使用哪种变换),效果为:旋转,平移,缩放等。一般情况下,绘制一个场景时需要组合使用几种变换。
2. 位于窗口(即视景体,暂时理解为窗口)之外的物体(或者一部分)需要裁减掉,等于最后所显示的图形中并没有窗口之外的物体。即:“投影变换”。
3. 经过变换后的坐标和屏幕的像素建立对应关系。该过程称为“视口变换”。
我们现在用“摄像师照毕业照”所涉及的动作来解释下产生目标场景视图变换中四种变换的作用。
1. 视图变换:照相时我们需要把照相机固定在三脚架上,并让镜头对准所照物体(图形学叫:场景,我们以后使用“场景”来代表所照物体)。
2. 模型变换:我们需要对场景中的物体进行安排,类似于我们的毕业照,摄像师总要对照相的人进行规划(:这个高个子人往后站,那个人往左边一点,那个往右一点)。这样做的目的是让场景中的物体位置是我们所期望的。
3. 投影变换:当镜头的人看着很小(也就是距离照相机很远),摄像师要推镜头,让场景(照片)中的人变大,当场景(照片)中人很多,没有覆盖全,我们需要拉镜头,把所有人放到场景(照片)中。
注:照片可以理解为我们所绘制的场景。
4. 视口变换:当摄像师给我们照好毕业照时,需要进行洗印相片,此时我们可能根据需要放大照片(PS:12寸变32寸)或者缩小照片,这个过程称为视口变换
注:视口变换后,洗印出的照片就相当于我们在屏幕上绘制的场景的最后效果。
注:以上的场景变换顺序比一定严格一致,但是,视图变换必须出现在模型变换前,投影和视口变换可以放在程序(绘制)结束之前的任何地方。
四种场景视图变换的原理(PS:这些原理了解即可,写程序时我们只需要调用opengl中相对应的函数来实现以上功能):为了进行场景中各种视图的变换,我们需要创建一个4*4的矩阵M,然后把它与场景中的每个顶点V的坐标相乘,来实现坐标的变换,即V`=M*V。M矩阵中的参数就表示我们进行何种变换。顶点中的物体的坐标与M相乘变成V`,然后经过绘制,就变成我们想要看到的结果了。
注:物体的顶点有四个坐标(x,y,z,w),其中W默认为1,所以我们编写程序时只编写前三个坐标,即X,Y,Z。
注:当我们使用四种变换来改变场景中的物体时,其物体表面的法线也随之变换(使得变换后的物体的顶点坐标与其所在平面的法线之间具有正确的对应关系)。PS:法线在我们绘制场景中很重要。
四种场景视图变换后产生的效果
[1] 其中视图和模型变换共同形成了【模型视图矩阵】,这个矩阵与物体世界坐标相乘,产生对应的视觉坐标。
[2] 若程序中定义了投影矩阵,投影矩阵将产生“裁剪坐标”,这些裁剪坐标共同定义了“视景体”(PS:暂时理解为一个框框,在这个框框里的物体,才能被显示出来),作用于这个视景体之外的物体将会被裁剪掉,不会在最终的场景(理解为:冲洗出来的照片)中出现。
[3] 随后,opengl程序中发生的是“透视除法”,它把物体的坐标值分别除以W(W默认为1),产生“设备坐标”(opengl自动进行此步)。
[4] 接下来该“视口变换”,作用是把上一步的坐标变成“窗口坐标”,我们可以通过控制视口的大小来让场景中的物体变大或者变小。
以上的绘制场景步骤我们概括为一段话:
程序中指定了必要的变换后,我们就可以绘制场景了(理解为:准备拍照),
(1)opengl通过模型、视图变换,对场景中的物体的每个顶点进行变换。(2)然后根据我们自己指定的投影变换对每个顶点再次进行变换,如果顶点位视景体之外,它就被裁剪掉。(3)最后经过变换的剩余顶点除以W(透视除法),然后映射到视口。
注:有人一定要问了?在我们电脑屏幕上显示出的物体只需要具备X,Y坐标即可(屏幕是二维的),为什么还有Z坐标?
Z坐标的作用是反应物体顶点的深度(即从顶点到屏幕的距离),由于我们生活中看到的景象是“近大远小”,当两个物体前后放在我们面前时,由于前一个物体的遮挡,我们只能看到后一个物体的局部(很明显的道理嘛),Z坐标就是要实现以上的效果,当场景中两个物体的X,Y坐标一致,而Z坐标不同,opengl就可以使用此信息判断哪个表面被另一个表面遮挡了,从而避免绘制那个被遮挡的表面(让程序渲染效率更高),此技术称为“隐藏表面消除技术”。
本节简单介绍了opengl中的四种场景变换的概念,下一章我们分章节详细介绍各变换是如何使用的。
OpenGl学习笔记3之模型变换、视图变换、投影变换、视口变换介绍的更多相关文章
- OpenGL学习笔记3——缓冲区对象
在GL中特别提出了缓冲区对象这一概念,是针对提高绘图效率的一个手段.由于GL的架构是基于客户——服务器模型建立的,因此默认所有的绘图数据均是存储在本地客户端,通过GL内核渲染处理以后再将数据发往GPU ...
- OpenGL学习笔记:拾取与选择
转自:OpenGL学习笔记:拾取与选择 在开发OpenGL程序时,一个重要的问题就是互动,假设一个场景里面有很多元素,当用鼠标点击不同元素时,期待作出不同的反应,那么在OpenGL里面,是怎么知道我当 ...
- 学习笔记:APP切图那点事儿–详细介绍android和ios平台
学习笔记:APP切图那点事儿–详细介绍android和ios平台 转载自:http://www.woofeng.cn/articles/168.html 版权归原作者所有 作者:亚茹有李 原文地址 ...
- opengl学习笔记
准备: 1.准备资源:从GLEW1.13.0下载GLEW,并且解压出glew-1.13.0目录.从FreeGLUT官网下载3.0.0版本.直接从这里下的编译后的FreeGLUT,选for MSVC,下 ...
- OpenGL 学习笔记 01 环境配置
以下教程仅适用于Mac下的Xcode编程环境!其他的我也不会搞. 推荐教程:opengl-tutorial 本项目Github网址 OpenGL太可怕了...必需得把学的记下来,不然绝壁 ...
- OpenGL学习笔记(六)坐标系统
目录 一.衔接 二.概述 三.各个坐标系统 局部空间 世界空间 观察空间 裁剪空间 四.两种投影矩阵 正射投影 透视投影 五.把它们都组合到一起 六.编码实现 1. 实现卡片旋转 2. 实现正方体旋转 ...
- ASP.NET Core 2 学习笔记(十)视图
ASP.NET Core MVC中的Views是负责网页显示,将数据一并渲染至UI包含HTML.CSS等.并能痛过Razor语法在*.cshtml中写渲染画面的程序逻辑.本篇将介绍ASP.NET Co ...
- OpenGL学习笔记2017/8/29
OpenGL学习日志: 感谢doing5552 的OpenGL入门学习:http://www.cppblog.com/doing5552/archive/2009/01/08/71532.html 相 ...
- Android(java)学习笔记167:Java中操作文件的类介绍(File + IO流)
1.File类:对硬盘上的文件和目录进行操作的类. File类是文件和目录路径名抽象表现形式 构造函数: 1) File(String pathname) Creat ...
随机推荐
- 监控系统 - check_mk_agent
系统级监控 cpu (system, user) memory (cache, buffer, use)(MB) load (cpu core) diskspace (used, inode)(GB) ...
- WWF3事务和异常处理类型活动<第四篇>
一.FaultHandler 添加一个工作流图如下: 首先添加一个Seruence,在里面添加3个Code,外面添加一个Code,打开Seruence错误处理,在容器里添加一个faultHandler ...
- 对像转成 和 byte 互转类库方法
using System; using System.IO; using System.Runtime.Serialization; using System.Runtime.Serializatio ...
- sqlmap.config 配置
<?xml version="1.0" encoding="utf-8"?> <sqlMapConfig xmlns="http:/ ...
- 在PHP应用中简化OAuth2.0身份验证集成:OAuth 2.0 Client
在PHP应用中简化OAuth2.0身份验证集成:OAuth 2.0 Client 阅读目录 验证代码流程 Refreshing a Token Built-In Providers 这个包能够让你 ...
- Symantec System Recovery
目的:备份系统,备份文件,裸机恢复,异机恢复等 工具:http://bbs.kafan.cn/thread-1800182-1-1.html 下载地址:http://pan.baidu.com/s/1 ...
- iOS 层层推进实现代理模式
1.代理模式核心思想:A类委托B类做某件事,然后A类获取B类的执行的返回结果! 举例:女孩想去买电影票,但是自己不亲自去而是委托男孩了解电影电影票信息,同时女孩获得男孩买票的结果,代码模拟实现: /* ...
- excel上传和下载
需要注意的地方: 1.js构造表单并提交 2.js中文传参encodeURI(encodeURI("中文")),action接收并转换value = URLDecoder.deco ...
- centos6.7下编译安装lamp环境
编译C源代码: 前提:提供开发工具及开发环境 通过“包组”提供开发组件,CentOS 6: "Development Tools", "Server Platform D ...
- linux中PHP dirname(__FILE__)路径问题解决
近期在给wordpress开发模板功能时发现,直接使用include(“文件名”)的形式调用其他php代码片段时会出现路径错误.之前服务器环境一直都是iis,未曾出现过类似的BUG,但换成linux服 ...