Layout size to fit SmartPhones

Discussion and feedback on Construct 2

Post » Fri Jun 10, 2011 2:57 am

Hi there!!

I tried putting a site online for my band, and I want to be able to check it from a iPhone or a Nexus S or a Galaxy S, I know they probably have different screen resolution, 480x800 or 640x960, or else.. I dunno.

Whats the correct Layout resolution I should use to make the game fullscreen on most smartphone ?

I tried a layout of 480x800 and it filled only about 60% of the screen on a Nexus S.

Thanks!
B
6
S
2
G
1
Posts: 122
Reputation: 1,194

Post » Fri Jun 10, 2011 3:49 am

AFAIK, different phones can have significantly different resolutions, so I'm not sure what to tell you. :/

Here's a question for the devs - is there any way the html5 game could find out the browser window size and adjust itself accordingly like how can be done with CC?
Moderator
B
87
S
32
G
33
Posts: 3,005
Reputation: 27,397

Post » Fri Jun 10, 2011 4:15 am

I just tried a 1024x1536 canvas on a Galaxy who's supposed to have a 480x800 pixel screen and it didn't fill the screen. I think I had to use 1280x1920 to make it fullscreen. Exactly 4 times the mobile's display.

I guess webpage are kinda zoomed out automatically on mobile or something.
B
6
S
2
G
1
Posts: 122
Reputation: 1,194

Post » Fri Jun 10, 2011 5:36 am

B
55
S
12
G
8
Posts: 339
Reputation: 9,314

Post » Fri Jun 10, 2011 12:00 pm

Well thanks cow!!! _trix :)

Seriously, someone should really create a search engine that checks for synonym as well... I really searched for Resizing layout for mobile phone and things like that and it never found that awesome "Scaling C2 apps for mobile screens".

Shame on the search engine!! And on me..
B
6
S
2
G
1
Posts: 122
Reputation: 1,194

Post » Fri Jun 10, 2011 7:15 pm

Release 41 now has a fullscreen in browser option that takes care of this for you!
Scirra Founder
B
359
S
214
G
72
Posts: 22,946
Reputation: 178,518

Post » Mon Jun 13, 2011 11:13 pm

Could anybody with a smartphone try please ?

chambre2.host22.com

Its supposed to be fullscreen (layout is 480x800) green and white clouds background with a red border and a square that you can place anywhere by touching the background.

If you try it please specify which phone you have :D

Thank yoooouuuuuu!
B
6
S
2
G
1
Posts: 122
Reputation: 1,194

Post » Tue Jun 14, 2011 7:45 am

iPhone 4 user here. After saving it to my homescreen to get the fullscreen going, it loaded up fine, but the bottom portion of the red border was cut off. The red box appeared just fine whenever I tapped the screen.
B
1
G
1
Posts: 7
Reputation: 439

Post » Tue Jun 14, 2011 11:21 am

I dont know much about the iPhone, you mean that you had to save the link as a shortcut on the homescreen to be able to see it fullscreen ?

When in fullscreen mode, do you still have a bar at the top of the screen ? Like an address bar or something. If not, I know iPhone resolution are more like 640x920.

So I guess to support both 480x800 (most android powered phone) and iPhone, we would have to make to version with a script that links to the proper build depending on the running OS.

Thanks a lot iRoNgHosT!
B
6
S
2
G
1
Posts: 122
Reputation: 1,194

Post » Tue Jun 14, 2011 12:54 pm

Djordhan, if you position and scale everything in the layout depending on the WindowWidth and WindowHeight expressions, it should fit any device screen. Then, you can also test it works in your browser window on a desktop, just by adjusting the window size.
Scirra Founder
B
359
S
214
G
72
Posts: 22,946
Reputation: 178,518

Next

Return to Construct 2 General

Who is online

Users browsing this forum: No registered users and 6 guests