Currently, I'm working on enhancing the visualization of paths using Three.JS. Despite successfully incorporating numerous lines into the scene with the correct vertices and desired material, I am facing difficulty due to their lack of visibility. Is there a way to transform a line segment into a tube-like structure without the need to start anew or alter the type of geometry being utilized?
Apologies if my terminology is off, but essentially, I aim to convert a generated THREE.LineSegments() into a thicker 3D line. Below is an excerpt from my code:
var geo = new THREE.BufferGeometry();
geo.addAttribute('position', new THREE.BufferAttribute(new Float32Array(2*numTravelVertices), 3));
var travelVertices = geo.attributes.position.array;
var vertIndex = 0;
this.set('travelVertices', travelVertices);
<add vertex indicies for points on the path>
geo.rotateX(-Math.PI / 2);
var mat = new THREE.LineBasicMaterial({color: parseInt(this.get('travelColor')), transparent: false});
var lineSegments = new THREE.LineSegments(geo, new THREE.MultiMaterial([mat]));