如何将三个.js网格合并为一个网格

How to merge three.js meshes into one Mesh?

本文关键字：网格 合并 一个 js 三个      更新时间：2023-09-26

是否可以在Three.js中合并两个或多个网格，使用不同的材料?

我找到的解决方案，只合并几何，或者只是把网格放入一个Object3D或Group。

是:有点(见附在问题和这个回答帖子的评论):

var blueMaterial = new THREE.MeshPhongMaterial( {color: 0x0000FF } );
var redMaterial = new THREE.MeshPhongMaterial({ color:0xFF0000 });
var meshFaceMaterial = new THREE.MeshFaceMaterial( [ blueMaterial, redMaterial ] );
var boxGeometry = new THREE.BoxGeometry( 10, 10, 10 );
for ( var face in boxGeometry.faces ) {
    boxGeometry.faces[ face ].materialIndex = 0;
}
var sphereGeometry = new THREE.SphereGeometry( 5, 16, 16 );
sphereGeometry.applyMatrix( new THREE.Matrix4().makeTranslation(0, 5, 0) );
var mergeGeometry = new THREE.Geometry();
mergeGeometry.merge( boxGeometry, boxGeometry.matrix );
mergeGeometry.merge( sphereGeometry, sphereGeometry.matrix, 1 );
var mesh = new THREE.Mesh( mergeGeometry, meshFaceMaterial );
scene.add( mesh );

我选择了一个立方体和一个球体，因为例如一个盒子想知道它的每个面的材质id。

http://jsfiddle.net/v49ntxfo/

相关文章：