Teeworlds: New broadcast shadow looks horrible

Created on 27 Oct 2020  ·  5Comments  ·  Source: teeworlds/teeworlds

The size got bigger and now it just looks awful...
image

comparing to an older client:
image

maybe the fade should be stronger and the shadow itself should get smaller again.

design discussion ui

Most helpful comment

both look bad imo, the gradient isn't very pretty. should rework it altogether

All 5 comments

i gotta agree, maybe making shadow more visible wasnt a bad idea by itself but this is too much

Looks like the server is using three lines with two empty lines. With one line it shouldn't look like that. We can make shadow fit the text horizontally as well.

But i'd say we should wait for the new textrender then we can just use the boundingbox.

Edit: plus we can make the gradient less aggressive with darker top and lighter bottom

We can also try to make shadow ignore empty lines.

Single line backdrop for reference
screenshot_2020-10-27_14-09-38

You can try making it more transparent. I settled for this gradient because anything less dark is not as readable as it could be on some map backgrounds. Anything with a darker top makes the top edge or even the left or right edges explicitly visible to me, which I wanted to avoid.

Fade on the old client had almost no effect on readability and only gave you an indication that the broadcast was active at all.

I'm not sure if there is any way to make the gradient colored rounded corners not look weird with this size. IMO we could also get rid of this custom fade alltogether and just add a flat round rect with CORNER_T and correctly calculated size, if that looks better.

both look bad imo, the gradient isn't very pretty. should rework it altogether

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Dune-jr picture Dune-jr  ·  4Comments

Sonix- picture Sonix-  ·  3Comments

Dune-jr picture Dune-jr  ·  4Comments

Dune-jr picture Dune-jr  ·  4Comments

apoleon picture apoleon  ·  5Comments