3D空间中的点坐标转化为屏幕二维点坐标(一)

news/2025/3/5 10:34:56/

每个人在进入计算机图形学的世界中,都有一个同样的困惑,三维世界中的三维坐标是如何被转换成屏幕上的二维坐标的,我如何在屏幕上找到一个点(二维点)对应三维世界中的点(三维点)呢?

要理解其中的过程,对学习计算机图形学是非常重要的。这里,我假设你已经了解计算机图形学中一些基本的数学知识,例如向量和矩阵,也知道矩阵在图形变换中起到的作用。如果不清楚这些概念,或者想重温一下这些数学知识,可以看看我的其他文章。

三维世界中的坐标转换成二维世界中的坐标的这个转换过程,也可以看做矩阵的变换,这个变换矩阵将三维坐标转换成屏幕上的二维坐标,但是这个过程比较复杂,想了解这个过程,我建议你找一本计算机图形学原理的书阅读,如果你只是想简单的了解下opengl/webgl中的坐标系和矩阵转换可以看以下几篇文章。

  • 坐标系统和glMatrix
  • 3d图形学中的矩阵变换(一)
  • 3d图形学中的矩阵变换(二)
  • 3d图形学中的矩阵变换(三)

在上面的文章中,我介绍过投影矩阵,投影矩阵的作用就是将一个3D的场景投影在屏幕上成为一个2D的图片,这不就是本节内容的主题吗?

有朋友在看过我前面几篇文章后,有很多疑问,对OpenGL的渲染原理还是很模糊,不理解投影矩阵的作用和证明?所以,我打算再好好讲一讲这个内容,一步一步的去研究如何将3D空间中的点坐标转化为屏幕坐标

透视投影矩阵

再次简要说明一下投影矩阵,主要讲解透视投影矩阵。

投影矩阵

请看上图左边的图形,它是透视投影的一个模型。其中近平面(梯子锥形中离坐标系近的平面)是投影面,三维空间中的点与坐标系原点连成一条直线与近平面相交形成一个点,这个点就是三维点在屏幕上的二维坐标(现在你可以这样简单理解,其实真实情况还会做一些转换),如果直线与近平面没有交点,就表示三维空间中的点并不会渲染在屏幕上。

这个过程模拟的就是我们人眼的实际观察过程,人眼所能看到的范围也是一个近似锥形的空间,而近平面就是视网膜,外界中的物体投影在视网膜上,所以我们能看见外面的世界,坐标系的原点就是眼睛(或者叫摄像机)。

其实在写程序中,理解这个过程比会计算证明这个过程更重要,因为你在工作中基本不会去证明或者计算一个透视投影矩阵,因为写代码时,这些矩阵都是现有的,你可以直接使用。

在下一篇文章中,我将详细介绍三维点到二维点的计算过程,一步步模拟计算机处理的过程。

下一篇:3D空间中的点坐标转化为屏幕二维点坐标(二)

(完)


http://www.ppmy.cn/news/505807.html

相关文章

相机标定2d坐标转3d坐标

相机标定原理: 可以看看这两篇: https://blog.csdn.net/baidu_38172402/article/details/81949447 https://blog.csdn.net/weixin_43206570/article/details/84797361 在图像测量过程以及机器视觉应用中,为确定空间物体表面某点的三维几何位…

将3D坐标转成2D坐标的方法

将3D坐标转成2D坐标的方法。3D坐标在Unity中称作World Space,2D坐标称作Screen Space, 是以pixel为基准,以iPad 1024 x 768(4:3)的解析度为例子: 左上角是 (0,0) 右下角是(1024,768&#xff0…

卫星建模、自动单体、实时三维重建...瞰景Smart3D 2023系列新产品新技术发布!

3月17日,由重庆市测绘地理信息学会、武汉大学遥感信息工程学院、重庆荣昌高新技术产业开发区管理委员会联合主办,瞰景科技发展(上海)有限公司承办的“智绘时空瞰见未来 2023实景三维中国新技术研讨会”于在重庆成功召开。本次大会…

nginx配置详细说明

server {listen 80;listen 443 ssl http2;server_name his6.dieya.net;index index.php index.html index.htm default.php default.htm default.html;root /www/wwwroot/his6.dieya.net/;#SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则#error_page 4…

android创意软件,手机解锁也好玩 Android软件创意解锁

泡泡网手机频道3月14日 Android手机如此开源的系统上,若不换换壁纸、锁屏、主题神马的简直对不起自己的手机。而对于锁屏资源而言用户也许不知该去哪里找。今天小编就给各位用户推荐一款名为《创意解锁》的应用,该应用上有丰富的解锁资源,一键…

Python项目实战:爬取图虫创意优质高清壁纸图

2019独角兽企业重金招聘Python工程师标准>>> 前言 图片素材一直各类设计必不可少的元素,一图胜千言,一张好的图片贯彻全场,下面为大家介绍一个生产优质图片的图虫创意,将为大家爬取这优质的高清壁纸图片. 导入第三方库 获取头部信息 获取图片ID 学习从来不是一个人的…

创意编程作业实验报告

1.随机地形 利用随机平滑噪声生成地形,在三位坐标系里绘制出来: 效果图: 视角会随着时间慢慢转动,颜色也会渐变。 2.惯性和引力 图中的方块跟随鼠标位置移动,但是不会壁纸给随,像是有吸引力一样绕着它转。…

【创意】思考了一个APP创意——锁屏提醒。

创意来源于百词斩的锁屏背单词功能。 锁屏界面也和百词斩的锁屏背单词界面差不多,另外也应该加上此条提醒不再显示按钮和下一条提醒,上一条提醒以及新提醒按钮。 人们每天都会经历很多事,也会有很多事要做。但,总会有人忘掉自己…