文章目录

平移、旋转、缩放
- 平移
- 旋转
- - 1. 沿x轴旋转
  - 2. 沿y轴或者z轴旋转
- 缩放

是时候整理一波3d变换相关的知识了。模型的变换可以认为是空间中一堆点的变换，三维空间中，（x,y,z）可以认为是点，也可以认为是一个向量，因此，人们引入的第4个维度来标识是点还是向量，这个4维空间就叫 仿射空间，具体可以参考 CV及CG数学基础：空间，在仿射空间中，(x,y,z,0)标识向量，而（x,y,z,1）表示点。

平移、旋转、缩放

平移

平移没什么好说的，（x,y,z,1）向x，y，z轴分别移动a,b,c单位长度后变成（x+a, y+b, z+c, 1）。写成矩阵相乘的方式即为：

[x+ay+bz+c1]=[100a010b001c0001][xyz1]\left[ \begin{matrix} x+a \\ y+b \\ z+c \\ 1\\ \end{matrix} \right] = \left[ \begin{matrix} 1 & 0 & 0 & a\\ 0 & 1 & 0 & b \\ 0 & 0 & 1 & c \\ 0 & 0 & 0 & 1 \end{matrix} \right] \left[ \begin{matrix} x \\ y \\ z \\ 1\\ \end{matrix} \right] ⎣⎢⎢⎡x+ay+bz+c1⎦⎥⎥⎤=⎣⎢⎢⎡100001000010abc1⎦⎥⎥⎤⎣⎢⎢⎡xyz1⎦⎥⎥⎤

旋转

对于旋转，任何一个旋转都可以认为是沿着x，y，z轴分别旋转 α\alphaα, β\betaβ, γ\gammaγ 度数，所以选旋转就先讲沿着某个轴向的旋转。这里以逆着坐标轴正向方向看去的顺时针为旋转的正向，就是你的视线朝向和坐标轴正向是相反的，(⊙o⊙)…我还是画个图吧，下图就是沿着z轴旋转的正向了哈~

1. 沿x轴旋转

嗯！这里推一波公式，其实很简单，就是三角函数。
如上图左边，A点沿着x轴旋转一定角度变成A’，为了更容易看，右图是左图的左视图，记旋转的角度为θ\thetaθ, 旋转后得到的A’与旋转中心连线与y轴正方向的夹角为α\alphaα（图中的α\alphaα是个负值），记A’与旋转中心连线的长度为L（A与旋转中心连线的长度也是L），那么，显而易见，有：

x′=xy′=L⋅cos(θ+α)z′=L⋅sin(θ+α)\begin{aligned} x' =& x\\ y' =& L·cos(\theta + \alpha)\\ z' =& L·sin(\theta + \alpha) \end{aligned} x′=y′=z′=xL⋅cos(θ+α)L⋅sin(θ+α)

