GAMES101现代计算机图形学入门-闫令琪-随堂笔记-Lecture 04 3DTransformation

本文主要是介绍GAMES101现代计算机图形学入门-闫令琪-随堂笔记-Lecture 04 3DTransformation,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

写在前面:原始文案来源于凌风同学博客,本文在其基础上增加图片并对文案稍作修改。此系列文章已经私信咨询能否授权发布,但一直尚未得到本人回复。出于工作要求,本人需要记录该系列课程体系,以供后期交流学习使用,不得已在此公开。特在此严谨声明,该系列文章不以盈利为目的,侵权麻烦私信即可删除。

第四讲目录

  • Lecture 04 3DTransformation
    • 一.3D transformations
      • (一)General Introduction
      • (二)Basic 3D Transformations
        • 1.Scale
        • 2.Translation
        • 3.Rotation around x-, y-, or z-axis(绕x y z轴旋转)
      • (三)3D Rotations
      • (四)Rodrigues’ Rotation Formula(罗德里格斯旋转公式)
    • 二.Viewing transformation(观测变换)
      • (一)View / Camera transformation(视图变换)
        • 1.如何实现视图变换(怎么摆摄像机)
        • 2.Key observation
      • (二)Transform the camera by Mview(模型变换)
      • (三)Projection transformation(投影变换)
        • 1.Orthographic projection
          • (1)A simple way of understanding
          • (2)In general
        • 2.Perspective projection

Lecture 04 3DTransformation

一.3D transformations

(一)General Introduction

Use homogeneous coordinates again:
在这里插入图片描述
(x, y, z, w) (w != 0) 其实是3维空间中的点 (x/w, y/w, z/w)
在3D里同理与上一节2D中所推导的方法,用齐次坐标来描述变换。在这里依然需要注意区分3D的点和向量。
Use 4×4 matrices for affine(仿射)transformations:

在这里插入图片描述
在这里插入图片描述
当然是先线性变换,再平移

(二)Basic 3D Transformations

1.Scale

在这里插入图片描述

2.Translation

在这里插入图片描述

3.Rotation around x-, y-, or z-axis(绕x y z轴旋转)

在这里插入图片描述
在这里,我们可以观察到沿y轴旋转的旋转矩阵中有两项(右上和左下的sinα)的符号被调换了,这是因为以右手螺旋定则来看的话,沿x轴(大拇指指向x轴)是从y转向z,沿z轴(大拇指指向z轴)是从x到y,而沿y轴是从z到x(而不是x到z),所以相应的符号也就反了。

(三)3D Rotations

任意一个旋转都可以被分解成由绕x,y,z轴的三个旋转合成的一个旋转,因此
在这里插入图片描述
So-called Euler angles(这也就是所说的欧拉角)
Often used in flight simulators: roll, pitch, yaw
在这里插入图片描述

但是使用欧拉角会产生万向锁的问题

(四)Rodrigues’ Rotation Formula(罗德里格斯旋转公式)

Rotation by angle α around axis n(围绕任意轴n旋转α角度可写为以下式子)
在这里插入图片描述
注意这个旋转轴n用向量表示,就是该向量过原点产生的射线。如果我们想让物体沿任意轴旋转(包括不过原点的轴),可以和二维图像围绕任一点旋转一样,先平移到过原点轴进行旋转,再平移回去

二.Viewing transformation(观测变换)

观测变换=视图变换(摆相机)+模型变换(挪相对位置)+投影变换(透视投影+正交投影)

(一)View / Camera transformation(视图变换)

1.如何实现视图变换(怎么摆摄像机)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.Key observation

如果摄像机和场景中所有的东西一起移动的话,那么整个场景在摄像机中的画面还是相对保持不变。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

(二)Transform the camera by Mview(模型变换)

如何实现Key observation所说的移动?遵从以下方法:
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
这个很好写
在这里插入图片描述
在这里插入图片描述
由于该旋转矩阵是正交矩阵,所以该矩阵的逆就是该矩阵的转置矩阵

Summary
Transform objects together with the camera
Until camera’s at the origin, up at Y, look at -Z
Also known as ModelView Transformation
But why do we need this?
For projection transformation!
与相机一起变换对象
直到相机位置在原点,上在Y,看在-Z
也称为模型视图转换
但是我们为什么需要这个呢?
用于投影转换!

