WebGL学习笔记（三）坐标系的秘密

three.js使用的是右手坐标系
如图所示：

关于旋转方向的问题：

图上是围绕y轴+a的旋转方向。
cube.rotation.y+=0.1

0.1的意义：旋转一圈为2π
2π≈2*3.14=6.28

加的值小的话旋转的就会慢

打印值console.log(cube.rotation.y)

---

画坐标系：

var axisHelper = new THREE.AxisHelper( 5 );scene.add( axisHelper );

---

一种嵌套的方式实现坐标轴和物体的同时旋转（绑定在一起）：

var cube=new Three.Mesh(geomery,material);//scene.add(cube);var axisHelper = new THREE.AxisHelper( 5 );//scene.add( axisHelper );var objectTotal = new Obeject3D();objectTotal.add(cube);objectTotal.add(axisHelper);scene.add(objectTotal);function render(){//cube.rotation.y-=0.01;//axisHelper.rotation.y-=0.01;objectTotal.rotation.y-=0.01;renderer.render(scene,camera);}