Threejs ArrowHelper或線條輪廓

Question

我想概述使用Three.js框架中可用的ArrowHelper或Line幾何形狀繪制的箭頭或線條。

問題在於無法像在Stemkoski的示例中那樣勾勒出復雜的對象或線條。

我找到了一種方法，找到了我認為這兩種情況的邊界框最小值和最大值，我得到了像這樣的參數：

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

在直線的情況下，我為高度和寬度添加一個間隙，否則邊界框的高度為0，寬度為0，因此看不到。 然后，我可以創建BoxGeometry以最終使用THREE.BackSide網格創建輪廓效果。

但這不能按預期方式工作，因為當添加到要概述的線/箭頭元素時無法獲得正確的位置和旋轉，並且必須做一些技巧才能使包圍盒位於與元素相同的位置和方向上。

知道如何以更直接或更干凈的方式執行此操作嗎？ 還有其他更好的技術嗎？ 我做對了嗎，但我應該從其他地方獲得旋轉和位置？

Answer 1

鑒於無法在所有上下文中更改linewidth屬性（請參見此處 ），我提供了兩種解決方案來概述您的線條或箭頭，這可能有助於某些人尋找任何解決方案：1）更改其顏色。 2）照常使用Cylinder代替Line和outline（我的意思是像Stemkoski示例 ）。