How do I get a good responsive method for differend devices

Get help using Construct 2

Post » Wed Mar 29, 2017 12:41 pm

Hey there!

Iam working on a game (basically a html5 game) which should run on differend devices (pc, ios, android) - now iam in trouble with the responsability of the screen. I created that game in 16:9 but if youre running it on 4:3 screens (like ipad) it generates black bars.

I know the differend scale modes in construct - but does someone has a hint how to deal best with it?

So it would be nice if i could - lets say - program, that the gui elements are always for excampe in the corner of the game canvas or on the same screen position, nervermind how big the ratio is.

Or a tiled background, which filles the "black" area if i would choose the "Letterbox scale mode"...

But these are only ideas....Iam open for more :D

Thank you very much!
Posts: 197
Reputation: 1,243

Post » Wed Mar 29, 2017 7:23 pm


so there is somewhere here some tutorial on this explaining it better. But how I got it and do it is:

The most common aspect ratios are 16:9 and 4:3 and they also cover a lot ov other aspect ratios. Do then for example 16:9 as you did. Expand than the top and bottom with stuff, that is not neccesary to see but that is just a plus to see. Set on scale outer. Peeps with 4:3 will see the expanded stuff. If you wish objects to stay on the top or bottom perspective while expanding on 4:3 devices give them the anchor behauviour.

Set layouts to unbound scrolling if you like it to go to the middle of the screen.
Posts: 40
Reputation: 464

Return to How do I....?

Who is online

Users browsing this forum: No registered users and 15 guests