threejs 模型的几何变换(旋转、缩放、平移)

缩放

立方体网格模型x轴方向放大2倍，如果连续执行两次该语句，相等于比原来方法4倍

   mesh.scale.x = 2.0;//x轴方向放大2倍

立方体网格模型整体缩小0.5倍，相当于xyz三个方向分别缩小0.5倍

 mesh.scale.set(0.5,0.5,0.5);//缩小为原来0.5倍

网格模型Mesh的属性scale返回值是一个Vector3对象，查看three.js官方文档你可以知道Vector3对象具有属性x、y、z对于上面的代码而言xyz表示坐标值，xyz数据类型是float，Vector3对象还具有方法set()，set方法有三个表示xyz坐标的参数。

平移

立方体网格模型沿着x轴正方向平移100，可以多次执行该语句，每次执行都是相对上一次的位置进行平移变换

 mesh.translateX(100);//沿着x轴正方向平移距离100

网格模型沿着向量(0,1,0)表示的方向平移100

var axis = new THREE.Vector3(0,1,0);//向量axis
mesh.translateOnAxis(axis,100);//沿着axis轴表示方向平移100

translateOnAxis(axis, distance)方法相比.translateX、.translateY、.translateZ更通用，可以实现立方体沿着任何方向旋平移，参数axis表示平移方向，使用对象Vec