Three.js: BoundingBox составного объекта Object3D?

Object3D не имеет метода вычисления ограничивающей рамки, но Geometry имеет .

Разобравшись с этим, вам просто нужно следовать этому .

пока спасибо. может я неправильно спрашиваю, я хотел получить ограничивающую рамку двух объектов. Я знаю, как рассчитать ограничивающую рамку для одной геометрии, но когда у меня есть составные 3D-объекты, как я могу вычислить ограничивающую рамку, например, из двух кубов. Или нужно перед этим объединить объекты в одну геометрию?

Надеюсь, вы поняли мою точку зрения :) Это сложно объяснить.

Понимаю. Я думаю, что сейчас единственный способ - сравнить все ограничивающие прямоугольники и сделать несколько max() и min() s со всеми значениями.

хорошо спасибо. Я опубликую свое решение, если я успешно

Вот мое решение. Просто передайте объект этой функции, и она будет просматривать его дочерние элементы, чтобы вычислить высоту / ширину объекта и присвоить объекту свойства высоты и ширины.

calculateDimensions(myObject);

...

/*
* Get the size of the compound object by computing the bounding box and getting the max/min of each of its children
*/
function calculateDimensions(_object) {

    var absoluteMinX = 0, absoluteMaxX = 0, absoluteMinY = 0, absoluteMaxY = 0, absoluteMinZ = 0, absoluteMaxZ = 0;

    for (var i = 0; i < _object.children.length; i++) {
        _object.children[i].geometry.computeBoundingBox();
        absoluteMinX = Math.min(absoluteMinX,_object.children[i].geometry.boundingBox.min.x);
        absoluteMaxX = Math.max(absoluteMaxX,_object.children[i].geometry.boundingBox.max.x);
        absoluteMinY = Math.min(absoluteMinY,_object.children[i].geometry.boundingBox.min.y);
        absoluteMaxY = Math.max(absoluteMaxY,_object.children[i].geometry.boundingBox.max.y);
        absoluteMinZ = Math.min(absoluteMinZ,_object.children[i].geometry.boundingBox.min.z);
        absoluteMaxZ = Math.max(absoluteMaxZ,_object.children[i].geometry.boundingBox.max.z);
    }

    // set generic height and width values
    _object.depth = (absoluteMaxX - absoluteMinX) * _object.scale.x;
    _object.height = (absoluteMaxY - absoluteMinY) * _object.scale.y;
    _object.width = (absoluteMaxZ - absoluteMinZ) * _object.scale.z;

    // remember the original dimensions
    if (_object.originalDepth === undefined) _object.originalDepth = _object.depth;
    if (_object.originalHeight === undefined) _object.originalHeight = _object.height;
    if (_object.originalWidth === undefined) _object.originalWidth = _object.width;

    console.log("Depth: " + _object.depth + ", Height: " + _object.height + ", Width: " + _object.width);
}

Я наткнулся на это в поисках того же самого и в итоге остановился на этом:

function getCompoundBoundingBox(object3D) {
    var box = null;
    object3D.traverse(function (obj3D) {
        var geometry = obj3D.geometry;
        if (geometry === undefined) return;
        geometry.computeBoundingBox();
        if (box === null) {
            box = geometry.boundingBox;
        } else {
            box.union(geometry.boundingBox);
        }
    });
    return box;
}

@NickLarsen Выглядит хорошо!

У меня точно такая же проблема и та же идея, что и у раундробина два года назад. Решение @NickLarsen выглядит действительно хорошо, как сказал @mrdoob , но есть большая проблема ... Я постараюсь это объяснить.

В моей сцене всегда есть один Object3D, содержащий все геометрические формы. Например, у меня есть 8 сфер с разным радиусом и разной координатой y. Все они расположены в точках x = 0 и z = 0.
Затем я попытался вычислить всю ограничивающую рамку с помощью функции из NickLarsen, но результат был очень странным. Чтобы найти ошибку, я записал в консоль все отдельные ограничивающие рамки:

