了解WebGL三维坐标系

在WebGL中，三维坐标系是构建和渲染三维场景的基础。默认情况下，WebGL使用右手坐标系，其中X轴向右，Y轴向上，Z轴指向观察者，原点位于画布的中心。

坐标系的特点

• 右手坐标系：遵循右手定则，即当你的右手拇指指向X轴正方向，食指指向Y轴正方向时，中指指向的就是Z轴的正方向。
• 归一化设备坐标：WebGL将三维空间转换为归一化设备坐标，范围在-1到1之间。这意味着无论画布的实际大小如何，所有的坐标都会被映射到这个统一的范围内。
• 齐次坐标：WebGL使用齐次坐标来表示顶点位置，形式为(x, y, z, w)。在顶点着色器中，顶点位置通过乘以模型视图投影矩阵后，通过将w分量除以w来转换回三维坐标。