Line Joining and Deduplication


Table of Contents

Trying to generate the outlines of isometric structures and add line textures to some of the faces, I was left with a lot of short lines, many of which were adjacent or overlapping.

At some point I might write down the details of the final outline generation and line joining algorithms. Until then, you'll find two comparison images below.

Lines are slightly opaque, so duplicate lines are darker and there are small points where lines are adjacent to each other. SVG opacity is not supported in all browsers (I've checked that the images are displayed correctly in recent Firefox and Chromium versions).

You might have to zoom in to fully see the effect. The triangular pattern that is visible in some parts comes from the points where the line textures of the underlying isometric grid connect to each other.


2750 lines



1018 lines


If you have an idea how this page could be improved or a comment send me a mail.