How do I get a good responsive method for differend devices

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

Thank you very much!

Hi,

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.