How to make sure my UI remains the same across multiple screens? I've looked at some tutorials, but they didn't seem to apply to my situation.
I tried the following, but they didn't resolve my problem:
- Various combinations in the window setting of Godot
- Making a scene with graphic options where you can resize the screen ratio
If I can manage to get the UI to not fly around every time I resize the screen I either face two other problems:
Making the screen smaller means the UI maintains its place but doesn't scale correctly, they stay in place.... but if the screen is; say reduced by like 50%, the UI is only reduced by like 25%, just giving random numbers cause I didn't measure it manually but visually the UI is clearly scaling at a different pace
This time the UI scales correctly and remains in place but resizing the screen gives black borders around the edges.... my screen is 1366x768.... my window settings say so and also my Nvidia settings say so, they aren't lying... but if I set this to be the screen size in Godot, I get black borders...
The dilemma is that I can only manage to get 2 out of following 3 things that I want:
- The UI scaling properly
- The UI maintaining its place
- No black borders
How do I get all three?
I'm only showing the mininimap because changing resolutions requires me to rearrange every single piece of UI even if it is literally set to be anchored, it flies around in some screen sizes and even goes outside of the screen.
and here's the main menu, just to showcase how stupid the situation is