如何在 ThreeJS 中获取 3D 对象尺寸?

How can I get 3D object dimensions in ThreeJS?

我正在使用 WebRTC(网络摄像头访问)、JSARToolKit(标记检测)和 threeJS(3D 库)开发 AR 应用程序。

我想将 3D 对象(使用 threejs maya 导出器从 Maya 导出)放置在检测到的标记的中心。

这是我使用 JSONLoader 加载 3D 对象的代码:

// load the model
var loader = new THREE.JSONLoader;
var object;
//var geometry = new THREE.BoxGeometry(1, 1, 1);
loader.load('js/cube.js', function(geometry, materials){
var material = new THREE.MeshFaceMaterial(materials);
object = new THREE.Mesh(geometry, material);

object.position.x -= ***3DobjectWidth/2***;
object.position.y -= ***3DobjectHeight/2***;
object.position.z -= ***3DobjectDepth/2***;

scene.add(object);
});

我需要获取对象的宽度、高度和深度来改变他的位置(参见3DobjectWidth ecc)。

有什么建议吗?

对象大小将放置在geometry.boundingBox。但是必须生成一次。

试试这个。

geometry.computeBoundingBox();
var bb = geometry.boundingBox;
var object3DWidth  = bb.max.x - bb.min.x;
var object3DHeight = bb.max.y - bb.min.y;
var object3DDepth  = bb.max.z - bb.min.z;

几何有一个 .center() 方法。如果您需要基于相同的几何体将许多网格居中,这可能会更有效和更简单。它还会为您调用 computeBoundingBox。