linaCharts开发笔记:three.js物体变换

object3D即是物体，物体的变化有以下几种比较常用的:

lookAt 面向，参数是一个THREE.Vector3，比如:cylinder.lookAt(new THREE.Vector3(0, 0, 0));让物体面向原点。

position:位置，比如 cylinder.position.set(50, 0,0); 把物体的中心的位置设置在（50,0,0）记住是设置物体的中心的位置。

translate:平移，平移是会改变物体的position的，例如:cylinder.translateY(2);

scala:缩放,例如:cylinder.scale.set(1,2,1);把物体在y方向放大一倍，其他方向上不变。

rotate:旋转，注意这是自旋转。例如下面一个物体：

我们把他沿着z轴旋转90度: cylinder.rotateZ(Math.PI/2);如下图:

所以是自旋轴的话，是不会改变物体的position的，这里很多人都会问一个问题，我想让物体在空间坐标系旋转，而不是自旋转应该怎么办，代码如下:

cylinder.position.set(50*Math.sin(Math.PI/4), 50*Math.cos(Math.PI/4),0); 

相当于绕z轴旋转45度。