Scaling gui for different resolutions

[fitkoh]

I’m trying to rewrite the gui so that it’ll scale appropriately and look as intended on multiple devices with different resolutions. I changed the way the gui objects are created and positioned using relative values of ScreenWidth() and ScreenHeight() rather than absolute coordinates.

Here’s what I have so far:

[continued]

It sort of works, but it’s a little buggy and I can’t figure out why. I don’t know if there’s a simple error I’m not seeing because I’ve been staring at it too long, or a fundamental concept I’m missing.

Here is the way the events behave:

Everything looks okay at normal resolution:

Then why I try to resize, the background doesn’t seem to want to fill out the screen.

[Silver-Streak]

I mentioned it on the discord, but I’ve submitted a feature request proposal with this idea.

It has an example project you can play around with that avoids the background issues as it uses camera zooming and resizing the objects.

Implement "GUI Layer" based Scaling Options to better scale text and other objects

Hello All, This is a moderately large request, so I’ve put most of the historical info at the bottom. At a high level, I’d like to request the following: Proposal A new layer type, named “GUI Layer” be added to the IDE. Users should have a button to add a GUI layer just like they do to add a Lighting layer. A new Game Resolution Resize mode named “GUI Resize with Asset Zoom” or something similar to project properties. If this mode is selected: Another set of resolution fields should be disp…

[fitkoh]

The example was very helpful, giving me some new ideas I haven’t tried before.

My effort isn’t “perfect” but it’s a big improvement over what it was.

You can see how it’s now able to handle different resolutions much better than before:

I also noticed that the pseudo-3d does much better in windowed mode with a smaller screen… I can easily run 40-60fps this way.