Jump to content
  • Advertisement
  • entries
    154
  • comments
    388
  • views
    165101

GUI resizeing

Sign in to follow this  
O-san

1026 views

I have bought a Microsoft surface pro to develop on during my vacation. I found out that the game graphics needs to be resized. At native resolution (1920x1080) it was hard to click the GUI buttons, texts were very small and hard to read. So the past few days I have been implementing a scale value to all GUI elements and game graphics. Tedious and boring work but will hopefully it will be worthwhile for the player.

The graphics gets blurrier as the resolution scales up but I think it is worth it. Maybe later I will replace some graphics for these high resolution monitors.

A few screens showing the scaling:
(800 x 600)
scalescreen1.png

(1280 x 800)
scalescreen2.png

(1920 x 1200)
scalescreen3.png
Click image to view full resolution.

Thanks for reading! =)
Sign in to follow this  


5 Comments


Recommended Comments

Awesome work. I've been wondering how to handle multiple resolutions on a 2D game and you just nailed it.

 

Sure, it may look blurry on higher resolutions, but like you said, you can add "texture packs" to compensate, but to be honest it still looks great regardless of resolution, so hats off to you wink.png

Share this comment


Link to comment

Thanks for the comment, I'm glad I could give you some ideas. The scale multiplier is a rather simple calculation based upon the width of the current display divided by my reference width.

 

The screens should be visible now. The web hotel I'm using upgraded their storage last night.

Share this comment


Link to comment

To solve the blurry images, why not scale from the max resolution. Thus.... 1920x1080 = 1 and the rest are %'s from that which would be a downscale ( thus removing the pixelated effect )

Share this comment


Link to comment

Yes, that thought has occurred to me. Unfortunately most of the graphics were drawn without scaling in mind. For instance fonts and some graphical frames are one pixel wide at times and would be scaled away every other pixel if at 50% making the text unreadable. This could be solved by going with vector fonts instead but that's a whole new headache.

 

Another screen, showing the GUI slightly scaled.

scaling.png

 

I think it looks good enough for my purposes this time, maybe later I get around to sharpen it up.

Share this comment


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Advertisement
×

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

Participate in the game development conversation and more when you create an account on GameDev.net!

Sign me up!