在OpenGL中有两个重要的投影变换:正交投影(Orthographic Projection)和透视投影(Perspective Projection),二者各有对应的变换矩阵。初学者比较难理解这两个矩阵是怎么来的。本文从数学角度来反向推导两个投影矩阵。
推导的思路
正交投影和透视投影的作用都是把用户坐标映射到OpenGL的可视区域。如果我们能根据二者的变换矩阵来推出最终经过映射的坐标范围恰好是OpenGL的可视区域,也就是反向推导出了这两个投影矩阵。
OpenGL的可视区域的坐标范围是一个边长为2的立方体。每个维度上的大小是2,范围是[-1,+1]
。经过各种变换之后的坐标超出[-1,+1]
范围的部分将不会显示到屏幕上。
正交投影
变换效果
正交投影在OpenGL中的作用是调整屏幕宽高比,并将实际定义的坐标转换成[-1,+1]
范围内的对应的坐标。
矩阵定义
下图是正交投影矩阵。
只考虑x轴和y轴,则:
在定义物体的坐标的时候,坐标范围为:
![\begin{cases} x \in [left, right]& \text{}\\ y \in [top, bottom]& \text{} \end{cases}](https://i-blog.csdnimg.cn/blog_migrate/cf1477c8dafb6cad748a8cfbd3e28fa5.png)
通过上面那个矩阵,就可以转换成[-1,+1]
范围内的对应的坐标。下面对此进行证明。
数学推导
① 假设物体上的一个坐标为(x,y,z,1)
,其中,x的范围为[left, right]
,y的范围为[top, bottom]
,z的范围为[near, far]
。
则,矩阵*向量
![\left[ \begin{array}{cccc} \frac{2}{right-left} & 0 & 0 & -\frac{right+left}{right-left}\\ 0 & \frac{2}{top-bottom} & 0 & -\frac{top+bottom}{top-bottom}\\ 0 & 0 & \frac{-2}{far-near} & -\frac{far+near}{far-near}\\ 0 & 0 & 0 & 1 \end{array} \right]× \left[ \begin{array}{c} x\\ y\\ z\\ 1 \end{array} \right]= \left[ \begin{array}{c} \frac{2x-left-right}{right-left}\\ \frac{2y-top-bottom}{bottom-top}\\ \frac{2z-near-far}{far-near}\\ 1 \end{array} \right ]](https://i-blog.csdnimg.cn/blog_migrate/425abfd75df0ffd57f67411d801e76b4.png)
即,
![x1=\frac{2x-left-right}{right-left}](https://i-blog.csdnimg.cn/blog_migrate/0c86462c9078b0292aeded2be67a7bd1.png)
![y1=\frac{2y-top-bottom}{bottom-top}](https://i-blog.csdnimg.cn/blog_migrate/4c9260580c7fece90b4c646e3a353631.png)
![z1=\frac{2z-near-far}{far-near}](https://i-blog.csdnimg.cn/blog_migrate/3dbc82dd867d70f3d6e96217b25cdfdd.png)
![w1=1](https://i-blog.csdnimg.cn/blog_migrate/3753bfa74a8966b367a663d8fe720663.png)
② 考虑到perspective divide的存在,此时w=1,所以:
![x1=\frac{2x-left-right}{(right-left)w1}=\frac{2x-left-right}{right-left}](https://i-blog.csdnimg.cn/blog_migrate/6957e4c4f0e39ca0bdbac39125e8de75.png)
![y1=\frac{2y-top-bottom}{(bottom-top)w1}=\frac{2y-top-bottom}{bottom-top}](https://i-blog.csdnimg.cn/blog_migrate/e5bc169bb1dd9a7846f7ac6276c038bb.png)
![z1=\frac{2z-near-far}{(far-near)w1}=\frac{2z-near-far}{far-near}](https://i-blog.csdnimg.cn/blog_migrate/625f791a2a6af620198da68dce7c7a0e.png)
② 先证明x轴确实落在了[-1, +1]
的范围。
很明显,x1是关于x的一元一次线性函数。
![x1=f(x)=\frac{2*x-left-right}{right-left}](https://i-blog.csdnimg.cn/blog_migrate/36f09f394a5d66568d2f9c920dcf6f42.png)
所以x=right的时候,f(x)最大,x=left的时候,f(x)最小。
代入方程,得到:
![f(x)=\begin{cases} f(x) = -1,& \text{x=left}\\ f(x) = 1,& \text{x=right} \end{cases}](https://i-blog.csdnimg.cn/blog_migrate/dd246124cfdbd219062b349feecfc644.png)
③ 所以
![x1=f(x)\in [-1, +1]](https://i-blog.csdnimg.cn/blog_migrate/a0b99116efd76f5dfbb6eda397851bcf.png)
同理,y1和z1的范围也是[-1, +1]。
证明结束。
小结
正交变换是将物体的坐标转换成OpenGL的坐标。
变换前的范围为:
![\begin{cases} x \in [left, right],& \text{}\\ y \in [bottom, top],& \text{}\\ z \in [near, far],& \text{} \end{cases}](https://i-blog.csdnimg.cn/blog_migrate/7299c476c5d50012209b9bd7cab46129.png)
变换后的范围为:
![\begin{cases} x \in [-1, 1],& \text{}\\ y \in [-1, 1],& \text{}\\ z \in [-1, 1],& \text{} \end{cases}](https://i-blog.csdnimg.cn/blog_migrate/83b9d04c4c9c2b292d40d8ff002656b9.png)
透视投影
变换效果
在用2D屏幕展现3D场景时,会有一种近大远小的感觉。OpenGL也是利用这一原理实现在2D屏幕上的3D效果。透视投影会形成一个视椎体,在视椎体内的坐标都是可以绘制到屏幕上的,也就是说,在视椎体上的坐标范围都会被调整到[-1, +1]
的区间。
矩阵定义
参数解释如下:
透视矩阵有些特殊,并未说明x和y的范围,下面通过推导得出这个范围。
数学推导
① 假设物体上的一个坐标为(x,y,z,1)
。
则,矩阵*向量的结果为:
![\left[ \begin{array}{cccc} \frac{a}{aspect} & 0 & 0 & 0\\ 0 & a & 0 & 0\\ 0 & 0 & -\frac{f+n}{f-n} & -\frac{2fn}{f-n}\\ 0 & 0 & -1 & 0 \end{array} \right]× \left[ \begin{array}{c} x\\ y\\ z\\ 1 \end{array} \right]= \left[ \begin{array}{c} \frac{ax}{aspect}\\ ay\\ -\frac{f+n+2fnw}{f-n}\\ -z \end{array} \right ]](https://i-blog.csdnimg.cn/blog_migrate/f037c5ef55f8f2fc45e7a0aaf0bddc6b.png)
即,
![x1=\frac{ax}{aspect}](https://i-blog.csdnimg.cn/blog_migrate/7072584a19d15281de7617f6996d96d1.png)
![y1=ay](https://i-blog.csdnimg.cn/blog_migrate/4cf3089835b172e6c71dd0a182e098ed.png)
![z1=-\frac{(f+n)z+2fnw}{f-n}](https://i-blog.csdnimg.cn/blog_migrate/2a2f7372217825be84c8ebeb33cd074e.png)
![w1=-z](https://i-blog.csdnimg.cn/blog_migrate/81e57ddc5b6696613eae6944c94d3494.png)
② 考虑perspective divide的存在,得到:
![x2=\frac{x1}{w1}=\frac{-ax}{aspect * z}](https://i-blog.csdnimg.cn/blog_migrate/8036abe89a910a500a5d4739fb55ee44.png)
![y2=\frac{y1}{w1}=-\frac{ay}{z}](https://i-blog.csdnimg.cn/blog_migrate/7aac02c765e99364d5ef91fd1cc0c4d0.png)
![z2=\frac{z1}{w1}=\frac{(f+n)z+2fn}{(f-n)z}](https://i-blog.csdnimg.cn/blog_migrate/dcf07a10c5cf5a2d76a0ae0c816dd21d.png)
③ 求:当结果落在了[-1, +1]
的范围的时候,x的范围是多少?
很明显,x2是关于x的一元一次线性函数。
![x2=f(x)=\frac{-ax}{aspect*z}](https://i-blog.csdnimg.cn/blog_migrate/d46e3b2776fd2f897dbff09ec0fc94a6.png)
下面推算当x2的范围为[-1, +1]
的时候,x的范围
![x=\begin{cases} \frac{aspect*z}{a},& \text{f(x)=-1}\\ -\frac{aspect*z}{a},& \text{f(x)=1} \end{cases}](https://i-blog.csdnimg.cn/blog_migrate/415c6610317394e26ea862d5e80d14f9.png)
所以,x的范围为
![[\frac{aspect*z}{a},-\frac{aspect*z}{a}]](https://i-blog.csdnimg.cn/blog_migrate/70deb67c275fa1fc986ba228b88877bf.png)
这里注意,按照习惯,z一般都是负数,所以上面的区间范围是没问题的,下同。
④ 求:当结果落在了[-1, +1]
的范围的时候,y的范围是多少?
因为,
![y2=f(y)=-\frac{ay}{z}](https://i-blog.csdnimg.cn/blog_migrate/7c6552e93be85a2347f80c4b93e46ac4.png)
分别求y1为1和-1时,y的值。
![y=\begin{cases} \frac{z}{a},& \text{f(y)=-1}\\ -\frac{z}{a},& \text{f(y)=1} \end{cases}](https://i-blog.csdnimg.cn/blog_migrate/919573525adea8ed82e7985775ac3b37.png)
所以,y的范围为
![[\frac{z}{a},-\frac{z}{a}]](https://i-blog.csdnimg.cn/blog_migrate/7de9863927e0e1e409b5420c6d6affd4.png)
⑤ 求:当结果落在了[-1, +1]
的范围的时候,z的范围是多少?
因为,
![z2=f(z)=\frac{z1}{w1}=\frac{(f+n)z+2fn}{(f-n)z}](https://i-blog.csdnimg.cn/blog_migrate/ae2237e0436081e66a13ea181e134c77.png)
令
![-1<=f(z)<=1](https://i-blog.csdnimg.cn/blog_migrate/8247af3df637f5b43d2578fe21c5797d.png)
则有,
![-1<=\frac{(f+n)z+2fn}{(f-n)z}<=1](https://i-blog.csdnimg.cn/blog_migrate/57ca372d1b2d063a85415c0534ba6428.png)
解方程得,
![-1<=f(z)<=1](https://i-blog.csdnimg.cn/blog_migrate/8247af3df637f5b43d2578fe21c5797d.png)
所以,
![n<=z<=f](https://i-blog.csdnimg.cn/blog_migrate/27f07884df79a207d2edac6528e6988d.png)
即变换前的坐标一定要在平截椎体的Z轴范围内才能最终展示到屏幕上。
证明结束。
小结
透视变换是将物体的坐标转换成OpenGL的坐标。
变换前的范围为:
![\begin{cases} x \in [\frac{aspect*z}{a},-\frac{aspect*z}{a}],& \text{}\\ y \in [\frac{z}{a},-\frac{z}{a}],& \text{}\\ z \in [n,f],& \text{} \end{cases}](https://i-blog.csdnimg.cn/blog_migrate/62dc31d7d2a9755c784a7524f5b123f4.png)
变换后的范围为:
![\begin{cases} x \in [-1, 1],& \text{}\\ y \in [-1, 1],& \text{}\\ z \in [-1, 1],& \text{} \end{cases}](https://i-blog.csdnimg.cn/blog_migrate/83b9d04c4c9c2b292d40d8ff002656b9.png)
附上透视椎体的图解:
总结
矩阵变换在OpenGL坐标变换中起到了非常重要的作用。在二维图像显示时一般使用正交变换,在三维图像显示时就要用到透视变换。理解这两个变换对应的矩阵的作用对我们理解这两个变换很重要。