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

相关文章

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

数论入门整理(updating)

一、gcd lcm 基础中的基础,一般用来处理计算第一步什么的,分数化简之类。 LL gcd(LL a, LL b) { return b ? gcd(b, a % b) : a; } <pre name="code" class="cpp">LL lcm(LL a, LL b){LL c = gcd(a, b);return a / c * b;} 例题:

【学习笔记】 陈强-机器学习-Python-Ch15 人工神经网络(1)sklearn

系列文章目录 监督学习:参数方法 【学习笔记】 陈强-机器学习-Python-Ch4 线性回归 【学习笔记】 陈强-机器学习-Python-Ch5 逻辑回归 【课后题练习】 陈强-机器学习-Python-Ch5 逻辑回归(SAheart.csv) 【学习笔记】 陈强-机器学习-Python-Ch6 多项逻辑回归 【学习笔记 及 课后题练习】 陈强-机器学习-Python-Ch7 判别分析 【学

Java 创建图形用户界面(GUI)入门指南(Swing库 JFrame 类)概述

概述 基本概念 Java Swing 的架构 Java Swing 是一个为 Java 设计的 GUI 工具包,是 JAVA 基础类的一部分,基于 Java AWT 构建,提供了一系列轻量级、可定制的图形用户界面(GUI)组件。 与 AWT 相比,Swing 提供了许多比 AWT 更好的屏幕显示元素,更加灵活和可定制,具有更好的跨平台性能。 组件和容器 Java Swing 提供了许多

【IPV6从入门到起飞】5-1 IPV6+Home Assistant(搭建基本环境)

【IPV6从入门到起飞】5-1 IPV6+Home Assistant #搭建基本环境 1 背景2 docker下载 hass3 创建容器4 浏览器访问 hass5 手机APP远程访问hass6 更多玩法 1 背景 既然电脑可以IPV6入站,手机流量可以访问IPV6网络的服务,为什么不在电脑搭建Home Assistant(hass),来控制你的设备呢?@智能家居 @万物互联

系统架构师考试学习笔记第三篇——架构设计高级知识(20)通信系统架构设计理论与实践

本章知识考点:         第20课时主要学习通信系统架构设计的理论和工作中的实践。根据新版考试大纲,本课时知识点会涉及案例分析题(25分),而在历年考试中,案例题对该部分内容的考查并不多,虽在综合知识选择题目中经常考查,但分值也不高。本课时内容侧重于对知识点的记忆和理解,按照以往的出题规律,通信系统架构设计基础知识点多来源于教材内的基础网络设备、网络架构和教材外最新时事热点技术。本课时知识

poj 2104 and hdu 2665 划分树模板入门题

题意: 给一个数组n(1e5)个数,给一个范围(fr, to, k),求这个范围中第k大的数。 解析: 划分树入门。 bing神的模板。 坑爹的地方是把-l 看成了-1........ 一直re。 代码: poj 2104: #include <iostream>#include <cstdio>#include <cstdlib>#include <al

计算机毕业设计 大学志愿填报系统 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试

🍊作者:计算机编程-吉哥 🍊简介:专业从事JavaWeb程序开发,微信小程序开发,定制化项目、 源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事,生活就是快乐的。 🍊心愿:点赞 👍 收藏 ⭐评论 📝 🍅 文末获取源码联系 👇🏻 精彩专栏推荐订阅 👇🏻 不然下次找不到哟~Java毕业设计项目~热门选题推荐《1000套》 目录 1.技术选型 2.开发工具 3.功能

MySQL-CRUD入门1

文章目录 认识配置文件client节点mysql节点mysqld节点 数据的添加(Create)添加一行数据添加多行数据两种添加数据的效率对比 数据的查询(Retrieve)全列查询指定列查询查询中带有表达式关于字面量关于as重命名 临时表引入distinct去重order by 排序关于NULL 认识配置文件 在我们的MySQL服务安装好了之后, 会有一个配置文件, 也就

深入理解RxJava:响应式编程的现代方式

在当今的软件开发世界中,异步编程和事件驱动的架构变得越来越重要。RxJava,作为响应式编程(Reactive Programming)的一个流行库,为Java和Android开发者提供了一种强大的方式来处理异步任务和事件流。本文将深入探讨RxJava的核心概念、优势以及如何在实际项目中应用它。 文章目录 💯 什么是RxJava?💯 响应式编程的优势💯 RxJava的核心概念