Yet ANOTHER Screen Resolution question re: Android vs iOS

Solar2D General Questions/Discussion
#1

Hi All,

Currently I am building for iPhone and iPad with two sets of graphics. I’ve got the small set for 320x480 and then one doubled @2x as recommended. Everything works great, everything looks great, and I am happy. I do not worry. Life is good.

And then there is Android and suddenly life seems a little more complicated and less clear, I feel confused and uncertain. What do I do for these 17,000 different screen resolutions? How are you all handling it? Do I really need a set of graphics at 1.1x, 1.3x, 1.6x, 1.8x and so on ad infinitum? Is there a recommended set of resolutions/scaling for covering Android or will I be OK with the current set I am using for iOS? I am most concerned that the app looks as good on Kindle and Nook.

Thanks for your advice. [import]uid: 8139 topic_id: 19977 reply_id: 319977[/import]

#2

I would recommend zoomStretch in your config.lua [import]uid: 29181 topic_id: 19977 reply_id: 77807[/import]

#3

Hi!

Thank you for your response. I was using scale = “letterbox” with a little bleed for the iPad background vs iPhone4, seemed to work really nice. I am concerned that zoomStretch scales things non-uniformly, so how would I do with letterbox scaling and my current graphic set on android devices? Would I have my bases covered using one set designed for a 320x480 screen and then second set @2x?

Thanks! [import]uid: 8139 topic_id: 19977 reply_id: 77812[/import]

#4

I would use letterbox for iPhone since their screen resolutions are the same. zoomStretch is great for Android since all of the devices have different screen sizes. Honestly as long as you have good quality images, the resolution doesn’t get distorted.

Regards,
Jordan Schuetz
Ninja Pig Studios [import]uid: 29181 topic_id: 19977 reply_id: 77817[/import]

#5

Excellent! Thank you so much, I really appreciate the help. Also, do you think I am OK with the current graphic set, or do I need to include another one at a different resolution? For instance, in the example they show:

imageSuffix =
{
["-x15"] = 1.5,
["-x2"] = 2,
},

from this link:
http://blog.anscamobile.com/2011/01/dynamic-image-resolution-made-easy/

But I only have one additional set for @2x. I’ve seen plenty of examples, but is there a magic recommended solution to cover iOS and all the Android screens? You know, like a golden rule such as scaling=zoomEven with screen size set at 320x480 and include 3 sets of graphics at x resolutions? [import]uid: 8139 topic_id: 19977 reply_id: 77819[/import]

#6

Oh, interesting, here is what Ansca says about magic solution!


application =
{
content =
{
width = 320,
height = 480,
scale = “letterbox”,

imageSuffix =
{
["@2x"] = 1.8,
},
},
}

This is probably the closest thing right now to a “magic recipe” for dynamic image resolution. With this setup, you can create the same set of single- and double-resolution images as in the previous example, while still having the better versions loading automatically on the slightly-less-than-double-size Android tablets.

http://blog.anscamobile.com/2011/01/dynamic-image-resolution-made-easy/
But what would that do for iPad? Does that mean my current set @2x should actually be at 1.8 size? Aiiiiiiiighhhhhh!!! [import]uid: 8139 topic_id: 19977 reply_id: 77820[/import]

#7

OK duh I am answering my own questions here, I suppose it helps to read it! Sorry, under the gun, here is what Ansca says:

“But there is an easier way! Rather than creating three sets of images, you can maintain just two sets (normal and double resolution) and then force the higher-resolution images to show up on the 7? tablets.”

So that means we can keep the resolution at exactly double, but tweak when it kicks in. Corona ROCKS! [import]uid: 8139 topic_id: 19977 reply_id: 77825[/import]