Question

我想概述使用Three.js框架中可用的ArrowHelper或Line几何绘制的箭头或线。

问题在于，无法用Stemkoski的this example来概述复杂的对象或线条。

我发现一种方法可以找到我认为的两种情况下的边界框mins和maxs，我得到这样的参数：

var edgeBoundingBox = new THREE.Box3().setFromObject(element);

在线的情况下，我为高度和宽度添加间隙，否则边界框的高度为0，宽度为0，无法看到。然后我可以创建BoxGeometry，最终使用THREE.BackSide网格创建轮廓效果。

但是这不能正常工作，因为当添加到要绘制的线/箭头元素时它没有获得正确的位置和旋转，并且必须进行一些技巧以使边界框处于相同的位置和方向元素。

知道如何以更直接或更干净的方式做到这一点？还有其他更好的技术吗？我这样做是否正确，但是我应该从其他地方获得轮换和位置？

Answer 1

鉴于无法在所有上下文中更改线宽属性（请参阅帖子here），我提供了两个解决方案来概述您的线或箭头，这可能有助于某些人寻找任何解决方案： 1）改变颜色。 2）像往常一样使用Cylinder代替Line和轮廓（我的意思是Stemkoski example）。