three.js - 如何在three.js中获取整个场景的boundingSphere？

Question

如何在three.js中获取整个场景的边界球？我可能会尝试获取每个对象的边界球并计算它们的联合，但我认为可能有更直接的方法。

Answer 1

有不同的方法可以动态地获取多个对象的 boundingSphere。您可以首先获得所有这些边界框，然后创建该边界框的球体......这是我在boundingBox 的 boundingSphere上塑造的示例小提琴。

基本上，您将所有几何图形放入 aGroup中，得到该Box3组的 ，然后getBoundingSphere从 Box3 开始并定位在中心。小提琴中的代码是这样的。

let g = new THREE.Group();
scene.add(g);
for (let i = 0; i < 5; i++) {

    // geometry
    var geometry = new THREE.BoxGeometry(20, 20, 20);

    // material
    var material = new THREE.MeshToonMaterial({
        color: 0xff0000,
        opacity: 0.7,
    });

    // mesh
    mesh = new THREE.Mesh(geometry, material);
    mesh.position.set(100 * Math.random(), 100 * Math.random(), 100 * Math.random());
    g.add(mesh);
}

//g.updateWorldMatrix(true);
var gridHelper = new THREE.GridHelper(400, 40, 0x0000ff, 0x808080);
gridHelper.position.y = 0;
gridHelper.position.x = 0;
scene.add(gridHelper);

let bbox = new THREE.Box3().setFromObject(g);
let helper = new THREE.Box3Helper(bbox, new THREE.Color(0, 255, 0));
scene.add(helper);

const center = new THREE.Vector3();
bbox.getCenter(center);

let bsphere = bbox.getBoundingSphere(new THREE.Sphere(center));
let m = new THREE.MeshStandardMaterial({
    color: 0xffffff,
    opacity: 0.3,
    transparent: true
});
var geometry = new THREE.SphereGeometry(bsphere.radius, 32, 32);
let sMesh = new THREE.Mesh(geometry, m);
scene.add(sMesh);
sMesh.position.copy(center);

已编辑：如果您想在场景的 boundingSphere 中包含灯光（这可能会给您带来一个巨大的球体），请从let bbox = new THREE.Box3().setFromObject(scene)