3D图形:矩阵的相关知识

骑猪看日落 2023-01-07 14:30 221阅读 0赞

![9b68f0b7ed88c18657c66461c16f3708.png][]

#### 矩阵的基本概念 ####

--------------------

矩阵其实就是向量的数组.向量算的上是特殊的一维矩阵.下面说一下几种特殊的方阵(行数和列数都相同的矩阵).

###### 对角矩阵 ######

如果所有的飞对角线元素都为0,那么这样的矩阵称之为\*\*\*对角矩阵\*\*\*.

![bdd21d7d93c8d1d2d608a03b43cd22d6.png][]

\#\#\#\#\#\#单位矩阵  
单位矩阵是一种特殊的对角矩阵.n维单位矩阵记作\*\*\*In\*\*\*,是n x n的举证,对角线元素为1,其他元素为0.例如,3 x 3的矩阵如下所示.

![c8644455a60612f45e1f3a11eed7509c.png][]

(从书上抄袭过来的)单位矩阵非常的特殊,因为它是矩阵的\*\*\*乘法单位元\*\*\*.其基本性质是用任一个矩阵乘以单位矩阵,都将得到原矩阵.所有,从某种意义上讲,单位矩阵对矩阵的意义就如同1对标量的意义.

#### 矩阵的运算 ####

--------------------

*  ###### 转置 ######

矩阵的转置其实就沿着矩阵的对角线翻折.(当然了,下面给给出的方阵的转置,普通的a x b矩阵的转置矩阵为 b x a 矩阵)

![263d530d14611a4ff26b17c257fd0c15.png][]

> 矩阵转置的推理
> 
>  *  将一个矩阵转置之后,再次转置一次,便会得到原来的矩阵.
>  *  对于任意的对角矩阵\*\*\*D\*\*\*,都有转置矩阵\*\*\*DT\*\*\*=***D***,包括单位矩阵\*\*\*I\*\*\*也是如此.

*  ###### 标量和矩阵的乘法 ######

标量和矩阵的乘法只要将标量和矩阵中的每一个元素相乘即可.数学表达式如下所示.

![9a0b256bc3cb63cd2a3afa7a8a86bc9f.png][]

*  ###### 矩阵的乘法(请深究❗️❗️❗️) ######

在某些情况下,两个矩阵是允许相乘.一个 r x n的矩阵\*\*\*A\*\*\*能够乘以一个n x c的矩阵\*\*\*B\*\*\*,结果是r x c的矩阵\*\*\*AB\*\*\*.  
条件: 矩阵A的\*\*\*列数\*\*\*和矩阵B的\*\*\*行数\*\*\*必须一致.否则两个矩阵相乘是没有任何意义的.

矩阵的乘法计算如下: r x n的矩阵\*\*\*A\*\*\*能够乘以n x c的矩阵\*\*\*B\*\*\*,结果是r x c的矩阵\*\*\*C\*\*\*.\*\*\*C\*\*\*中任意元素Cij等于\*\*\*A\*\*\*的第i行向量与\*\*\*B\*\*\*的第j列向量的点乘结果.正式定义如下.

![2549bf7769f2d402d44cc802a3509af3.png][]

我们看一下具体的示例.比如c22的计算为\[a21,a22\]和\[b12,b22\]的点乘.

![75f76b5998734d50a8fc6eb6fc125bfb.png][]

可能上面的表示还是不是太让人理解,下面我们就用一种更为简便的方式来说一下矩阵的乘法.我们把矩阵\*\*\*A\*\*\*拿到矩阵\*\*\*C\*\*\*的左边,把矩阵\*\*\*B\*\*\*拿到矩阵\*\*\*C\*\*\*的上面,并且使其对齐.这样看起来是不是更容易一些呢?

![e750df9108faa52242175c6ec5ebb98a.png][]

当然了,在集合中我们更多的是使用2x2和2x2的两个矩阵相乘,以及3x3和3x3的两个矩阵相乘.我们根据公式计算即可.

#### 矩阵的几何解释 ####

--------------------

