MR_刘

目标：在屏幕中间，画一个半径是1的圆。 上面的代码就是一个简单的网页，关于网页的基本知识不属于本课程的范畴，请大家自行研究啊。 一个 canvas 标签，就好像，我们在桌面上铺好了一张纸。 pen 这个变量就是笔的抽象。此时，这个 pen 就可以在 pointCanvas 这张…

在屏幕中间，画一个半径是1的圆。 关于这个问题，我们这节课就来完成这个小目标。 如果给我一支真实的笔，我能立即马上顷刻间完成这个小目标，太简单了。因为我们人类都能听懂这个目标：屏幕中间，半径为1，圆。 但是 WebGL 这家伙可听不懂这种描述，我们要更加数学化一点。WebGL …

答：在电脑或者手机显示屏的某一块地方，决定哪个像素点在什么时间是什么颜色。无他尔。 确实是这样，所有上面说的那些大目标，都是在屏幕上决定像素点的颜色而已。说实在的，这与绘画者拿一只笔在纸上画画，没什么区别。绘画者可不就是在决定纸上的什么位置是什么颜色吗，就这么简单。 当然，我要…

向量在直角坐标系中，到底怎么画，是根据向量的坐标，画成点； 还是根据头尾，画成矢量箭头呢。 其实都可以，就看你这个向量怎么使用。

引子 上次课提到了位移，但是并没有给出一个标准的定义，这是不好的。这可能让人产生不正确的思维，好像位移代表了某人或者某个物体在平面上的移动路径。 这是不对的，位移不能代表移动路径，自然的，向量也不能代

引子 我们在搞图形学的时候，经常有这种需求，将一个物体拉伸，这又可以分成三个方向。 x y z 方向都可以分别独立进行拉伸操作。 这没问题。问题就是，我们如何实现拉伸？拉伸的本质到底是什么？ 拉伸这个

用矩阵来表达拉伸操作，这里涉及到一些数学推导，但是一定要把核心放在矩阵乘法和线性组合这两者的关系上面，那样你就舒服了。

这是我参与8月更文挑战的第5天，活动详情查看：8月更文挑战 引子 我们知道一个矩阵乘以一个向量，得到的结果就是一个向量。 我们把上面的概念称之为，矩阵右乘向量，也可以称为向量左乘矩阵，就是左右顺序是有

向量就是一堆数放在一块。 矩阵就是一堆向量放在一块。 矩阵的操作, 就是其中向量的相应的操作。 向量的操作, 就是其中数的操作。