[Screenshot 2025-02-28 at 13.17.29] Edit - The issue is actually that mipmap generation is failing on certain texture source image sizes, certain sizes work and certain don’t. In webGL2 supposedly you do not need power of two images, but there seems to be other constraints to the size which I can’…

Unfortunately not, I have investigated anisotropy. When Three.js creates the mipmaps, this is an emergent pattern from any detailed texture due to the repeats etc. If you actually resize the image in a canvas it will produce the same pattern. No renderer setting, anisotropy etc will be able to fix…

Thanks. I put them on a cube… in blender… like a barbarian. Here it is if someone wants to take a look. noiseybox.glb (1.1 MB)

What you mean by “due to the repeats etc.”?

Because of the intricacies in the texture, when the mipmap is created an emergent pattern comes out. You can actually see this if you look at the thumbnail for the normal map I posted. This combined with the texture being repeated across the material (texture.wrapS & texture.wrapT) is what is causi…

The problem with the glb you posted is that the texture is enlarged so you have to zoom out to where the cube is tiny to be able to barely see the moire. This is a linen fabric so each line should be about the width of a linen thread.

I made a minimal repro here. [image] Glitch Code Editor ･ﾟ✧ Simple, powerful, free tools to create and use millions of apps. I think it shows the issue you’re talking about.

Thanks, yep thats the problem :confused:

I’m not actually convinced that this is a “moire” pattern… but its more of a higher order pattern in the texture that emerges at higher minification, since it seems to be stable even when the surface rotates. A true moire would sizzle and change under rotation…

Yes thats exactly the issue, I don’t know what its called and don’t know the solution.

setting roughness 1 and metalness 0 actually introduces a second pattern that is a moire… :stuck_out_tongue: in addition to the higher order pattern.

Mipmap generation failing on certain texture sizes causing minification aliasing

Questions

manthrax March 3, 2025, 1:36pm 15

I made a minimal repro here.

I think it shows the issue you’re talking about.

Topic		Replies	Views
Moire effect with the WebGLRenderTarget.texture Questions textures , materials	7	536	March 8, 2024
Drawing texture on canvas will cause the Sawtooth by WebGL Questions textures	5	942	February 1, 2019
Seams / Artifacts between texture tiles when using Mipmaps Questions textures , shaders , mipmaps , webgpu , tsl	11	593	November 5, 2024
Blurry PNG map tile textures Questions textures	6	2728	February 22, 2020
PNG texture looks grayer with small size Questions textures , mipmaps	6	1173	January 11, 2020

Mipmap generation failing on certain texture sizes causing minification aliasing

Related topics