06 WebGL的坐标系统

2018-03-04 02:16:43 人阅读

案例查看有问题?
全屏试试!

案例解析

 由于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

如图:

案例源代码


                                            
展开内容

联系我们

一个人的力量不如两个人的,两个人的力量不如一群人的。欢迎加入大家庭一起共同学习,共同进步。

查看更多