与其说矩阵的几何意义这么生涩难懂,不如说的是矩阵在几何中到底是有什么作用呢?\*\*\*一般来说,方阵可以描述任意的线性变换.\*\*\*,也就说,在几何当中,我们用矩阵表示几何体的空间变换.比如我们在程序中常用的平移、旋转、缩放等等.(没事,这时候说的可能很生涩,看到最后你就会明白怎么回事的)

为了更好的理解矩阵的几何意义,我们先用一个简单的示例来说明一下.如果我们把一张图片放入一个2D的坐标系中(为了给下面做铺垫,向量形式为\[x,y,0\]),并且规定它的大小为边长为1的正方形.向量p = \[0,1,0\],向量q = \[1,0,0\].如下图所示.

![35fce391b34b2c034753ee9c8daf2ca9.png][]

现在我们就单独的看图片的右上顶点 \[1,1,0\] (可看做向量).

![25755ffe4e7cdcf469cbe1e7a839c260.png][]

首先我们先把\[1,1,0\]这个向量拆分一下.如下所示.

![ca0219a993a5e687c54f40ce124da0b6.png][]

紧接着.我们要定义一下,***p***,\*\*\*q\*\*\*和\*\*\*r\*\*\*定义为指向 +x,+y,+z方面的单位向量.然后用单位向量表示图片的右上顶点 \[1,1,0\] .如下所示.

![c16782656584fcfdb068cf24674346f1.png][]

现在,向量\[1,1,0\]就被表示成\*\*\*p\*\*\*,***q\*\*\*和\*\*\*r\*\*\*的线性变换了.向量\*\*\*p***,***q\*\*\*和\*\*\*r\*\*\*被称为\*\*\*基向量***.这里的基向量是笛卡尔坐标系.但是事实上,一个坐标系能用任意的3个基向量表示.当然了,这三个向量不在同一个平面.向量\*\*\*p\*\*\*,***q\*\*\*和\*\*\*r\*\*\*创建一个3x3的矩阵\*\*\*M***.如下所示.

![cdd4bce0de0ec79354379388bcacd54f.png][]

当然了,矩阵M可不单单只有上面的一种形式,上面的只能算是一种形式,记住我们说过的,一个坐标系能用任意的3个基向量表示.接下来,我们再次研究一个向量和一个矩阵相乘.(图形变换的开始部分),先看一下公式.

![6c115edacded3d9576e546e029303521.png][]

我们还是要借助一开始栋哥的那个坐标系图形.如果矩阵M如下所示.那么图形将不会发生任何变换.  
![659a316addaa04af202e9aef9565095d.png][]

![35fce391b34b2c034753ee9c8daf2ca9.png][]

接下来,我们就搞起图形变换了.如果矩阵M发生了如下改变,那么图形会有什么样的变化呢?

![7a32f7477b03333f6d7add3a0c3f0612.png][]

在矩阵M中.向量\*\*\*p\*\*\*从\[1 0 0\]变换到\[2 1 0\],\*\*\*q\*\*\*从\[0 1 0\]变换到\[-1 2 0\],\*\*\*r\*\*\*未发生变化.然后我们图形的右上点会再次发生缩放和旋转的变换.  
![eaeacb405890563293dea6fe286bdb0f.png][]  
得到效果图如下所示.

![08c1e63e38c9ebc5c3d58ab0b4e89588.png][]

上面是2D中的变换,3D中的变化一样类似.例如现在有向量\*\*\*OB\*\*\*\[1 1 1\],如下图所示.

![a6ee8d37971b951f2ecb84f882ffc82b.png][]

同时矩阵M如下所示.

![d8641c7284c166848ec3c5dc7fe6c8f3.png][]

结果变换之后,向量的图像如下所示.

![8c2c875dfe96018e7e57d1731c03e666.png][]

#### 图形变换的实质 ####

--------------------

看到上面我们已经对矩阵的基本使用有了了解.但是我们在实际的开发过程中遇到的图形变换的实质到底是什么呢?我个人感觉图形变换的实质就是变换图形自身的坐标系.通过变换基向量来使我们的图形发生改变.

--------------------

最后还是要附上<<3D数学基础 图形与游戏开发>>的pdf版的传送门来结束矩阵的相关知识.

