Тройка ArrowHelper или линия контура

Question

Я хочу начертить стрелку или линию, нарисованную с использованием геометрий ArrowHelper или Line, доступных в структуре Three.js.

Проблема заключается в том, что сложный объект или линию нельзя очертить, как это было бы сделано с this example от Stemkoski.

Я нашел один подход найти то, что я полагаю, в мин ограничивающего параллелепипеда и MAXS для обоих случаев, я получаю те параметры, как это:

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

В случае линии добавить пробел для роста и ширина в противном случае ограничивающая рамка имеет 0 высоту и ширину 0 и не может быть видна. Затем я могу создать BoxGeometry, чтобы наконец создать эффект контура с помощью сетки THREE.BackSide.

Но это не работает должным образом, так как при добавлении к элементу линии/стрелки не требуется правильное положение и поворот, и необходимо сделать некоторые трюки, чтобы ограничительная рамка была в том же положении и направлении чем элемент.

Любая идея, как сделать это более прямым или чистым способом? Любая другая техника, которая работает лучше? Я делаю это правильно, но я должен получить поворот и положение из другого места?

Answer 1

С учетом того, что свойство ширины линии не может быть изменено во всех контекстах (см. Сообщение here) Я даю два решения, чтобы очертить вашу линию или стрелу, которая может помочь некоторым людям, ищущим любое решение: 1) Измените их цвет. 2) Используйте Цилиндр вместо линии и очертания, как обычно (я имею в виду как Stemkoski example).