WebGL的坐标系统(笔记5)

时间:2024-04-02 18:19:02

由于WebGL处理的是三维图形,所以它使用的是三维坐标系统(笛卡尔坐标系),具有x轴、y轴、z轴。

三维坐标系统很容易理解,因为我们的世界也是三维的:具有宽度、高度和长度。在坐标系统中,轴的方向非常重要。

WebGL采用的是右手坐标系,因为可以用右手来表示。

如图:

WebGL的坐标系统(笔记5)

默认情况下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

如图:

WebGL的坐标系统(笔记5)

相关文章