Dear all, I’ve been experimenting with three.js for some time now, but I got stuck with this since December last year: My goal is to visualize all lines of the given array “all1394c5s6”, where each subarray (each subarray is a 5-vertex/point line / eg. the first one [1,2,13,24,25]) is on one “slice…

@deeno THREE.LineSegments() + an indexed buffer geometry should do the trick. https://threejs.org/examples/?q=indexed#webgl_buffergeometry_lines_indexed

Maybe LineSegment could do the job. It adds successive pairs of points as visible lines. Maybe you could use some logic to fill it in the right way with your 5 points array.

Thank you very much for this! Looks promising! Will try ASAP.

Thank you all very much for the help! I finally could solve this: https://www.koulaouzidis.com/ars-combinatoria/research/1394-on-xyz.threejs_v1.7.html Follow-up Question: Can LineSegment also give a certain part of the line another color?

[image] deeno: Can LineSegment also give a certain part of the line another color? Yes, the geometry has an attribute called colors. Assigning colors to this array and setting material vertexColors: !0 will do the trick.

Thanks so far. I managed to include vertexColors etc., so that my lines are now all BLUE (see line 206 of the sourcecode in my link on the previous post with …v1.8.html instead of v1.7… at the end - sorry I am making this so complicated, but my post got flagged/blocked twice because of posting links…

After rendering the object any changes made to geometry attributes must be followed by “…NeedsUpdate”. bufferGeometry: object.geometry.attributes.color.needsUpdate = !0; Geometry: object.geometry.colorsNeedsUpdate = !0; EDIT: correction was made, thanx to prisoner849 Sorry, I don’t do bufferGeom…

[image] rrrr_rrrr: object.geometry.attributes.colorsNeedsUpdate = !0; I would use: object.geometry.attributes.color.needsUpdate = true;

Thank you. Good thing, I do not use bufferGeometry.

@prisoner849 thanks for the info, all other suggestions or sources I found so far would give me an error. this one doesnt, so I hope/suppose it must be the correct way of doing this. still, unfortunately, I cant see a result… I am using this inside the control updateAll function on line 170 of my v1…

Creating Line Geometry Vertices with Breaks

Questions

prisoner849 May 25, 2020, 9:08pm 6

@deeno
Could you provide a picture of how it has to look like?

Topic		Replies	Views
Buffer Geometry not showing on screen Questions buffergeometry	14	2662	September 10, 2019
Three.js set a break when using Line2 and LineMaterial Questions linegeometry , linematerial	4	283	July 16, 2024
After dynamically updating the vertices of lineGeometry of Line2, line segment colors are not displayed Questions materials , geometry	1	93	August 12, 2024
CatmullRomCurve3 question regarding having different color lines between each point Questions materials , geometry	9	289	October 31, 2024
Performant way to render many disconnected lines with different numbers of verticies Questions geometry	4	2509	June 24, 2020

Creating Line Geometry Vertices with Breaks

Related topics