(三)Projection transformation(投影变换)

Projection in Computer Graphics(3D to 2D)
Perspective projection vs. orthographic projection(透视投影与正交投影)
在这里插入图片描述
正交投影:工程制图
透视投影:无限延长平行线看起来就好像相交,近大远小
在这里插入图片描述

1.Orthographic projection
(1)A simple way of understanding

Camera located at origin, looking at -Z, up at Y
Drop Z coordinate
Translate and scale the resulting rectangle to 〖[-1,1]〗^2
在这里插入图片描述
对于正交投影,最简单的理解方式就是将所有三维空间的物体挤压到一个二维的平面,也就是将所有物体的z坐标直接去掉,最后将图形压缩到[-1,1]的二维区域内。也就实现了从三维到二维平面的映射。

(2)In general

We want to map a cuboid [l, r] x [b, t] x [f, n] to the “canonical (正则、规范、标准)” cube [-1, 1]3
在这里插入图片描述
在这里,不管在空间中给一个什么样的长方体,都可以映射成一个中心在原点的立方体。
在X轴上,我们定义左和右(l和r),在Y轴上,我们定义下和上(b和t),在Z轴上,我们定义远和近(f和n)。通过这六个值,我们即可定义一个长方体。

Translate (center to origin) first, then scale (length/width/height to 2)

在这里插入图片描述
先通过一个位移矩阵将长方体中心移动到原点,再通过一个缩放矩阵将长方体压缩成一个立方体。

沿 -Z 看 /正在使近处和远处变得不直观(n > f),这就是为什么OpenGL(一种图形API)使用左手坐标的原因

2.Perspective projection

对象更小(近大远小)
平行线不平行;收敛到单点(平行线相交)
在这里插入图片描述
如何进行透视投影?
在这里插入图片描述

我们要通过变换将左侧这个视锥“挤”成右边这个长方体,再做一次正交投影,问题就解决了。在上面我们已经知道正交投影怎么做了,所以现在所有的问题集中在如何将这个视锥“挤”成右边这个长方体。

在此我们定义几个问题。首先近平面n在挤压之后,任何一个点都不会变,远平面f在挤压过程中,Z值不会变,也就是说挤压之后远平面的Z值依然是f;远平面的中心点在挤压之后也不会发生变化,x、y依然是0,Z=f。

通过侧视图,对于视锥上任意一个点(x,y,z)和近平面(x’,y‘,z’),我们会发现两个相似三角形
在这里插入图片描述
近平面上的点的z‘=n,根据相似三角形对应边成比例我们可以求出
在这里插入图片描述
那么我们将刚刚的变换过程写成齐次坐标的形式:
在这里插入图片描述
此处我们根据齐次坐标的性质,将中间的式子同乘一个z,即得到最右边的式子,这就是原来的点通过变换后得到的新的点的坐标。此时z’我们依然不知道。
我们希望算出来到底是什么样的一个变换矩阵使得这个点的坐标变换成最右边的样子,也就是我们要求出矩阵Mpersp->ortho(4×4)
在这里插入图片描述
此时可以先通过刚刚的已知量将这个矩阵的部分写出来:
在这里插入图片描述
下面我们来取两个特殊的点。刚刚在一开始已经提到,近平面在挤压之后,任何一个点都不会变;远平面在挤压过程中,Z值不会变,也就是说挤压之后远平面的Z值依然是f(Z=f)。
==首先我们取近平面上任意一点,由于近平面在挤压之后,任何一个点都不会变,(x,y,n,1)→(x,y,n,1)==所以此时z就可以用n来替代,得到以下式子:
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
我们再选取远平面的中心点,由于远平面的中心点在挤压之后也不会发生变化(0,0,f,1)→(0,0,f,1)。x、y依然是0,Z=f,转移矩阵的第三行(0,0,A,B)和远平面上的中点(0,0,f,1)存在以下关系,可以写出矩阵:
在这里插入图片描述
联立刚刚的两个式子:
在这里插入图片描述
我们可以解出A和B。
至此,我们把整个变换的矩阵全部填完了。
在这里插入图片描述
接下来做正交投影,Mpersp(透视投影矩阵)= MorthoMpersp->ortho

