exr textures in WebGL

Unity Engine
1

Hi! I am building a scene for WebGL which is using texture maps which I prebaked in 3dsmax. I noticed that my baked maps display heavy banding in Unity when they are 8 bit JPEGs. Material is Unlit/Texture, Texture is RGB Compressed DXT1 sRGB:

6470588--726218--upload_2020-10-29_16-53-5.png
6470588--726218--upload_2020-10-29_16-53-5.png787×524 43.4 KB

I switched to half float exr textures then and the banding was gone, the texture looked smooth like in 3dsmax within the PC Build profile in Unity. Like this:

6470588--726224--upload_2020-10-29_17-19-51.png

But when I activate the WebGL profile in the Build settings, every exr texture is way to bright and shows banding like this:

6470588--726221--upload_2020-10-29_16-58-49.png
6470588--726221--upload_2020-10-29_16-58-49.png706×541 59.5 KB

Setting the texture to lightmap, sRGB or not does not solve the problem.

Can somebody point me into the right direction to get either a) a clean JPEG texture without banding and color shifts or b) an idea how to use the exr texture in WebGL? Either way, I need to get smooth gradients in my baked textures. Any ideas?

2

I noticed that lightmaps baked in Unity are displayed correctly and smooth. Is there a way how I can replace them with the lightmaps baked in 3dsmax and use them as a unlit texture?

3

I know this is very old but for anyone wanting to fix it:

Change all EXR texture formats to RGB HDR Compressed BC6H :slight_smile: