Texture Appearing Distorted and Broken

Hi all,

bit of a weird issue here.

I have this rectangle with a texture on that I use for my background

In standalone, it looks perfect

WebGL however,

It seems to be the only texture affected, and it only makes a difference on WebGL

Any idea whats up?

Hello QFSW.

This seems to be a non-power-of-two texture issue. Specifically WebGL1.0 does not support NPOT textures with mipmaps. Does your source texture have Generate Mip Maps enabled by any chance? If yes, try to uncheck it.

Hi,

The non POT was the issue as it the issue was gone once I modified it, so thanks :slight_smile:

Is there any time we can expect non POT to be allowed in WebGL?

Thanks

Yes, I believe NPOT textures with mipmaps should be supported in WebGL2.0 (Firefox and Chrome already have working implementations of it, though you might wanna wait for support in other browsers as well).