三.js:边界框奇怪的行为

Question

我正在使用three.js，我注意到某些东西无法正常工作。在我的应用程序中，我定义了一个立方体及其边界框：

var scene = new THREE.Scene();
var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var material = new THREE.MeshPhongMaterial({color: 0xbaf5e8, flatShading: true});
var cube = new THREE.Mesh( geometry, material );
cube.receiveShadow = true;
scene.add(cube);
var helper_bbox = new THREE.BoxHelper(cube);
helper_bbox.update();
scene.add(helper_bbox);

当我尝试访问计算的边界框（helper_bbox.geometry.boundingBox）时，我注意到它的值是null，尽管它在屏幕上完美呈现。然而，边界球（helper_bbox.geometry.boundingSphere）是可加速的。

我无法弄清楚为什么会发生这种情况。有人对此有任何想法吗？我是否应该明确调用任何方法来检索边界框的点的坐标？谢谢。

Answer 1

几何边界框不会自动计算，除非其他内部方法需要它们。您可以强迫计算盒子并进行检查 - 这样：

object.geometry.computeBoundingBox();
console.log( object.geometry.boundingBox );

三.JSR.87