Members - Reputation: 116
Posted 02 October 2012 - 08:19 PM
Members - Reputation: 3555
Posted 02 October 2012 - 11:42 PM
First you have to think about your game, and how it works, and how it needs to look. Especially with 2D.
Can your game function in any aspect ratio, or do you need it fixed?
Can you draw more vertically or horizontally, or does it ruin the play-ability of the game?
Depending on these answers, there are different solutions.
If your game can draw more without ruining anything (unfair advantage, seeing more than intended, etc...), then you can just draw more of your game.
If not, then have a background image, and draw your game onto a render target that is the correct aspect ratio. Then draw the render target onto the background. This way, you can fit a 4:3 game on a 4:3 screen, and a 16:9 screen at the same time. This is how older games often get ported over to newer machines.
You can also scale your finished render target to the screen size when you draw it, but that will make things look really bad. Sprites don't scale well when they go out of aspect ratio.
Members - Reputation: 125
Posted 03 October 2012 - 03:05 PM
When you change your resolution, generally some kind of event is triggered carrying information about the new resolution. You then respond to that event by changing your layout to appropriately deal with the change. Do you show more? Do you scale up? Do you do neither and paint it on top of a background?
A good way to deal with variable resolutions might be to use relative screen space coordinates instead of absolute pixel coordinates. For instance, x=0 would be the leftmost side of the window, x=0.5 would be the middle, and x=1 would be the rightmost edge. This would make your image always fill the screen, but as the above poster mentioned, you'd have distortion when the aspect ratio changed. You could then worry about detecting and correcting that distortion.
But in all, exactly how you do it is really dependent on what tools you are using to get anything to show up on the screen at all.
Members - Reputation: 212
Posted 03 October 2012 - 03:30 PM
If you don't understand the stuff written here, please sharpen your C++ skills.
Crossbones+ - Reputation: 21299
Posted 03 October 2012 - 07:51 PM
For example, a UI just generally needs to “stick” to the sides of the screen. As the screen changes resolution, things stuck to the right side move over, staying X pixels away from the right side of the screen. The UI images don’t usually grow.
On the other hand you probably want to expose only a fixed amount of your 2D world regardless of the resolution. For example, regardless of the resolution, the player can see only 10 tiles vertically.
For these things, you have to scale your visual game world up and down based on resolution.
One way was mentioned already. Use a 0-1 system such that 0 is the top and 1 is the bottom. Don’t do this for left and right; just keep track of the top and bottom for ratio reasons, and blacken out any extra detail to the left/right that you consider should not be visible within your world.
My Art: http://l-spiro.deviantart.com/gallery/4844241/Realism My Music: https://soundcloud.com/l-spiro
L. Spiro Engine: http://lspiroengine.com
L. Spiro Engine Forums: http://lspiroengine.com/forums