Three.js几何对象的组合

Three.js几何对象的组合##

发布时间：2018-08-29 16:02:35
1.创建一个几何体
2.创建一个Object3D对象或者Group对象
3.将几何体添加进入Object3D对象或者Group对象中
4.将Object3D对象或者Group对象添加进入场景中

以下以十字为例：

var cylinderGeometry = new THREE.CylinderGeometry(0.2, 0.2, 2, 32);//创建一个圆柱体
var cylinderMaterial = new THREE.MeshBasicMaterial({ color: 0xe82a39 });//创建一个网格基本材质对象
var group1 = new THREE.Mesh(cylinderGeometry, cylinderMaterial);//创建第一个网格对象
var group2 = new THREE.Mesh(cylinderGeometry, cylinderMaterial);//创建第二个网格对象
group2.rotation.z = Math.PI / 2;//第二个网格对象旋转90度
var group= new THREE.Object3D();//创建一个3D对象
//或者创建一个Group对象：var group = new THREE.Group();
group.add(group1);//将第一个网格对象添加进入3D对象中
group.add(group2);//将第二个网格对象添加进入3D对象中，与第一个网格对象成为一个组合
scene.add(group);//将这个组合添加入场景中

效果图(正视图)：