2D与3D图形的基本变换

news2025/1/15 19:48:18

1. 2d transformations

1.1缩放(Scaling)

在这里插入图片描述

其实这个转换非常简单,如图所示就是把x与y进行s倍的缩放,而我们图中的这个矩阵正好满足这一算法。

1.2镜像(Reflection)

在这里插入图片描述

这个镜像变换可以和上面的做类比,简单看一下就行。

1.3错切(Shearing)

在这里插入图片描述

当然这里不得不提两句,这个错切可以这么看,如左图未转换前最左边的一条竖直直线,按照这样的转换思路在右边就变成了一条斜线,其他线段以此类推。

其实可以想象成如左边这条x等于0的竖直线,这上面的一个个点往右边平移了ay个单位,变成了这样一条斜线。

这里提一个有趣的想法:

如果把一条直线看成是由有限的等大小的点组成(在计算机中当然实际当中我们对直线的定义还是无数个点组成的图形),那么经过我们如上线性变换的时候,每个点的坐标发生了变换最后构成了一条斜线(比如说3个点构成了一条直线,现在把这三个点的位置挪动了下,这样点与点之间实际上会有距离间隔,但是实际我们的屏幕看不出这个距离间隔)

让我们在更加形象的来了解一下

我们知道计算机是由一个个像素组成的,如下图所示:

在这里插入图片描述

一条直线的长度等于这一个个正方形小像素的变成之和,而通过我们的图形变换我们改变了这一个个小像素的实际位置(可以把一个小像素看成一个单位坐标),如我们上面转换成的斜线的长度就是这一个个小像素的斜边加起来的值。

1.4旋转(Rotation)

在这里插入图片描述

