Cannot get rid of stains while rendering thin lines

Hi guys, I feel little bit desperated - I cannot get rid of weird stains while rendering thin lines. I tried different approaches but neither did help me.

I am trying to create a small 3d-minimap with wireframe-like material all over it. So it would like this:

Basically it is just a copy of landscape around the player but with a simple wireframe material.

First of all I created a procedural mesh component (mapped UV coordinates to vertices) and as I result got the following:

Do you see the stains (sorry, could not find a better word) - some lines have gaps which in result gives that weird picture. Here I highlighted what I am meaning:

At the moment I thought that this is some weird problem with small textures and decided to reimplement the whole thing with batch lines. But unfortunately got the similar result. It is not so obvious but still far from good:

And again I highlighted the stains:

Could someone explain to me what this is or how this could be fixed?
Thanks!

1 Like

any time an image is drawn at a smaller scale than its original size, some pixels get skipped. this happens at regular intervals based on how small the image is drawn. when you project a 2D texture into 3D, it transforms a rectangle texture into a trapezoid shape on screen, and those skipped pixels make arching patterns due to the harmonics in the ratios between source texture size and screen texture size.

try making the lines at least 2 pixels thick, or try blurring the texture.

What Omnicypher suggested may help to some degree, but you may also find that this does not resolve the issue. This is because of the Moire effect. It’s common in games and in real life.

51918-moire_effect_photograph-640x640.jpg

Thanks, guys.