由于WebGL处理的是三维图形,所以它使用的是三维坐标系统(笛卡尔坐标系),具有x轴、y轴、z轴。
三维坐标系统很容易理解,因为我们的世界也是三维的:具有宽度、高度和长度。在坐标系统中,轴的方向非常重要。
WebGL采用的是右手坐标系,因为可以用右手来表示。
如图:
默认情况下WebGL和canvas的对应关系。
canvas的中心点就是WebGL的(0.0,0.0,0.0)
canvas的x轴左边缘和右边缘分别对应WebGL的x轴的-1.0和1.0
canvas的y轴上边缘和下边缘分别对应WebGL的y轴的1.0和-1.0
如图: