App Development

Discussion and feedback on Construct 2

Post » Thu Sep 01, 2016 12:09 am

I am looking to make a property app for mobile devices (pretty much a real estate app) can this be done with Construct 2?

If so, how would I manage my UI elements to support multiple screen devices?

My UI has all the generic things, hamburger menu, snackbar for bread crumb trail, etc. I want elements to animate like expanding and sliding menus. I haven't developed something like this in Construct 2 before as most of my projects have been for games. Just wondering if anyone has used Construct 2 for this kind of thing and what would be your approach to support multiple screen resolutions for mobile devices, would you design your UI at a set resolution?

Thanks.
B
9
S
3
Posts: 45
Reputation: 770

Post » Thu Sep 01, 2016 2:39 am

16x9, fullscreen, scale outer.
Image ImageImage
B
169
S
50
G
174
Posts: 8,324
Reputation: 110,792

Post » Thu Sep 01, 2016 3:40 pm

ScrotieFlapWack wrote:I am looking to make a property app for mobile devices (pretty much a real estate app) can this be done with Construct 2?

If so, how would I manage my UI elements to support multiple screen devices?

My UI has all the generic things, hamburger menu, snackbar for bread crumb trail, etc. I want elements to animate like expanding and sliding menus. I haven't developed something like this in Construct 2 before as most of my projects have been for games. Just wondering if anyone has used Construct 2 for this kind of thing and what would be your approach to support multiple screen resolutions for mobile devices, would you design your UI at a set resolution?

Thanks.


I'd be interested in how you get on. I was think of doing something captured data as well.
B
3
Posts: 4
Reputation: 433

Post » Thu Sep 01, 2016 7:25 pm

Well I have bought the Ultimate Login System from the Construct 2 Marketplace. I am currently designing my UI in Photoshop but I was really struggling on a base resolution to start creating my UI and also a base resolution to start my project at that will be suitable for all mobile devices.

I'll post back here though as I progress :D

I'll probably post back to ask for some help too haha

I have started my app project at 1280 x 720 in portrait mode. I am also setting my canvas size in Photoshop at this resolution as well so I can start creating my graphics.
B
9
S
3
Posts: 45
Reputation: 770

Post » Thu Sep 01, 2016 8:06 pm

@Newt.

When you say 16:9 and fullscreen do you mean any 16:9 aspect ratio like 1280 x 720?

The scale outer method, does this show the hidden parts of the canvas, would I need some sort of 'safe zone' on my layout and I could center most of my objects within that safe zone?

The only thing slowing me down on this right now is what canvas size I need, and what size canvas I should be creating my graphics at.
B
9
S
3
Posts: 45
Reputation: 770

Post » Thu Sep 01, 2016 8:34 pm

Yes, that is a pretty standard size. You should pick a size that you can develop for.
If you have a bunch of 32x32 tiles that might not work very well, etc.

Scale outer makes sure that there are no black bars horizontally.
It works best for portrait mode on non 16x9 resolutions.
Image ImageImage
B
169
S
50
G
174
Posts: 8,324
Reputation: 110,792

Post » Thu Sep 01, 2016 8:46 pm

Ok, I will design my graphics at a 1280 x 720 resolution and use those settings.
B
9
S
3
Posts: 45
Reputation: 770

Post » Fri Sep 02, 2016 12:43 pm

If you want to learn more about responsive game design using a safezone, I'd like to plug you THIS tutorial by Toby R.

If you want to do things without a safezone and dependent on viewport calculations + anchoring.
I've explained a mobile developer how that would work HERE, you could adapt that method to any of your projects.
ImageImageImage
B
63
S
23
G
78
Posts: 661
Reputation: 44,935

Post » Fri Sep 02, 2016 7:41 pm

Thanks for the info @TheRealDannyyy. These options seem very straight forward but what if you run in to the problem of let's say having a top menu bar with an icon in that menu bar in the near left hand corner of the screen. If I place that icon in the near left hand corner then it will show on the big screen devices but not on the small screen devices. How do you work around that?

Thanks again for the articles too! :D
B
9
S
3
Posts: 45
Reputation: 770

Post » Fri Sep 02, 2016 7:52 pm

Message: ScrotieFlapWack can only post plain text URLS until they have 500 rep. 1 URLS modified. Why?
The safezone option does seem to work nicely. I've found a tutorial about it here from another Construct 2 user https://www.scirra.com/tutorials/1126/m ... le-devices.

Looking at his screen shots even on the big screen devices it still looks great. My only issue is for an app that needs specific sizes, viewport calculations and anchoring seems to be the way to go but I would have no idea about how to do all that, I am still relatively new to Construct 2 and mobile development.
B
9
S
3
Posts: 45
Reputation: 770

Next

Return to Construct 2 General

Who is online

Users browsing this forum: olympo and 12 guests