Hey,
I am currently working on the UI layout of my game and I am struggeling with maintaining the correct aspect ratios on the widgets.
I designed the UI for 16:9 resolutions and that scales very well. But since I have a 16:10 (22'') screen myself I noticed that the scaling was a bit off.
Scale Rule: shortest side
Scale Curve: 720 = DPI Scale 1.0 (8640 = DPI Scale 12)

Then I played around and come to this
Scale Rule: longest side
Scale Curve: 720 = DPI Scale 1.0 (8640 = DPI Scale 12)

I guess that could work as solution since the empty space that appears on the bottom doesnt really matter.
But I am not quit sure if longest side is a good rule for the whole project?
So I tried to manipulate the Scale Curve a little
Scale Rule: shortest side
Scale Curve:
720 = DPI Scale 1.0
1050 = DPI Scale 1.3125 (1680/1280=1.3125)
8640 = DPI Scale 12
That lead to the same result as in the second image but since the curve isn't linear anymore.

I would have to set a DPI Scale for every resolution.
How did you guys solve the multi resolution issue? Also I don't really care about 4:3 since I considered no ones plays on that screen resolutions anymore. And the game is PC only so mobil devices also don't matter.
Any help is appreciated.
I am currently working on the UI layout of my game and I am struggeling with maintaining the correct aspect ratios on the widgets.
I designed the UI for 16:9 resolutions and that scales very well. But since I have a 16:10 (22'') screen myself I noticed that the scaling was a bit off.
Scale Rule: shortest side
Scale Curve: 720 = DPI Scale 1.0 (8640 = DPI Scale 12)
Then I played around and come to this
Scale Rule: longest side
Scale Curve: 720 = DPI Scale 1.0 (8640 = DPI Scale 12)
I guess that could work as solution since the empty space that appears on the bottom doesnt really matter.
But I am not quit sure if longest side is a good rule for the whole project?
So I tried to manipulate the Scale Curve a little
Scale Rule: shortest side
Scale Curve:
720 = DPI Scale 1.0
1050 = DPI Scale 1.3125 (1680/1280=1.3125)
8640 = DPI Scale 12
That lead to the same result as in the second image but since the curve isn't linear anymore.
I would have to set a DPI Scale for every resolution.
How did you guys solve the multi resolution issue? Also I don't really care about 4:3 since I considered no ones plays on that screen resolutions anymore. And the game is PC only so mobil devices also don't matter.
Any help is appreciated.
Comment