Game Development Community

Scaling a UI for different resolutions

by Keith Johnston · in General Discussion · 01/17/2004 (6:55 am) · 5 replies

What are some approaches to this? Do you you design the UI so it fits in the smallest allowable resolution and allow UI components to be a fixed size and look smaller in the larger resolutions?

Or do you design the UI components to look best in a higher resolution and scale them down for the smaller screen size?


Thanks,
Keith

#1
01/17/2004 (7:10 am)
You make them in lower res - then they are smaller in higher res. That's how most games work - try playing Quake 2 at 1600x1200 - you can barely see the UI lol.
#2
01/18/2004 (4:28 am)
I personally design the UIs at higher resolutions, but keep in mind to not make them larger than the lowest resolution so they fit on screen should somebody play at 640x480. The reason for designing (and saving) them at i.e. 1024x768 is that lines and text won't look "scaled" when you view them at lower res. Lines and text look ugly when you scale them up from 640x480 to 1024x768.
#3
01/19/2004 (3:09 am)
Keith just use Relative, and it should scale itself to the size of the res =)
#4
01/19/2004 (5:30 am)
Thanks Chris! I didn't know what relative was for - that works great!
#5
01/23/2004 (5:47 am)
I normally do stuff at 1024x768 resolution. I figure this is the middle point so that stuff don't get horribly disfugured when scaled up or down. ;D