Positioning game elements uniformly across multiple devices with different screen factors

Games
#1

Hi,

I am having trouble with the positioning of images and sprites in a game scene. How would one precisely position items on screen and have the scene look uniform across all supported simulator devices?

I shied away from absolute positioning using pixel values as different devices have different screen resolutions. I have also used the following configuration values:

[code]
application =
{
content =
{
width = 320,
height = 480,
scale = “zoomEven”
},
}
[/code

Anyone have a suggested approach? [import]uid: 52069 topic_id: 16287 reply_id: 316287[/import]

#2

Personally what I would do is use letterboxing for tablets (perhaps create some kind of border if they are a tablet user because stretching doesn’t always look very good).

From there, I would come up with some kind of xOffset and yOffset based on values from display.contentWidth/Height as well as display.viewableContentWidth/Height, with your target ideal resolution having an x/y offset of 0. [import]uid: 52430 topic_id: 16287 reply_id: 60739[/import]

#3

Hi Jon,

When you say to use letterboxing for tablets, do you mean that you would use different scale modes for different devices? In that case, it would not be practical to test for all devices from a single configuration?

Thanks! [import]uid: 52069 topic_id: 16287 reply_id: 60821[/import]