【WebGL与Graphics的学习之路03】旋转的彩色三角形

目标：

        1.了解 varying变量 的用法，以及顶点着色器与片元着色器的交流（即顶点着色器的数据进入片元着色器）

        2.了解矩阵变换和动画的基础知识，让三角形绕z轴旋转起来

 当顶点着色器与片元着色器varying的命名且类型相同时，顶点着色器的数据就会自动的传递给片元着色器，这样就可以达到数据传递。 而varying（变化的）可以把顶点设置成不同的颜色，解决uniform（统一）顶点颜色相同的问题。

矩阵变换：

            

webgl里按列主序的意思就是他的矩阵形式就是行和列进行交换，按上面的数据来写的话即为以z轴旋转。 但是这样太麻烦，会使用矩阵库来代替它进行旋转、平移、缩放。接下来我就直接用改良后的方法来说了。

uniform mat4 u_ModelMatrix;
gl_Position =u_ModelMatrix * a_Position;

先定义一个4*4的矩阵，然后用顶点坐标左乘它，就完成了矩阵变换。

var modelMatrix = ne