没有对角线的three.js BoundingBoxHelper答案

【问题标题】：three.js BoundingBoxHelper without diagonals没有对角线的three.js BoundingBoxHelper
【发布时间】：2015-02-18 04:12:15
【问题描述】：

我的 BoundingBox 是这样的：http://i.stack.imgur.com/IGmxF.png，我不想在框内显示三角形，如何删除这些线？谢谢。

    var bbox = new THREE.BoundingBoxHelper(object3d, new THREE.Color(0xFF9900));
    bbox.visible = false;
    bbox.name = "BBOX"
    bbox.update();

    object3d.children[0] = bbox;

    scene.add(bbox);

【问题讨论】：

标签： javascript three.js bounding-box

【解决方案1】：

编辑：BoundingBoxHelper 已被弃用。您现在可以使用此模式：

// box helper
boxHelper = new THREE.BoxHelper( parent );
boxHelper.material.color.set( 0xffffff );
scene.add( boxHelper );

在您的渲染循环中，您可能必须这样做：

boxHelper.update();

three.js r.85

【讨论】：

我试过你的代码，但我不知道出了什么问题......它什么也没做。
盒子应该在那里，它的大小只有 1 x 1 x 1。请致电 bbHelper.update()。
` var bbox = new THREE.BoundingBoxHelper(object3d, new THREE.Color(0xFF9900)); bbox.visible = 假； bbox.name = "BBOX";场景.add(bbox); object3d.children[0] = bbox; var boxHelper = new THREE.BoxHelper(bbox); // 移除对角线 boxHelper.material.color.set(0xff9000);场景.add(boxHelper); bbox.update();` 它对我不起作用...它只显示我想要的矩形，但是当我单击对象时，它会显示对角线..
通过编辑this fiddle提供一个简单的问题示例。

【解决方案2】：

现在from three.js r72 有a THREE.BoxHelper class，这正是您所需要的。它会给你一个没有对角线的线框：

var helper = new THREE.BoxHelper( object );

scene.add( helper );

【讨论】：

【解决方案3】：

使用 BoundingBox 获取场景的尺寸并将它们应用到带有线框材质的 BoxGeometry。 BoxGeometry 里面没有三角形。

【讨论】：

我应该把这个 BoxGeometry 放在哪里？