WebGL座标系介绍

一、认识座标系

1.面对屏幕向上为y轴的正方向,向左为正x轴的正方向,垂直于屏幕向外的为z轴的正方向。如下图所示:

2.在webgl和threejs中使用的是右手座标系,入下图所示:

图2

二、围绕某个轴旋转

左手大拇指,指向该轴的正方向,四指弯曲指向的方向,为该旋转方向的正方向。
在这里插入图片描述

三、世界座标系与本地座标系

1.世界座标系:是指在这个3D场景内,所有对象使用的是一个座标系。

1.在这个场景内,该正方体的世界座标为(0,0 ,0);在这里插入图片描述
2.在这个场景内,该球体的世界座标为( -5,3,0 );在这里插入图片描述

2.本地座标系:是指在这个物体内有自己的一个座标系,这个座标系在世界座标系内是可以改变的,但是始终在物体内部。

例:物体座标(0,0,0)转到(3,3,3),只是物体的世界座标位置改变,本地座标为改变。
在这里插入图片描述

3.世界座标系的旋转与本地座标系的旋转

  1. 世界座标系的旋转,是围绕某一个轴,以一个向量长度为半径旋转。
  2. 本地座标系的旋转(rotations属性),是围绕该物体的本地座标轴旋转。
  3. 围绕任意轴旋转;
var v1 = new THREE.Vector3(1,1,0);
mesh.rotateOnAxis(v1,angle);//v1围绕某一轴,angle旋转的度数
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章