任何方式從three.js Object3D獲取邊界框？

Question

我正在使用Three.js和OBJLoader.js加載OBJ文件。這將返回一個Three.Object3D對象，它具有您期望從3D模型（位置向量，向量...）

我無法弄清楚的是如何獲得它的邊界框 - - 這可能嗎？

Answer 1

對於任何形狀的幾何對象，都有一個boundingBox屬性。該屬性擁有一個THREE.Box3對象。這個Box3對象由兩個THREE.Vector3對象組成，min和max。

var geometry = new THREE.CylinderGeometry(...); 
var material = new THREE.LineBasicMaterial(...); 
var mesh = new THREE.Mesh(geometry, material); 

var boundingBox = mesh.geometry.boundingBox.clone(); 
alert('bounding box coordinates: ' + 
    '(' + boundingBox.min.x + ', ' + boundingBox.min.y + ', ' + boundingBox.min.z + '), ' + 
    '(' + boundingBox.max.x + ', ' + boundingBox.max.y + ', ' + boundingBox.max.z + ')'); 

對於更復雜的形狀，如來自JSON Object files加載，邊界框屬性默認未定義的。它必須明確計算。

var loader = new THREE.ObjectLoader(); 
loader.load(imagePath, function(object){ 

    geometry = object.children[0].children[0].geometry; // substitute the path to your geometry 

    geometry.computeBoundingBox(); // otherwise geometry.boundingBox will be undefined 

    var boundingBox = geometry.boundingBox.clone(); 
    alert('bounding box coordinates: ' + 
     '(' + boundingBox.min.x + ', ' + boundingBox.min.y + ', ' + boundingBox.min.z + '), ' + 
     '(' + boundingBox.max.x + ', ' + boundingBox.max.y + ', ' + boundingBox.max.z + ')'); 
} 

Answer 2

是的，你需要這樣的事：

if (object instanceof THREE.Object3D) 
{ 
    object.traverse (function (mesh) 
    { 
     if (mesh instanceof THREE.Mesh) 
     { 
      mesh.geometry.computeBoundingBox(); 
      var bBox = mesh.geometry.boundingBox; 

      // compute overall bbox 
      minX = Math.min (minX, bBox.min.x); 
      minY = Math.min (minY, bBox.min.y); 
      minZ = Math.min (minZ, bBox.min.z); 
      maxX = Math.max (maxX, bBox.max.x); 
      maxY = Math.max (maxY, bBox.max.y); 
      maxZ = Math.max (maxZ, bBox.max.z); 
     } 
    }); 

    var bBox_min = new THREE.Vector3 (minX, minY, minZ); 
    var bBox_max = new THREE.Vector3 (maxX, maxY, maxZ); 
    var bBox_new = new THREE.Box3 (bBox_min, bBox_max); 

    scene.add (object); 
} 

編輯：

此方法之前BoundingBoxHelper()或BoxHelper()是可用

Answer 3

如果你想在邊框作爲對象出現在場景中的位置和大小，嘗試BoundingBoxHelper：

var helper = new THREE.BoundingBoxHelper(someObject3D, 0xff0000); 
helper.update(); 
// If you want a visible bounding box 
scene.add(helper); 
// If you just want the numbers 
console.log(helper.box.min); 
console.log(helper.box.max); 

幾何體上的.boundingBox沒有考慮平移，旋轉或縮放可以應用於父網等，我發現它非常難以調整爲手動，但幫手爲你做。

Answer 4

您不需要遍歷對象的所有子節點;在庫中有一個方法可以執行此操作：THREE.Box3#setFromObject：see the docs。例如，你可以這樣做：

var bbox = new THREE.Box3().setFromObject(obj); 

得到的obj邊框，包括其所有的孩子，佔任何平移，旋轉等

注意，BoundingBox助手用來在場景中繪製邊界框，而不是僅僅計算某個對象的邊界框。