Threejs ArrowHelper 또는 Line outline

Question

Three.js 프레임 워크에서 사용할 수있는 ArrowHelper 또는 Line 지오메트리를 사용하여 그려진 화살표 또는 선을 윤곽으로 나타냅니다.

Stemkoski의 this example과 같이 복잡한 개체 나 줄을 윤곽선으로 나타낼 수 없다는 문제가 있습니다.

은 내가 같이 이러한 매개 변수를 얻을, 하나의 접근 방식은 내가 생각 무엇 두 경우 모두에 대한 경계 상자 분, maxs을 찾는 것은 발견 라인의 경우

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

내가 높이 간격을 추가하고 그렇지 않으면 경계 상자의 높이가 0이고 너비가 0이므로 볼 수 없습니다. 그런 다음 BoxGeometry를 만들어 THREE.BackSide 메쉬로 외곽선 효과를 최종적으로 생성 할 수 있습니다.

그러나 윤곽선/화살표 요소에 추가 할 때 올바른 위치와 회전을 얻지 못하기 때문에 예상대로 작동하지 않으며 동일한 위치와 방향으로 경계 상자를 갖기 위해 일부 트릭을 수행해야합니다 요소보다.

좀 더 똑바로 또는 깨끗한 방법으로 어떤 생각을 할 수 있습니까? 더 잘 작동하는 다른 기술? 나는 그것을 정확하게하고 있는가? 그러나 나는 다른 곳에서 교체 및 위치를 얻어야 하는가?

Answer 1

모든 문맥에서 linewidth 속성을 변경할 수 없다는 것을 전제로합니다 (게시물 here 참조). 어떤 해결책을 찾고있는 사람들에게 도움이 될 수있는 두 가지 해결책을 제공합니다 : 1) 색상을 변경하십시오. 2) 평행선 대신 윤곽선 및 윤곽선을 사용하십시오 (즉, Stemkoski example과 같은 의미).