Games101 正交投影矩阵推导

目录

正交投影

投影矩阵推导


正交投影

正交投影不管是远处还是近处,都是直接挤在屏幕上就好,它没有近大远小的效果

首先,把相机放在原点上,往-z方向看,上方向是y;

这样摆放相机的好处是,把z坐标扔掉,得到的结果自然而然就是平面的上的一张图

将z扔掉后,所有的像素都在xy平面上了,不管xy的覆盖范围有多大,都给他移到**-1~1 * -1~1** 的区间,此时就是正交投影的成像结果

投影矩阵推导

首先,如下最左侧定义空间中的一个立方体,需要知道立方体的 左右在x轴上是多少、上下在y轴上是多少、前后在z轴上是多少

然后,视图把这个立方体映射到最右侧的规范立方体的形状,即,不管空间中的是一个什么样的长方体,我都可以把他映射为规范立方体

  1. 把立方体的中心移到坐标原点 (右侧矩阵)
  2. 把xyz的轴分别拉成 -1到1 (左侧矩阵):-r*s=2 , s是缩放的倍数,规范正方体边所占长度是(-1,1),就是2,则缩放倍数 s=2/(1-r)
相关推荐
叶智辽3 天前
【Three.js与WebGPU】下一代3D技术到底强在哪?
webgl·three.js
波哥学开发4 天前
# Three.js 进阶:如何绘制"像素大小固定"的箭头?三种方案全解析
webgl·gpu
Panzer_Jack5 天前
如何用 WebGL 去实现一个选取色彩背景图片透明化小工具 - Pick Alpha
前端·webgl
烛阴6 天前
Three.js 零基础入门:手把手打造交互式 3D 几何体展示系统
javascript·webgl·three.js
叶智辽7 天前
【ThreeJS调试技巧】那些让 Bug 无所遁形的“脏套路”
webgl·three.js
叶智辽8 天前
【ThreeJS急诊室】一个生产事故:我把客户的工厂渲染“透明”了
webgl·three.js
撩妹小狗8 天前
科赫雪花--Python--数学原理--turtle绘图
python·线性代数·几何学
张3蜂8 天前
线性代数与AI的关系
人工智能·线性代数
AI能见度8 天前
硬核:如何用大疆 SRT 数据实现高精度 AR 视频投射?
ar·无人机·webgl
AI科技星8 天前
物理世界的几何建构:论统一场论的本体论革命与概念生成
人工智能·opencv·线性代数·算法·矩阵