在Unity开发的时候经常需要控制父子设置的操作,比如通过改变全局坐标或者其他属性,而局部坐标或者其他属性不变的情况。再比如父物体控制X轴旋转,而子物体控制自身Y轴旋转。
而在Three.js里这是有组这个概念,就是类似Unity里的父物体。方法是通过创建Group为父物体,再调用Add()方法就可以添加子物体。代码如下:
//创建父物体
var parent = new THREE.Group();
scene.add(parent);
parent.add(curMesh);
//子物体局部位置旋转缩放初始化
child.position.set(0,0,0);
child.rotation.set(45,0,0);
child.scale.set(1,1,1);
除了能够运用于父子关系的一些操作外,还能将物体分组,比如多个物体同时进行相同的操作,就可以放入同一个组里,对组进行操作就可以了。