Grid Texture deformation

I want to draw many grids on the screen to use as my background, and I use a grid image as a texture to draw,through a lot of grid plane mesh to make what I want,like this:


When I looked at it from the top down, it looked OK, but when I looked at it from the side, the display was very poor and the texture was badly distorted

I suspect serration, but with anti-aliasing turned on it still doesn’t work

rendering.updateContextParameters({
    antialias: true,
});
rendering.main.postprocessings.updateRenderTargetSamples(4);
rendering.main.sceneRendering.updateRenderTargetSamples(4);

I would like to ask what the cause of this problem is and any help with this problem would be appreciated

Textures render quite very poorly at an angle (a bit more in-depth explanation) - and that applies especially to high-contrast textures or textures rendering thin shapes like lines or grids.

You may be better of using a shader-generated grid instead - this for example.

2 Likes