javascript - Three.js:有没有办法为组采取边界框

Question

我可以为threejs中的组设置边界框吗？我在 three.js 中有一个对象列表，我将它们全部分组到一个单元中。我想得到组的高度和宽度，所以我尝试使用 Box3 来确定高度和宽度。有什么方法可以获取threejs中对象组的高度和宽度

var geometry = new THREE.BoxBufferGeometry( 1, 1, 1 );
var material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );

var cubeA = new THREE.Mesh( geometry, material );
cubeA.position.set( 100, 100, 0 );

var cubeB = new THREE.Mesh( geometry, material );
cubeB.position.set( -100, -100, 0 );

//create a group and add the two cubes
//These cubes can now be rotated / scaled etc as a group
var group = new THREE.Group();
group.add( cubeA );
group.add( cubeB );

scene.add( group );

Answer 1

使用Box3.setFromObject()计算一组对象的 AABB。代码示例:

const aabb = new THREE.Box3();
aabb.setFromObject( group );

three.js R118