three.js 合并多个模型

 

 

 

方法一：THREE.Geometry.merge()合并多个模型为一个

关键点：通过THREE.Geometry.merge()函数，你可以将多个几何体合并起来创建一个联合体

参考博客：63 Three.js 将多个网格合并成一个网格

 //合并模型，则使用merge方法合并
  var geometry = new THREE.Geometry();
 //merge方法将两个几何体对象或者Object3D里面的几何体对象合并,(使用对象的变换)将几何体的顶点,面,UV分别合并.
//THREE.GeometryUtils: .merge() has been moved to Geometry. Use geometry.merge( geometry2, matrix, materialIndexOffset ) instead.
   for(var i=0; i<gui.numberOfObjects; i++){

     var cube = addCube();
     cube.updateMatrix();
     geometry.merge(cube.geometry, cube.matrix);
   }

    scene.add(new THREE.Mesh(geometry, cubeMaterial));

 

方法二：用group管理多个模型

var group = new THREE.Group();
group.add( cubeA );
group.add( cubeB );

 

 

附件：

三维模型的复制与克隆。