《计算机图形学》第二课笔记-----二维变换的推导

前言：为什么这么突兀的把这一节内容放在了第二课，第一是因为我急于求成，第二是因为这一章节太重要了，这几乎是二维三维变换的最核心的东西，理解了这一章节内容，后面的就会像打通了任督二脉一样，so,那让我们开始吧，我们只用初中的知识把这一章说清楚

所谓的二维变换核心的东西其实就是求一个点绕一个点旋转后的位置

让我们对这段话进行一些约束，在一个去掉了Z轴的笛卡尔坐标系内，让我们再大白话点，在一个平面坐标系内，让我们再大白话点，就是小时候上数学课时候老师在黑板上化的那个一横一竖，上面一个箭头，前面一个箭头那种坐标系内
我们终于白话完了，正文开始，在一个坐标系内一个点绕着原点o旋转一定的度数，旋转到新的一个点，求这个点在这个坐标系内的位置，也就是新的点位的x’的长度和y’的长度。
结合下图描述了一个已知的点[x,y]，沿原点o旋转了β度到达了新的点[x’,y’],求[x’,y’]的位置
我们需要了解的前提是[x,y]是已知的
那么x’也可以写成r*cos(α+β),因为我们是绕原点旋转，等于在绕原点画圆，so，每一个半径都应该是相等的，记住这个前提，后面要用。

$$x^{\prime }=r\ast cos(\alpha +\beta ）$$
上面这个式子应该很好理解，如果不理解可以只补一下三角函数的cos 和 sin即可

接下来我们展开这个式子，有人可能会在这里卡住一下，但这其实都是固定推导您只需复制展开前的式子问下一ai，他会说的比我清楚多了，总而言之如果您不想深究，不用理会为什么展开以后是这样子，直接过即可
$$x^{\prime }=r\ast cos\alpha \ast cos\beta -r\ast sin\alpha \ast sin\beta$$

当我们观察展开的式子，这个时候神奇的事情发生了，rcosα，不就是$$r\frac{x}{r}$$,约分以后不就是x么
我们再观察rsinα，那不就是$$r\frac{y}{r}$$,约分以后那不就是y么

然而x,y又是已知的，那不就是用已知的x,y去乘我们旋转的β角的cos和sin么，至此答案已经很清晰了，可以说这篇博客要说的已经说完了，您仅需初中知识就可以理解这一切，后续的剩下的推导也只是上述思考过程的重复，当然我们还是要写完这一切。

$$x^{\prime }=x\ast cos\beta -y\ast sin\beta$$
$$y^{\prime }=x\ast sin\beta +y\ast cos\beta$$

最后我们把他写成矩阵的形式就是下面的式子，我们需要注意的是矩阵乘法并不满足交换律，so，我们不能调换位置

$$\left[\begin{array}{cc}cos\beta & -sin\beta \\ sin\beta & cos\beta \end{array}\right]\left[\begin{array}{c}x\\ y\end{array}\right]$$

当然我们需要注意，当前我们讨论的是逆时针旋转这种情况，顺时针的推到过程在下下张图

那么剩下的顺时针推导我们就不写这么详细了，因为一切已经不言自明了，下一节我们就去到代码层面去实现它，平移我们也就不在此解释了，因为那些比这个容易理解的多。

原因如上，顺时针的推导就不赘述了

现在我们来到代码层面，变成语言选择qt5，因为我更熟悉这个编程语言，而且如果我们仅仅知识为了演示二维变换的推导，qt5足够了，主要原因还是我足够熟悉。不用opengl是因为我们像尽其可能的展示细节，而不是直接调用显卡为我们实现好的接口。