Interference patterns in material


I’m using some tiled textures to create fabric materials, but I keep on getting ugly results when I tile the material. Basically, I’m seeing interference artifacts, when the detail of the textures gets scaled to a high degree.

Some notes:

  • Temporal AA is on, but seems not to handle this well;
  • The materials seems to be fairly heavy on the performance;
  • The effect happens not just with one texture, but with multiple;
  • I tried simplifying the materials (removing normals, ambient occlusion, fresnel) but the effect stays unchanged

So, the question is: what can I do to resolve this? I was thinking to ‘fade’ with increased distance to a base color (but not really sure how to do that).

Here are some screenshots:

‘zoomed in’:

‘zoomed out’:
material nodes:

two materials (with different textures) both showing interference:

Thanks a lot for any tips!

Your texture is not a power of 2 resolution. Which means the engine won’t generate mip maps for it. Which is the cause of this Moiré pattern.

So the solution is to make your texture a power of 2 resolution (2, 4, 8, 16, 32, 64, 128, 256, 512, 1024, 2048 etc) outside the editor and reimport. Rectangular power of 2 is allowed. So a texture of 256x2048 is possible. Some mobile devices won’t handle it too well so for mobile I would recommend keeping it square.

Ah that’s great. It turns out that the textures were power of 2, but Mipmaps were toggled off in LOD settings for the texture.

Solved, with many thanks!