Download

[4.9] Mobile UI Materials are WAY too dark.. how to fix?

At my wits end with this one… I have some simple materials that I want to draw on the UI. Take for example, this custom Joystick Material - which is a super-simple material.

6c01780b678371c02943e529ac418a21a77034ab.png

It’s added to the UI via UMG with a regular Image widget… nothing fancy.

74fa9e65851bee30b4b3a9b15e70c2ffc33b19de.png

How it’s supposed to look (Regular PIE)

a4dde42bac6ccac41611b57b4f4488a2a553e71d.jpeg

How it actually looks on Mobile (this is in the Mobile Preview)

dcd65cd2f647946dd65e85db936e7dd7b3c81ac3.jpeg

I’ve explained this problem quite a few times but nobody seems to register it. How do I stop this happening? I feel like this is something incredibly simple I’m missing. I’ve tried disabling Mobile HDR in project settings, but that has no effect on the User Interface and all it does is force the scene into super-ugly Linear Space.

Texture settings for the curious. I’m using ‘UserInterface’ compression since otherwise you get super nasty DXT artefacts.

c68f45e18848b9f926f25c0c1b57d7b9f20c1ba3.jpeg

It’s a bug in the preview. It’s not entirely accurate, it wont actually be that dark on target. It’s fixed in mainline/4.11 though.

I deployed to the device and it’s still just as dark (Sony Xperia Z1 and an nVidia Shield).

That said, I have seen the release notes for 4.10 and there’s a promising fix in there… I’ll check that out tomorrow when VS2015 finishes installing :slight_smile:

Yup, fixed in 4.10 - Nice :smiley: