You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
For example, here is a portion of the SVG demo with a line thickness greater than 1 and sizeAttenuation enabled, with the camera line of site perpendicular to direction of the lines (note the area in the red circle):
When we start to make the camera line of sight parallel with the map from down below, we can see the same area loses its thickness:
Here's a similar angle but from the side instead of below, and the line maintains its thickness:
The text was updated successfully, but these errors were encountered:
The joint lines are billboarded, but the user lines are also approaching parallel with the direction of the joint line, so there's nothing that can be done with the current geometry.
To fix this, we need to take advantage of WebGL 2 geometry shading (generate the vertices in the shader, so that the only thing we need to pass in is the user line points), or WebGPU compute shading (similar, but different).
Ultimately the user will provide only a single array of line points, then shading handles the rest, which includes generating points or pixels around the user points to draw the region of the line, including joint miters, rounded corners, end caps, etc.
We will implement that in, #7, and that will close this issue.
trusktr
changed the title
sometimes face billboarding doesn't quite work
sometimes lines are thin at certain angles (was face billboarding doesn't quite work)
Jan 20, 2023
For example, here is a portion of the SVG demo with a line thickness greater than 1 and sizeAttenuation enabled, with the camera line of site perpendicular to direction of the lines (note the area in the red circle):
When we start to make the camera line of sight parallel with the map from down below, we can see the same area loses its thickness:
Here's a similar angle but from the side instead of below, and the line maintains its thickness:
The text was updated successfully, but these errors were encountered: