1. 程式人生 > >three.js 合併多個模型

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 );

 

 

附件:

三維模型的複製與克隆