Interference patterns in material

Development Asset Creation
, , ,
1

Hi,

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’:

221749-fabric-a.jpg
221749-fabric-a.jpg967×648 128 KB

‘zoomed out’:
221761-
material nodes:

221762-fabric-c.jpg
221762-fabric-c.jpg907×489 68 KB

two materials (with different textures) both showing interference:

221763-fabric-d.jpg
221763-fabric-d.jpg788×620 81.5 KB

Thanks a lot for any tips!
Warner

2

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.

3

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!
Warner