Fullscreen on iOS\Android

Monkey Targets Forums/HTML5/Fullscreen on iOS\Android

luggage

(Posted 2013) [#1]

Hello

Does anybody know how I go about getting a game to appear full screen on iOS and Android?

Currently the game works ok-ish but on Android I don't get any input, it just looks like it's selecting the entire game canvas rather than giving me the input.

Thanks!

Xaron

(Posted 2013) [#2]

You mean a HTML5 game? Why would you do that instead of building a native one?

luggage

(Posted 2013) [#3]

Yup, an HTML5 game. I'm building a game for a client that's to run on their company website. The game works fine on PC\Mac but if you browse to the site on mobile they'd rather the game appeared fullscreen if possible.

Xaron

(Posted 2013) [#4]

Hmm I don't see a way of how to get rid of that status bar as it's more browser related I think?

Volker

(Posted 2013) [#5]

This may help, don't know if it works for iOS and Android:
http://www.monkeycoder.co.nz/Community/posts.php?topic=4903

Spinal

(Posted 2013) [#6]

I do it like this.

<head>
	<title>Monkey Game</title>
	<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
</head>

It will only work if to create a bookmark on your homescreen and if you leave the page, it will open in the browser window. I don't know if id does anything for Android, but it works on iOS.