这里的推导非常简单,通过两个特例点`来将变换的矩阵推导出来,因为过于简单这里就不做过多赘述。(旋转我们默认是按圆点逆时针旋转)

这里留一个问题给大家,你怎么知道你特例点推出来矩阵后,你的图像整体都是如图上的规律变换的?

1.5平移(Translation)

在这里插入图片描述

按照我们上面的例子依葫芦画瓢就可以很轻易的得出如图所示的式子,但是这个式子后面多了一个矩阵,这样的表达式看着不是很简明了,为了处理这样的问题,我们的图形学引入了对向量和点的新的表达形式来解决了这一问题。

在这里插入图片描述

1.6逆变换(Inverse Transform)

在这里插入图片描述

2. 3d transformations

2.1 3d空间中点与向量的表达方式

在这里插入图片描述

2.2 3d空间当中的旋转
绕轴旋转:

在这里插入图片描述

上面的式子分别是一个实际的物体绕着不同轴旋转所对应的线性变换,那么实际应用当中我们是如何处理旋转的呢?

物体实际旋转的处理公式:

在这里插入图片描述

实际我们在处理一个物理旋转时,我们会将其拆分为该物体与各个轴之间的旋转变换,我们把如图上的那三个角称作欧拉角。

罗德里格旋转公式(Rodrigues’ rotation formula)

在这里插入图片描述

解释一下这个公式的一些参数:n为物体绕着旋转的轴(默认起点为原点,默认旋转方向为逆时针),a为旋转角度。

2.3四元数

最基本的定义:i的二次方 = j的二次方 = -1 且 ij = -ji = k (意味着不满足交换律)

q(四元数) = a + bi + cj + dk 且满足 i的平方 = j的平法 = k的平方 = ijk = -1

这里只展示四元数最基本的定义,后面我会出一篇文章详细讲解一下四元数的实际运用。

3.视图变换(ViewingTransformation)

​ 思考我们拍照的过程:我们的现实是3d坐标系,而我们用相机所拍摄到的照片是二维的,那么如何3d坐标系的影像处理成二维照片呢?这就是我们视图变换所做的事情。

在这里插入图片描述

如这副图所示,为了完成我们的变换我们首先得确定相机的位置和确定一个相机的正方向。

当然在我们的实际使用当中我们默认相机固定在原点,y轴为正方向,往-Z轴看。

3.1相机的摆放问题( 摄像机变换(camera tranformation))

在这里插入图片描述

​ 当然我们的相机不可能一直会在原点,就比如如图这样的情况,我们应该如何把相机回归原点呢?(实际上就是把etg坐标系所对应的图像对应到xy-z坐标所对应的图像)

这里可以这么理解:将我们etg坐标系的三个方向进行线性转换变成了xy-z坐标系的三个方向,那么其所对应到的图片经过这样的转换后效果是不变的(不同坐标系与图像的对应关系没有发生变化),这样的过程就好比把计算机从一个随机的位置移动到了原点。

当然我们求etg到对应xy-z这样过程比较困难,不妨先求其逆,也就是xy-z到etg这一线性变换的过程。

在这里插入图片描述

正交矩阵的逆等于其转置矩阵,为什么呢?

这里偷一张大佬的图

在这里插入图片描述

3.2 投影变换(projection tranformation)
3.21正交投影(Orthographic projection)

在这里插入图片描述

按照视觉效果来说正交投影应该是如上图所示的样子,但是实际处理起来太麻烦,因此我们在实际当中采用如下步骤:

在这里插入图片描述

实际上就是先进行了一个平移和一个缩放(缩放成一个边长为2中心在原点的正方形)

3.22透视投影(Perspective projection)

在这里插入图片描述

透视投影这一过程其实分为两个部分如上图所示先进行挤压,然后在进行我们上面所说的正交投影来完成这一过程,需要说明的是透视投影在挤压过程中,整个图像上的各个点z坐标是不变的,只是x和y轴上的坐标在发生变化。

那么究竟如何得到这一挤压矩阵呢?不急我们分成了3个步骤。

步骤1

在这里插入图片描述

首先在上面我们就强调了每个点的z值不会变化,通过观察我们得到了如上图所示的规律,因此我们可以获得我们的第一个特例,在我们获得的这个特里中乘以z,在通过推导可知,我们能够已知的矩阵信息如右边的矩阵图示。

(这里的乘以z其实两边应该都乘以z等式才能成立,这个乘以z的效果隐藏在那个4乘4矩阵里)

步骤2

在这里插入图片描述

​ 当z等于n时,也就是对应最上面那个挤压图最左边小的那个面,这个时候我们同样在右边乘以z(当然我们这边的z这个常数等于常数n)

步骤三

远处最中心的点在挤压过程中没有改变因此有了如图以下推导:
在这里插入图片描述

(tips:中心点的坐标得看坐标系,这里是特意这么设计的)

至此推导结束。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1287745.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Vue】安装 vue-router 库报错 npm ERR! ERESOLVE unable to resolve dependency tree

问题描述 运行npm install vue-router,安装vue-router库,npm报错。 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: my-project0.1.0 npm ERR! Found: vue2.7.15 npm ERR! node_mod…

Java数据结构之《最短路径》(难度系数100)

一、前言: 这是怀化学院的:Java数据结构中的一道难度偏难(偏难理解)的一道编程题(此方法为博主自己研究,问题基本解决,若有bug欢迎下方评论提出意见,我会第一时间改进代码,谢谢!) 后面其他编程题…

「X」Embedding in NLP|Token 和 N-Gram、Bag-of-Words 模型释义

ChatGPT(GPT-3.5)和其他大型语言模型(Pi、Claude、Bard 等)凭何火爆全球?这些语言模型的运作原理是什么?为什么它们在所训练的任务上表现如此出色? 虽然没有人可以给出完整的答案,但…

Cannot find module ‘node:url‘报错处理

在运行vite搭建的项目时,遇到Cannot find module node:url’报错。具体错误如图所示: 造成以上问题的原因是node版本较低。Vite 需要 Node.js 版本 14.18,16。 解决方案: 上面是通过nvm切换高版本node。 再次执行运行命令&…

RPG项目01_层级设置

基于“RPG项目01_UI面板Game”, 找到狼人 添加组件,让狼人一定区域自动跟随主角进行攻击 解释:【烘培蓝色】因为如果什么都不做就会被烘培成蓝色对应的功能就是 可修改区域功能 当将区域设置成不可行走状态,则不为蓝色 烘培&…

如何选择一款安全可靠的跨网安全数据交换系统?

随着网络和数据安全的重视程度增加,为了有效地保护内部的核心数据资产,普遍会采用内外网隔离的策略。像国内的政府机构、金融、能源电力、航空航天、医院等关乎国计民生的行业和领域均已进行了网络的隔离,将内部划分成不同的网段,…

nodejs+vue+ElementUi酒店餐饮客房点餐管理系统

系统非功能需求,只能是为了满足客户需求之外的非功能性要求。系统需要具有数据完整性验证的功能,对界面上非法的数据和不完整的数据进行提示,不能直接保存到数据库中,造成不完整性因素。运行软件:vscode 前端nodejsvueElementUi 语…

RPG项目01_技能释放

基于“RPG项目01_新输入输出”, 修改脚本文件夹中的SkillBase脚本: using System; using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.Events; //回复技能,魔法技能,物理技能…

linux 内核同步互斥技术之信号量

信号量 信号量允许多个进程同时进入临界区,大多数情况下只允许一个进程进入临界区,把信号量的计数值设置为 1,即二值信号量,这种信号量称为互斥信号量。可允许多个锁持有者。 和自旋锁相比,信号量适合保护比较长的临界…

PostgreSql HOT 技术

摘自唐成的《PostgreSQL修炼之道:从小工到专家(第2版)》。 一、概述 因为多版本的原因,当 PostgreSQL 中更新一行时,实际上原数据行并不会被删除,只是插入了一个新行。如果表上有索引,而更新的…

身份统一管理创新与优化 ——华为云OneAccess应用身份管理服务的2023年

2023年,随着云计算、物联网、人工智能等技术的快速发展,企业面临着数字化转型的巨大挑战与机遇。身份统一管理是企业数字化转型的基础,也是业务发展的关键。如何高效、安全、灵活地实现身份统一管理,成为企业亟待解决的首要课题。…

uniapp多行文本展开或收起(兼容h5、微信小程序,其它未测试)

文章目录 一、效果图展示1、收起2、展开3、文本过短时隐藏按钮【查看更多、收起】 二、代码实现原理:判断文本是否过短1、html2、css3、 js(1)data数据定义(2)获取文本高度(3) 获取行数&#xf…

典型的ETL使用场景

典型的ETL使用场景 ETL( Extract,Transform,Load)是一种用于数据集成和数据转换的常用技术。它主要用于从多个数据源中提取数据,对数据进行清洗、转换和整合,最后加载到目标系统中。ETL 的使用场景非常广泛,下面将介绍…

StringBuffer类和StringBuilder类的相关知识点

首先这俩个类都是可变序列,与String类不同String类是不可变序列,StringBuffer和StringBuilder 他们是将数据存储在char value[] 待会会给大家看一下源码,这俩个类相当于是String类的升级版,它可以让我们对字符串的操作更加的便捷…

探秘 Sass 之路:掌握强大的 CSS 预处理器(上)

🤍 前端开发工程师(主业)、技术博主(副业)、已过CET6 🍨 阿珊和她的猫_CSDN个人主页 🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 🍚 蓝桥云课签约作者、已在蓝桥云…

【开源】基于Vue.js的实验室耗材管理系统

文末获取源码,项目编号: S 081 。 \color{red}{文末获取源码,项目编号:S081。} 文末获取源码,项目编号:S081。 目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 耗材档案模块2.2 耗材入库模块2.3 耗…

shiny的图片如何插入,为什么会裂开?

因为你没有把资源放在内部: Shiny学习(二) ||构建用户界面 - 简书d 当然也有例外比如: shiny-如何在 Shinydashboard R 中 dashboard 标题的中心显示图像? - 糯米PHP

羊大师提问鲜羊奶冷冻还好喝吗?

羊大师提问鲜羊奶冷冻还好喝吗? 在当今追求健康、养生的时代背景下,各种新奇的饮食趋势层出不穷。鲜羊奶冷冻成为了备受追捧的美食新潮流。不仅具备饮食的功能,更是一种享受。本文小编羊大师将从鲜羊奶冷冻的制作工艺、营养价值和市场前景等…

Doris 集成 ElasticSearch

Doris-On-ES将Doris的分布式查询规划能力和ES(Elasticsearch)的全文检索能力相结合,提供更完善的OLAP分析场景解决方案: (1)ES中的多index分布式Join查询 (2)Doris和ES中的表联合查询,更复杂的全文检索过滤 1 原理 (1)创建ES外表后,FE会请求建表指定的主机,获取所有…

Apache Doris 在某工商信息商业查询平台的湖仓一体建设实践

本文导读: 信息服务行业可以提供多样化、便捷、高效、安全的信息化服务,为个人及商业决策提供了重要支撑与参考。本文以某工商信息商业查询平台为例,介绍其从传统 Lambda 架构到基于 Doris Multi-Catalog 的湖仓一体架构演进历程。同时通过一…