WebGl-4.WebGl坐标系

WebGl使用的是三维坐标系统（笛卡尔坐标系），具有X轴、Y轴和Z轴。在WebGl中你面向计算机屏幕时，水平方向是X轴，垂直方向是Y轴，垂直于屏幕的是Z轴，如下图。

WebGl的坐标系和绘图区的坐标系不同，需要将前者映射到后者。WebGl坐标与坐标的对应关系如下。

• 的中心点：WebGl的（0.0，0.0，0.0）
• 的上边缘和下边缘：WebGl的(0.0，1.0，0.0)和(0.0，-1.0，0.0)
• 的左边缘和右边缘：WebGl的(-1.0，0.0，0.0)和(1.0，0.0，0.0)

将3.着色器的代码，点的位置改为vec4(1.0, 0.0, 0.0, 1.0);效果如下