一、认识坐标系

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

2.在webgl和threejs中使用的是右手坐标系，入下图所示：

二、围绕某个轴旋转

左手大拇指，指向该轴的正方向，四指弯曲指向的方向，为该旋转方向的正方向。

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

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

1.在这个场景内，该正方体的世界坐标为（0,0 ,0）;
2.在这个场景内，该球体的世界坐标为( -5,3,0 );

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

例：物体坐标（0,0,0）转到（3,3,3），只是物体的世界坐标位置改变，本地坐标为改变。

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

世界坐标系的旋转，是围绕某一个轴，以一个向量长度为半径旋转。
本地坐标系的旋转(rotations属性)，是围绕该物体的本地坐标轴旋转。
围绕任意轴旋转；

var v1 = new THREE.Vector3(1,1,0);
mesh.rotateOnAxis(v1,angle);//v1围绕某一轴，angle旋转的度数

WebGL坐标系介绍相关推荐

Cocos2d-x坐标系介绍
Cocos2d-x坐标系介绍在图形图像和游戏应用开发中坐标系是非常重要的,我们在Android和iOS等平台应用开发的时候使用的二维坐标系它的原点是在左上角的.而在Cocos2d-x坐标系中它原点是 ...
Apollo进阶课程⑭ | Apollo自动定位技术——三维几何变换和坐标系介绍
目录 1.三维几何变换---旋转 2.三维几何变换----平移 2.1刚体的位置和朝向 3. 坐标系 3.1 ECI地心惯性坐标系 3.2 ECFF地心地固坐标系 3.3当地水平坐标系 3.4 UTM ...
fieldtrip学习——1.坐标系介绍（ctf坐标系和acpc坐标系简介)
-------------------------------------滴,菜鸟要从这里开始学习飞行啦!-------------------------------------------- 今天 ...
ABB机器人：工件坐标系介绍以及标定操作与使用方法
目录工件坐标系介绍机器人工作站创建工件坐标系标定方法工件坐标系手动测试工件坐标系应用仿真运行工件坐标系介绍工件坐标系对应工件:它定义工件相对于大地坐标系(或其它坐标系)的位置. 工件坐 ...
三维坐标系介绍与转换
转载自:http://support.supermap.com.cn/DataWarehouse/WebDocHelp/OnlineHelp/Flash3D/G_ProjectDocumentatio ...
发那科机器人xyz的方向_发那科机器人应用-坐标系介绍(1)
发那科机器人应用-坐标系介绍(1) 坐标系简介坐标系是为了确定机器人位置姿态, 而在空间上给予定义的位置指标坐标系有:工具,用户,世界,关节,手动关节坐标系是设定在机器人关节中的坐标系,关节坐标 ...
Cesium坐标系介绍
Cesium坐标系介绍首先介绍坐标系,有关坐标系转换代码在下面 1.笛卡尔坐标系介绍(世界坐标系) Cartesian3:笛卡尔空间直角坐标系 new Cesium.Cartesian3(x, y, ...
WebGL坐标系及基础几何概念
右手坐标系 WebGL 和 threejs 使用的是正交右手坐标系且每个方向都有可使用的值的区间,超出该矩形区间的图像不会绘制: x轴最左边为-1,最右边为1: y轴最下边为-1,最上边为1: z轴 ...
数字图像处理：视觉系统中的坐标系介绍
参考: 图像坐标系.摄像机坐标系与世界坐标系四个坐标系简介和转换世界坐标.相机坐标.图像坐标.像素坐标的原理.关系,并用matlab仿真 1.像素坐标系(Pixel coordinate syst ...

WebGL坐标系介绍

一、认识坐标系

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

2.在webgl和threejs中使用的是右手坐标系，入下图所示：

二、围绕某个轴旋转

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

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

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

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

WebGL坐标系介绍相关推荐

最新文章

热门文章