(0, 0, 0, .05), (3, 0, .1, .2, -.5), (6, 0, .1, .05), (9, 0)
Given the above data, I would like to render it as shown below.
However, I encountered an issue with the thickness of the line, and it was more difficult to draw a line with a different thickness for each position.
I would like to ask for help on this.
lwpolyline?
Last time I’ve seen this word is when I worked with AutoCAD decades ago 
What are these numbers about? Any chance to show the code, that produces the picture provided?
point format = (x, y, [start_width, [end_width, [bulge]]])
The format looks like this.
Just out of curiousity, did you solve the processing of the bulge parameter, thus, you’re able to draw an arc with three.js with the given format of points?
And it would be nice to provide the code you use to draw straight lines.
Cool! What and how do you do to set lines’ width?
As for line thickness, I have done something like it in Suica (which is a wrapper over Three.js) – a tube which path is defined via a function (or a spline) … and radius that is also defined by a function (or a spline).
Demos:
Wow what material did you make it with?
Non-modified MeshBasicMaterial.
All the lines is a single geometry of merged plane geometries.
Line thickness is only 1px in webgl, right? How did you implement line weight?
They are not lines, they are narrow and long planes
If you are drawing planes based on 3 lines, how did you handle the index?
Why does it have to be so? I just set heights for left side (start) and right side (end) of a plane geometry. There are always 4 points for a straight line.