y=L⋅cosαz=L⋅sinα\begin{aligned} y =& L·cos\alpha\\ z =& L·sin\alpha \end{aligned} y=z=L⋅cosαL⋅sinα
根据三角函数公式可以得到
y′=L⋅cos(α−θ)=L⋅(cosαcosθ−sinαsinθ)=ycosθ−zsinθz′=L⋅sin(α−θ)=L⋅(sinθcosα+cosθsinα)=ysinθ+zcosθ\begin{aligned} y' =& L·cos(\alpha - \theta) = L·(cos\alpha cos\theta - sin\alpha sin\theta) = ycos\theta -zsin\theta\\ z' =& L·sin(\alpha - \theta) = L·(sin\theta cos\alpha + cos\theta sin\alpha ) = ysin\theta + zcos\theta \end{aligned} y′=z′=L⋅cos(α−θ)=L⋅(cosαcosθ−sinαsinθ)=ycosθ−zsinθL⋅sin(α−θ)=L⋅(sinθcosα+cosθsinα)=ysinθ+zcosθ
综上，有：
x′=xy′=ycosθ−zsinθz′=ysinθ+zcosθ\begin{aligned} x' =& x\\ y' =& ycos\theta -zsin\theta\\ z' =&ysin\theta + zcos\theta \end{aligned} x′=y′=z′=xycosθ−zsinθysinθ+zcosθ
现在就可以写成漂亮的矩阵形式了：
[x′y′z′1]=[10000cosθ−sinθ00sinθcosθ00001][xyz1]\left[ \begin{matrix} x' \\ y' \\ z' \\ 1\\ \end{matrix} \right] = \left[ \begin{matrix} 1 & 0 & 0 & 0\\ 0 & cos\theta & -sin\theta & 0 \\ 0 & sin\theta & cos\theta & 0 \\ 0 & 0 & 0 & 1 \end{matrix} \right] \left[ \begin{matrix} x \\ y \\ z \\ 1\\ \end{matrix} \right] ⎣⎢⎢⎡x′y′z′1⎦⎥⎥⎤=⎣⎢⎢⎡10000cosθsinθ00−sinθcosθ00001⎦⎥⎥⎤⎣⎢⎢⎡xyz1⎦⎥⎥⎤

2. 沿y轴或者z轴旋转

推了x轴的，其他两个轴向其实原理都是一样的。
对于y轴，可以简单把y轴和x轴对调，也就是公式里的x，y对调，不过这样子的话，z轴的方向会反过来，所以再把z相关的加个符号就好了。
公式如下：
y′=yx′=xcosθ+zsinθz′=−xsinθ+zcosθ\begin{aligned} y' =& y\\ x' =& xcos\theta +zsin\theta\\ z' =&-xsin\theta +zcos\theta \end{aligned} y′=x′=z′=yxcosθ+zsinθ−xsinθ+zcosθ
写成漂亮的矩阵形式就是：
[x′y′z′1]=[cosθ0sinθ00100−sinθ0cosθ00001][xyz1]\left[ \begin{matrix} x' \\ y' \\ z' \\ 1\\ \end{matrix} \right] = \left[ \begin{matrix} cos\theta &0 & sin\theta & 0 \\ 0 & 1 & 0 & 0\\ -sin\theta & 0 & cos\theta & 0 \\ 0 & 0 & 0 & 1 \end{matrix} \right] \left[ \begin{matrix} x \\ y \\ z \\ 1\\ \end{matrix} \right] ⎣⎢⎢⎡x′y′z′1⎦⎥⎥⎤=⎣⎢⎢⎡cosθ0−sinθ00100sinθ0cosθ00001⎦⎥⎥⎤⎣⎢⎢⎡xyz1⎦⎥⎥⎤

对于z轴，x，z互换，y置反，直接上公式：
z′=zy′=ycosθ+xsinθx′=−ysinθ+xcosθ\begin{aligned} z' =& z\\ y' =& ycos\theta +xsin\theta\\ x' =&-ysin\theta + xcos\theta \end{aligned} z′=y′=x′=zycosθ+xsinθ−ysinθ+xcosθ
矩阵形式：
[x′y′z′1]=[cosθ−sinθ00sinθcosθ0000100001][xyz1]\left[ \begin{matrix} x' \\ y' \\ z' \\ 1\\ \end{matrix} \right] = \left[ \begin{matrix} cos\theta & -sin\theta&0 & 0 \\ sin\theta & cos\theta & 0 & 0 \\ 0 & 0 & 1 & 0\\ 0 & 0 & 0 & 1 \end{matrix} \right] \left[ \begin{matrix} x \\ y \\ z \\ 1\\ \end{matrix} \right] ⎣⎢⎢⎡x′y′z′1⎦⎥⎥⎤=⎣⎢⎢⎡cosθsinθ00−sinθcosθ0000100001⎦⎥⎥⎤⎣⎢⎢⎡xyz1⎦⎥⎥⎤
那一个物体沿着x，y，z 轴分别旋转α\alphaα, β\betaβ, γ\gammaγ 度数就把3个矩阵相乘就好了。

[x′y′z′1]=[cosγ−sinγ00sinγcosγ0000100001][cosβ0sinβ00100−sinβ0cosβ00001][10000cosα−sinα00sinαcosα00001][xyz1]\left[ \begin{matrix} x' \\ y' \\ z' \\ 1\\ \end{matrix} \right] = \left[ \begin{matrix} cos\gamma& -sin\gamma&0 & 0 \\ sin\gamma& cos\gamma& 0 & 0 \\ 0 & 0 & 1 & 0\\ 0 & 0 & 0 & 1 \end{matrix} \right] \left[ \begin{matrix} cos\beta&0 & sin\beta& 0 \\ 0 & 1 & 0 & 0\\ -sin\beta& 0 & cos\beta& 0 \\ 0 & 0 & 0 & 1 \end{matrix} \right] \left[ \begin{matrix} 1 & 0 & 0 & 0\\ 0 & cos\alpha & -sin\alpha & 0 \\ 0 & sin\alpha & cos\alpha & 0 \\ 0 & 0 & 0 & 1 \end{matrix} \right] \left[ \begin{matrix} x \\ y \\ z \\ 1\\ \end{matrix} \right] ⎣⎢⎢⎡x′y′z′1⎦⎥⎥⎤=⎣⎢⎢⎡cosγsinγ00−sinγcosγ0000100001⎦⎥⎥⎤⎣⎢⎢⎡cosβ0−sinβ00100sinβ0cosβ00001⎦⎥⎥⎤⎣⎢⎢⎡10000cosαsinα00−sinαcosα00001⎦⎥⎥⎤⎣⎢⎢⎡xyz1⎦⎥⎥⎤
[x′y′z′1]=[cosβcosγsinαsinβcosγ−sinγcosαsinβcosαcosγ+sinαsinγ0cosβsinγcosαcosγ+sinαsinβsinγ−sinαcosγ+sinγsinβcosα0−sinβsinαcosβcosαcosβ00001][xyz1]\left[ \begin{matrix} x' \\ y' \\ z' \\ 1\\ \end{matrix} \right] = \left[ \begin{matrix} cos\beta cos\gamma & sin\alpha sin\beta cos\gamma - sin\gamma cos\alpha & sin\beta cos\alpha cos\gamma +sin\alpha sin\gamma & 0\\ cos\beta sin\gamma & cos\alpha cos\gamma + sin\alpha sin\beta sin\gamma & -sin\alpha cos\gamma + sin\gamma sin\beta cos\alpha & 0 \\ -sin\beta & sin\alpha cos\beta& cos\alpha cos\beta& 0 \\ 0 & 0 & 0 & 1 \end{matrix} \right] \left[ \begin{matrix} x \\ y \\ z \\ 1\\ \end{matrix} \right] ⎣⎢⎢⎡x′y′z′1⎦⎥⎥⎤=⎣⎢⎢⎡cosβcosγcosβsinγ−sinβ0sinαsinβcosγ−sinγcosαcosαcosγ+sinαsinβsinγsinαcosβ0sinβcosαcosγ+sinαsinγ−sinαcosγ+sinγsinβcosαcosαcosβ00001⎦⎥⎥⎤⎣⎢⎢⎡xyz1⎦⎥⎥⎤

缩放

缩放感觉也没的说，直接上公示，下面公式表示沿着x，y，z轴分别缩放a，b，c倍：
[x′y′z′1]=[a0000b0000c00001][xyz1]\left[ \begin{matrix} x' \\ y' \\ z' \\ 1\\ \end{matrix} \right] = \left[ \begin{matrix} a & 0 & 0 & 0\\ 0 & b & 0 & 0 \\ 0 & 0 & c & 0 \\ 0 & 0 & 0 & 1 \end{matrix} \right] \left[ \begin{matrix} x \\ y \\ z \\ 1\\ \end{matrix} \right] ⎣⎢⎢⎡x′y′z′1⎦⎥⎥⎤=⎣⎢⎢⎡a0000b0000c00001⎦⎥⎥⎤⎣⎢⎢⎡xyz1⎦⎥⎥⎤

3d变换基础：平移、旋转、缩放（仿射变换）详解——公式推导相关推荐

Unity 触屏手势控制Camera平移旋转缩放
Unity 触屏手势控制Camera平移旋转缩放实现思路单点触屏,位移增量控制相机平移: 两点触屏,两点位移控制相机前后移动(缩放):两点中一点不位移控制相机绕点旋转: 实现需要的API Touc ...
OpenCV-Python图像处理：仿射变换详解及案例
仿射变换博文传送门(带星号的为付费专栏文章): *图像仿射变换原理1:齐次坐标来龙去脉详解 *图像仿射变换原理2:矩阵变换.线性变换和图像线性变换矩阵 *图像仿射变换原理3:仿射变换类型及变换矩阵详解 ...
Keras深度学习实战（1）——神经网络基础与模型训练过程详解
Keras深度学习实战(1)--神经网络基础与模型训练过程详解 0. 前言 1. 神经网络基础 1.1 简单神经网络的架构 1.2 神经网络的训练 1.3 神经网络的应用 2. 从零开始构建前向传播 ...
零基础入门 Unity 之 UGUI 详解专栏 | 寻找C站宝藏
零基础入门 Unity 之 UGUI 详解专栏 | 寻找C站宝藏六大推荐理由理由一:系统理由二:详细理由三:专业理由四:图解理由五:深度理由六:实例一键直达:<UGUI 控件详解 ...
[Python从零到壹] 八.数据库之MySQL和Sqlite基础知识及操作万字详解
欢迎大家来到"Python从零到壹",在这里我将分享约200篇Python系列文章,带大家一起去学习和玩耍,看看Python这个有趣的世界.所有文章都将结合案例.代码和作者的经验讲 ...
前端基础-HTML的的标签详解
阅读目录一.head内常用标签二. HTML语义化三. 字符实体四. h系列标签五. p标签六. img标签七. a标签八. 列表标签九. table标签十. form标签一. ...
关于计算机应用基础问题,《计算机应用基础》习题及问题详解
<计算机应用基础>习题及问题详解 (17页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 19.90 积分实用文档第一章计算机基础知识填空题 ...
get方法报空指针_C++基础教程之指针拷贝详解
C++基础教程之指针拷贝详解指针是编程人员的梦魇,对C语言的开发者是如此,对C++的开发者也是如此.特别是在C++中,如果不注意处理类中的指针,非常容易出问题.如果朋友们不相信可以看看下面的代码: ...
Java中大数据数组,Java基础学习笔记之数组详解
摘要:这篇Java开发技术栏目下的"Java基础学习笔记之数组详解",介绍的技术点是"java基础学习笔记.基础学习笔记.Java基础.数组详解.学习笔记.Java&qu ...
纹理基础知识和过滤模式详解
转载自纹理基础知识和过滤模式详解 1. 为什么在纹理采样时候需要 texture filter (纹理过滤) 我们的纹理要贴到三维图形表面,而三维图形上的pixel中心与纹理上的texel中心并不 ...

3d变换基础：平移、旋转、缩放（仿射变换）详解——公式推导

文章目录

平移、旋转、缩放

平移

旋转

1. 沿x轴旋转

2. 沿y轴或者z轴旋转

缩放

3d变换基础：平移、旋转、缩放（仿射变换）详解——公式推导相关推荐

最新文章

热门文章