What's the layout size for iPhone....?

Get help using Construct 2

Post » Mon May 19, 2014 11:17 pm

hi,
what's the best layout sizes to create games for iPhone 4, 5, iPad and Galaxy Tab 2, 3?
thnaks
2D Game GUI Designer
B
12
S
4
G
3
Posts: 130
Reputation: 3,778

Post » Tue May 20, 2014 12:25 am

I believe the best would be to use their native resolution
http://www.iphoneresolution.com/

I believe 320x480 is the most used resolution for mobile devs although I dont like it so I multiply it by two and work on a slightly bigger screen then allow my game to scale down if it's needed.
B
6
G
1
Posts: 28
Reputation: 458

Post » Tue May 20, 2014 8:16 am

Ahh the old 3:2 aspect ratios! Stick with Android my friend!
B
56
S
15
G
13
Posts: 825
Reputation: 17,643

Post » Tue May 20, 2014 10:05 am

Thank you men "itzathis"
2D Game GUI Designer
B
12
S
4
G
3
Posts: 130
Reputation: 3,778

Post » Fri May 23, 2014 5:19 pm

Hello everyone. @itzathis Therefore, we can use the iPhone 5(C,S) resolution and scale it down so that it works for iPhone 4 and 4S?
B
9
S
2
Posts: 30
Reputation: 651

Post » Sat May 24, 2014 11:15 pm

This really depends on how you design your game.
Also, it depends from how you resize the game, most people use Letterbox scale, I used it too but with experience, I've found that Scale outer works better, and publishers prefer it.

Letterbox scale tries to fit on your screen and leaves black boxes to fill remaining area.
Scale outer tries to fit on your screen and shows more layout instead of black boxes.

I've prepared some comparison for you:
I created a new project, set the background colour to be red, and filled the screen with one, cyan sprite.
The window size is set to be the resolution of iPhone 5.
Check how this looks with using different scale modes:
Letterbox - http://screencloud.net/v/779o
Scale outer - http://screencloud.net/v/aIV1

You can't overcome the black boxes in letterbox, however you can fill the layout area outside the viewport with some background and no red area will be shown.

Read about aspect ratios, if you create a game for 320x480 it will work perfectly on any resolution which is a multiplication of those values. So if you create a game in iPhone resolution (320x480) it will work well on iPhone 4 because it has a resolution of 640x960, divide those by 2 and you'll have 320x480 resolution.

So, you can use iPhone5 resolution to scale it down, but then you will need to pick one of the scale modes and act accordingly to it's consequences.

Read more: https://www.scirra.com/tutorials/73/sup ... reen-sizes
B
6
G
1
Posts: 28
Reputation: 458

Post » Sat May 24, 2014 11:50 pm

Thank you itzathis
2D Game GUI Designer
B
12
S
4
G
3
Posts: 130
Reputation: 3,778


Return to How do I....?

Who is online

Users browsing this forum: No registered users and 15 guests