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)
相关推荐
爱看书的小沐21 小时前
【小沐杂货铺】基于Three.js渲染三维风力发电机(WebGL、vue、react、WindTurbine)
javascript·vue.js·webgl·three.js·opengl·风力发电机·windturbine
豆沙沙包?1 天前
2025年--Lc201- 378. 有序矩阵中第 K 小的元素(排序)--Java版
java·线性代数·矩阵
CLubiy1 天前
【研究生随笔】Pytorch中的线性代数
pytorch·python·深度学习·线性代数·机器学习
郝学胜-神的一滴1 天前
Three.js光照技术详解:为3D场景注入灵魂
开发语言·前端·javascript·3d·web3·webgl
jiuzhouhi1 天前
Multiple Cameras Camera Blending and Rendering Layers
图形渲染
张晓~183399481211 天前
碰一碰发视频 系统源码 /PHP 语言开发方案
开发语言·线性代数·矩阵·aigc·php·音视频·文心一言
郝学胜-神的一滴2 天前
计算机图形学中的光照模型:从基础到现代技术
开发语言·c++·程序人生·图形渲染
dxnb222 天前
Datawhale25年10月组队学习:math for AI+Task2线性代数
人工智能·学习·线性代数
linweidong2 天前
让低端机也能飞:Canvas/WebGL/Viz 分层、降级渲染与数据抽样策略
前端框架·webgl·canvas·前端动画·前端面经·css渲染·动画优化
熬了夜的程序员3 天前
【LeetCode】74. 搜索二维矩阵
线性代数·算法·leetcode·职场和发展·矩阵·深度优先·动态规划