这篇关于GAMES101现代计算机图形学入门-闫令琪-随堂笔记-Lecture 04 3DTransformation的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/227280

相关文章

从入门到精通MySQL联合查询

《从入门到精通MySQL联合查询》:本文主要介绍从入门到精通MySQL联合查询,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下... 目录摘要1. 多表联合查询时mysql内部原理2. 内连接3. 外连接4. 自连接5. 子查询6. 合并查询7. 插入查询结果摘要前面我们学习了数据库设计时要满

从入门到精通C++11 <chrono> 库特性

《从入门到精通C++11<chrono>库特性》chrono库是C++11中一个非常强大和实用的库,它为时间处理提供了丰富的功能和类型安全的接口,通过本文的介绍,我们了解了chrono库的基本概念... 目录一、引言1.1 为什么需要<chrono>库1.2<chrono>库的基本概念二、时间段(Durat

解析C++11 static_assert及与Boost库的关联从入门到精通

《解析C++11static_assert及与Boost库的关联从入门到精通》static_assert是C++中强大的编译时验证工具,它能够在编译阶段拦截不符合预期的类型或值,增强代码的健壮性,通... 目录一、背景知识:传统断言方法的局限性1.1 assert宏1.2 #error指令1.3 第三方解决

从入门到精通MySQL 数据库索引(实战案例)

《从入门到精通MySQL数据库索引(实战案例)》索引是数据库的目录,提升查询速度,主要类型包括BTree、Hash、全文、空间索引,需根据场景选择,建议用于高频查询、关联字段、排序等,避免重复率高或... 目录一、索引是什么?能干嘛?核心作用:二、索引的 4 种主要类型(附通俗例子)1. BTree 索引(

Redis 配置文件使用建议redis.conf 从入门到实战

《Redis配置文件使用建议redis.conf从入门到实战》Redis配置方式包括配置文件、命令行参数、运行时CONFIG命令,支持动态修改参数及持久化,常用项涉及端口、绑定、内存策略等,版本8... 目录一、Redis.conf 是什么?二、命令行方式传参(适用于测试)三、运行时动态修改配置(不重启服务

CSS3打造的现代交互式登录界面详细实现过程

《CSS3打造的现代交互式登录界面详细实现过程》本文介绍CSS3和jQuery在登录界面设计中的应用,涵盖动画、选择器、自定义字体及盒模型技术,提升界面美观与交互性,同时优化性能和可访问性,感兴趣的朋... 目录1. css3用户登录界面设计概述1.1 用户界面设计的重要性1.2 CSS3的新特性与优势1.

MySQL DQL从入门到精通

《MySQLDQL从入门到精通》通过DQL,我们可以从数据库中检索出所需的数据,进行各种复杂的数据分析和处理,本文将深入探讨MySQLDQL的各个方面,帮助你全面掌握这一重要技能,感兴趣的朋友跟随小... 目录一、DQL 基础:SELECT 语句入门二、数据过滤:WHERE 子句的使用三、结果排序:ORDE

Python中OpenCV与Matplotlib的图像操作入门指南

《Python中OpenCV与Matplotlib的图像操作入门指南》:本文主要介绍Python中OpenCV与Matplotlib的图像操作指南,本文通过实例代码给大家介绍的非常详细,对大家的学... 目录一、环境准备二、图像的基本操作1. 图像读取、显示与保存 使用OpenCV操作2. 像素级操作3.

无法启动此程序因为计算机丢失api-ms-win-core-path-l1-1-0.dll修复方案

《无法启动此程序因为计算机丢失api-ms-win-core-path-l1-1-0.dll修复方案》:本文主要介绍了无法启动此程序,详细内容请阅读本文,希望能对你有所帮助... 在计算机使用过程中,我们经常会遇到一些错误提示,其中之一就是"api-ms-win-core-path-l1-1-0.dll丢失

Python使用Reflex构建现代Web应用的完全指南

《Python使用Reflex构建现代Web应用的完全指南》这篇文章为大家深入介绍了Reflex框架的设计理念,技术特性,项目结构,核心API,实际开发流程以及与其他框架的对比和部署建议,感兴趣的小伙... 目录什么是 ReFlex?为什么选择 Reflex?安装与环境配置构建你的第一个应用核心概念解析组件