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)
相关推荐
总要学点什么13 小时前
第108篇:三维特效-图片轨迹线效果——把贴图滚成一串箭头,想用它的本色反而整条消失
开发语言·javascript·ecmascript·gis·webgl·材质·cesium
总要学点什么19 小时前
第106篇:三维特效-流动线效果——让一颗光点沿整条线一路滚到头
开发语言·javascript·ecmascript·gis·webgl·材质·cesium
总要学点什么2 天前
第105篇:三维特效-流动图片墙体效果——让箭头沿墙长滚,它俩竟是同一份代码
开发语言·javascript·ecmascript·gis·webgl·材质·cesium
总要学点什么2 天前
第104篇:三维特效-流动墙体效果——让贴图沿墙流动,它却只肯走一条对角线
开发语言·javascript·ecmascript·gis·webgl·材质·cesium
西伯利亚小火龙2 天前
我以为是流体解算,结果只是一张贴图:复刻 Lusion 的屏幕流体特效
webgl·three.js
普通人62 天前
WebGL与WebGPU入门指南
开发语言·webgl·1024程序员节
魂断蓝桥6663 天前
如何用 three.js 把 3D 消防演练落到一栋楼里——第一课:场景搭建与火情定位
webgl·three.js·3d建筑·物联网3d·、3d工厂、3d工业园区、智慧制造、智慧工业、智慧工厂·3d定位、三维室内定位、3d建筑·3d消防
总要学点什么5 天前
第96篇:三维数据加载-城市建筑白模样式+着色器——让色带按体量上色,最白的那档却涂不上去
前端·gis·webgl·cesium·着色器·空间分析·白模
lisw055 天前
Dayhoff的PAM替换矩阵理论评介!
线性代数·算法·矩阵
总要学点什么6 天前
第97篇:三维数据加载-城市建筑白模自定义着色器——让一条光带沿高度扫上去,快慢却由帧率说了算
前端·gis·webgl·cesium·着色器·空间分析·白模