Three.js: 복합 Object3D 개체의 BoundingBox?

Object3D 에는 경계 상자를 계산하는 방법이 없지만 Geometry 에는 있습니다.

그 길을 벗어나면 다음을 따라야 합니다 .

지금까지 감사합니다. 어쩌면 내가 틀린 것을 묻고, 내 의도는 두 개체의 경계 상자를 얻는 것이 었습니다. 하나의 지오메트리에 대한 경계 상자를 계산하는 방법을 알고 있지만 복합 3D 개체가있는 경우 두 개의 큐브와 같은 경계 상자를 계산하는 방법은 무엇입니까? 아니면 이전에 하나의 지오메트리로 개체를 병합해야합니까?

나는 당신이 내 요점을 가지고 있기를 바랍니다 :) 설명하기가 어렵습니다.

내가 참조. 지금 유일한 방법은 모든 경계 상자를 비교하고 모든 값으로 max() 및 min() 하는 것입니다.

괜찮 감사. 성공하면 내 솔루션을 게시하겠습니다.

여기 내 해결책이 있습니다. 이 함수에 객체를 전달하기 만하면 자식을 통해 객체의 높이 / 너비를 계산하고 높이 및 너비 속성을 객체에 할당합니다.

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 좋아 보인다!

2 년 전 라운드 로빈과 똑같은 문제와 아이디어가 있습니다. 나는 그것을 설명하려고합니다 ... @mrdoob 말했듯이 @NickLarsen의 해결책은 정말 좋은 보이지만 큰 문제가있다.

내 장면에는 항상 모든 도형을 포함하는 하나의 Object3D가 있습니다. 예를 들어 반경과 y 좌표가 다른 8 개의 구가 있습니다. 모두 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 나는 작동하는 것 같은 또 다른 해결책을 찾았습니다. boundingbox를 계산 한 후 월드 시스템으로 변환합니다.

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 IF 조건-확실히 좋은 코드의 예는 아니지만 무엇을해야할까요? :)

이것은 정말 오래된 스레드입니다. 요즘에는 새로운 new THREE.Box3().setFromObject(object3d)

나는이 방법을 시도 할 것이다, 감사합니다!

문제 없어요. 나는 몇 달 자신 전 현재이 실현을 겪은 : https://github.com/danielribeiro/three-hub/commit/859f148349ca64ede9ee224d55ad2ea3f51c0da0#diff -0dad6abd7a4801d561b83deddedc1baa