improve round line joins for semi-transparent lines

https://github.com/mapbox/mapbox-gl-js/pull/1359

Round line joins used to be drawn by adding a semicircle cap to the end
of each segment. This looked fine for opaque lines not for
semi-transparent lines.

This changes the triangulation so that round line joins don't overlap
with segments. The gap between segments is filled with small triangles
that look like pie slices. The edge of the round linejoin is made up of
many short straight lines that look round at the sizes we draw lines.

Since sharp angles are infrequent, this does not significantly affect
the total number of triangles created.

Joins for angles that are really sharp are still drawn with overlap.

1 files changed, 3 insertions, 0 deletions

diff --git a/include/mbgl/style/types.hpp b/include/mbgl/style/types.hpp
index f6ffcd6865..e46ece6f4a 100644
--- a/include/mbgl/style/types.hpp
+++ b/include/mbgl/style/types.hpp
@@ -92,6 +92,8 @@ enum class JoinType : uint8_t {
     Miter,
     Bevel,
     Round,
+    // the following two types are for internal use only
+    FakeRound,
     FlipBevel
 };
 
@@ -99,6 +101,7 @@ MBGL_DEFINE_ENUM_CLASS(JoinTypeClass, JoinType, {
     { JoinType::Miter, "miter" },
     { JoinType::Bevel, "bevel" },
     { JoinType::Round, "round" },
+    { JoinType::FakeRound, "fakeround" },
     { JoinType::FlipBevel, "flipbevel" },
 });