Erweitern oder machen Sie eine DREI.LineSegments dicker

Question

Ich arbeite daran, Pfade von Linien in Three.JS zu visualisieren und habe erfolgreich eine Reihe von Linien zur Szene mit den richtigen Scheitelpunkten hinzugefügt, und Material, das ich will, aber die Linien sind hart sehen. Gibt es eine Möglichkeit, ein Liniensegment in eine Röhre umzuwandeln, ohne von vorne anfangen zu müssen und die Art der Geometrie zu ändern, die ich verwende?

Ich verwende nicht die richtige Terminologie, aber ich möchte im Grunde eine generierte THREE.LineSegments() in eine dickere Linie in 3D verwandeln. Im Folgenden ist ein Ausschnitt aus meinem 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])); 

Answer 1

können Sie dicke Linien zeichnen, indem die LineBasicMateriallinewidth Parametereinstellung:

material.linewidth = 4; // default is 1 

Das zur Zeit nicht auf einigen Windows-Plattformen funktioniert. Eine alternative Lösung ist die Verwendung der dritten Parteiklasse THREE.MeshLine, die dicke Linien durch Zeichnen eines Streifens von Dreiecken darstellt.

Sie können THREE.TubeGeometry verwenden, aber das wäre nicht so performant wie MeshLine.

three.js r.82