Capx tutorial: full screen size for mobile/tablet

Get help using Construct 2

Post » Fri Dec 27, 2013 6:56 am

Hi everybody,

Could someone that is used to make mobile/tablet app create a capx tutorial on how to make a basic full screen layout that renders full screen on different devices and screen size?

Basically a simple background with a 'game content' zone and some 'fake' menu interface that does display full screen on iPhones, iPads and also different android devices.

I already read the tutorial about it, wrote and read some forum posts about it but haven't been able to be successful yet.
There are other people in my case and such a capx would be usefull for a lot of people I think, especially that such behavior/display is a must if you want to create a mobile/tablet app.


Thx a lotLopimp2013-12-27 06:57:18
B
11
S
2
Posts: 40
Reputation: 811

Post » Fri Dec 27, 2013 8:05 am

I think the biggest problem in answering this question is that there is no one-size-fits-all answer to this.

A lot of it depends on what kind of game you are making, if you want to support both portrait and landscape orientation, if parts of your layout can be clipped or not, if you want to use a background for areas outside the game-area or not, what kind of HUD you are using, if you are using scroll to, etcetera.
I told my dentist I had trouble with my teeth and asked her to fix it without looking in my mouth..
B
54
S
16
G
8
Posts: 6,160
Reputation: 19,775

Post » Fri Dec 27, 2013 8:19 am

I am still working on my first project to learn Construct2
It's a simple puzzle game for kids.
So it has some interface menu icon, a simple background and some piece to drag and drop

Here is a demo : http://www.lo-zone.com/labo/puzzle/demo/index.html?v2
B
11
S
2
Posts: 40
Reputation: 811

Post » Fri Dec 27, 2013 8:45 am

Ah yes.. I remember it from a previous topic.

It works fine on landscape, but this is the kind of game you'd like to be able to play on both landscape and portrait, which is completely possible, by changing it's aspect ratio to square and adding anchor behaviour to the elements other than the puzzle area.

If you'd like I'll change your capx with comments on what I did, to make it work. You can sent the link through private message.
I told my dentist I had trouble with my teeth and asked her to fix it without looking in my mouth..
B
54
S
16
G
8
Posts: 6,160
Reputation: 19,775

Post » Fri Dec 27, 2013 9:02 am

Great I'd really appreciate your help.

When I export it on iPhone or iPad it's not full screen, same for some android devices I tested on.

I am on my cell phone right now, I'll send you my latest capx asap.

Thx a lot
B
11
S
2
Posts: 40
Reputation: 811

Post » Fri Dec 27, 2013 9:09 am

No problem!
I told my dentist I had trouble with my teeth and asked her to fix it without looking in my mouth..
B
54
S
16
G
8
Posts: 6,160
Reputation: 19,775

Post » Fri Dec 27, 2013 11:00 am

I'm working on it, but I will give you a small tip.

A very quick fix would be to set scale to scale outer and make your background a lot bigger. set unbounded scrolling to yes and set system scroll to x : 960LittleStain2013-12-27 11:07:36
I told my dentist I had trouble with my teeth and asked her to fix it without looking in my mouth..
B
54
S
16
G
8
Posts: 6,160
Reputation: 19,775

Post » Fri Dec 27, 2013 2:02 pm

Thx a lot I really appreciate your help !!!

I'll dig in the example you sent me and migth create a small capx tuto myself to share with people that might need such help.

Thx again
B
11
S
2
Posts: 40
Reputation: 811


Return to How do I....?

Who is online

Users browsing this forum: Bootfit, Huemerson, jorgmaquoi, unicornspitfire and 4 guests