摘要： 注意： ①每个顶点着色器数据（-0.5, 0.5, 0.0, 1.0）前两个表示webgl的坐标系，后两个表示纹理坐标系； ②顶点着色器需要传入两个参数数据源a_Position、a_TexCoord，分别代表webgl顶点坐标和纹理坐标； ③对于纹理坐标，无论是顶点坐标系输入输出（a_TexCoo 阅读全文

摘要： 注意： ①首先顶点着色器接收三个外来数据，position、size、color（我们最终画一个三角形，所以这里的size其实是没用上的）； ②我们将三个数据拼在一起作为一条数据，所以每6个数值为一个顶点携带的数据，所以我们每次读取6 * size 个字节； ③对于这6 * size个字节，根据（偏 阅读全文

摘要： 手写各种矩阵： 利用webgl编程指南作者提供的矩阵库： 在顶点着色器中，我们添加了一个矩阵参数，通过变化矩阵来改变顶点的坐标，替代了之前的复杂的运算，关于矩阵： 矩阵运算： 平移矩阵： 旋转矩阵： 注意： ①webGL中矩阵是列主序的，但是我们通常接触的高数中的矩阵都是行主序的，行主序的矩阵看上去 阅读全文