###### [<<3D数学基础 图形与游戏开发>>传送门][3D_] ######

[9b68f0b7ed88c18657c66461c16f3708.png]: /images/20221119/41858161db864fc2964266e91895b725.png
[bdd21d7d93c8d1d2d608a03b43cd22d6.png]: /images/20221119/a09da77836894b85b67b052aadedcfac.png
[c8644455a60612f45e1f3a11eed7509c.png]: /images/20221119/077541ea8a5e401abde0ff1037cb87b9.png
[263d530d14611a4ff26b17c257fd0c15.png]: https://img-blog.csdnimg.cn/img_convert/263d530d14611a4ff26b17c257fd0c15.png
[9a0b256bc3cb63cd2a3afa7a8a86bc9f.png]: https://img-blog.csdnimg.cn/img_convert/9a0b256bc3cb63cd2a3afa7a8a86bc9f.png
[2549bf7769f2d402d44cc802a3509af3.png]: https://img-blog.csdnimg.cn/img_convert/2549bf7769f2d402d44cc802a3509af3.png
[75f76b5998734d50a8fc6eb6fc125bfb.png]: https://img-blog.csdnimg.cn/img_convert/75f76b5998734d50a8fc6eb6fc125bfb.png
[e750df9108faa52242175c6ec5ebb98a.png]: https://img-blog.csdnimg.cn/img_convert/e750df9108faa52242175c6ec5ebb98a.png
[35fce391b34b2c034753ee9c8daf2ca9.png]: https://img-blog.csdnimg.cn/img_convert/35fce391b34b2c034753ee9c8daf2ca9.png
[25755ffe4e7cdcf469cbe1e7a839c260.png]: https://img-blog.csdnimg.cn/img_convert/25755ffe4e7cdcf469cbe1e7a839c260.png
[ca0219a993a5e687c54f40ce124da0b6.png]: https://img-blog.csdnimg.cn/img_convert/ca0219a993a5e687c54f40ce124da0b6.png
[c16782656584fcfdb068cf24674346f1.png]: https://img-blog.csdnimg.cn/img_convert/c16782656584fcfdb068cf24674346f1.png
[cdd4bce0de0ec79354379388bcacd54f.png]: https://img-blog.csdnimg.cn/img_convert/cdd4bce0de0ec79354379388bcacd54f.png
[6c115edacded3d9576e546e029303521.png]: https://img-blog.csdnimg.cn/img_convert/6c115edacded3d9576e546e029303521.png
[659a316addaa04af202e9aef9565095d.png]: https://img-blog.csdnimg.cn/img_convert/659a316addaa04af202e9aef9565095d.png
[7a32f7477b03333f6d7add3a0c3f0612.png]: https://img-blog.csdnimg.cn/img_convert/7a32f7477b03333f6d7add3a0c3f0612.png
[eaeacb405890563293dea6fe286bdb0f.png]: https://img-blog.csdnimg.cn/img_convert/eaeacb405890563293dea6fe286bdb0f.png
[08c1e63e38c9ebc5c3d58ab0b4e89588.png]: https://img-blog.csdnimg.cn/img_convert/08c1e63e38c9ebc5c3d58ab0b4e89588.png
[a6ee8d37971b951f2ecb84f882ffc82b.png]: https://img-blog.csdnimg.cn/img_convert/a6ee8d37971b951f2ecb84f882ffc82b.png
[d8641c7284c166848ec3c5dc7fe6c8f3.png]: https://img-blog.csdnimg.cn/img_convert/d8641c7284c166848ec3c5dc7fe6c8f3.png
[8c2c875dfe96018e7e57d1731c03e666.png]: https://img-blog.csdnimg.cn/img_convert/8c2c875dfe96018e7e57d1731c03e666.png
[3D_]: https://github.com/wang82426107/BookWithPDF/blob/master/3D%E6%95%B0%E5%AD%A6%E5%9F%BA%E7%A1%80%20%E5%9B%BE%E5%BD%A2%E4%B8%8E%E6%B8%B8%E6%88%8F%E5%BC%80%E5%8F%91.pdf