({мин .: {x: -10, y: -10, z: -10}, макс: {x: 10, y: 10, z: 10}})
({мин .: {x: -20, y: -20, z: -20}, макс: {x: 20, y: 20, z: 20}})
({мин .: {x: -7, y: -7, z: -7}, макс: {x: 7, y: 7, z: 7}})
({мин .: {x: -18, y: -18, z: -18}, макс: {x: 18, y: 18, z: 18}})
({мин .: {x: -15, y: -15, z: -15}, макс: {x: 15, y: 15, z: 15}})
({мин .: {x: -3, y: -3, z: -3}, макс: {x: 3, y: 3, z: 3}})
({мин .: {x: -10, y: -10, z: -10}, макс: {x: 10, y: 10, z: 10}})
({мин .: {x: -25, y: -25, z: -25}, макс: {x: 25, y: 25, z: 25}})

Как видите, ограничивающие прямоугольники всегда вычисляются в локальной системе координат отдельной сферы. А когда их объединяешь, в этом нет смысла! Как я могу получить ограничительную рамку в мировых координатах, чтобы получить настоящую ограничивающую рамку моего Object3D?

В ветке r.59dev см. Box3.setFromObject( object ) .

@PanChan, вам нужно выполнить ваши преобразования, прежде чем запускать это, и он будет работать, как задумано. В моем фактическом использовании я клонирую геометрию для каждого объекта и применяю к нему преобразования перед вычислением ограничивающей рамки. Вы можете увидеть мою реальную реализацию здесь . Я довольно новичок, когда дело касается этого, так что относитесь к моей реализации с большой долей скептицизма.

@NickLarsen Я нашел другое решение, которое, кажется, работает. После вычисления ограничивающего прямоугольника я перевожу его в мировую систему:

var bb = geometry.boundingBox;
bb.translate(obj3D.localToWorld( new THREE.Vector3()));

Не знаю, хорошее ли это решение, но пока оно работает. Думаю, жду новую ревизию с профессиональным решением;) Спасибо за объяснение!

Используя решение @NickLarsen в моем проекте, я немного оптимизировал вычисления для случаев, когда ограничивающая рамка объекта уже существует, и, следовательно, вычислять ее снова не нужно.

function getComplexBoundingBox(object3D) {
    var box = null;
    object3D.traverse(function(obj3D) {
        if (obj3D.matrixWorldNeedsUpdate) obj3D.updateMatrixWorld();
        var geometry = obj3D.geometry;
        // If current is not a geometry (THREE.Geometry), proceed to the next one
        if (geometry === undefined) return null;
        // If this object is already bounding box, then use it
        if (geometry.boundingBox) { 
            var workableBox = geometry.boundingBox.clone();
            // Move the resulting bounding box to the position of the object itself
            workableBox.applyMatrix4(obj3D.matrixWorld);
            if (box === null) {
                box = workableBox;
            } else {
                box.union(workableBox);
            }
        // If there is no bounding box for current object - creating
        } else {
            var workableGeometry = geometry.clone();
            // Move the resulting geometry in the position of the object itself
            workableGeometry.applyMatrix(obj3D.matrixWorld);
            // Calculate the bounding box for the resulting geometry
            workableGeometry.computeBoundingBox();
            if (box === null) {
                box = workableGeometry.boundingBox;
            } else {
                box.union(workableGeometry.boundingBox);
            }
        }
    });
    return box;
}

5 условий ЕСЛИ - это конечно не пример хорошего кода, но что поделать, лучше еще не придумал? :)

Это действительно старая ветка. В настоящее время вы можете просто новые new THREE.Box3().setFromObject(object3d)

Я попробую этот способ, спасибо!

Нет проблем. Я сам прошел через это несколько месяцев назад: https://github.com/danielribeiro/three-hub/commit/859f148349ca64ede9ee224d55ad2ea3f51c0da0#diff -0dad6abd7a4801d561b83deddedc1baa