Impact

This forum is read only and just serves as an archive. If you have any questions, please post them on github.com/phoboslab/impact

1 decade ago by SnakePlissken

So I have been working on getting my game to look good on the iphone and I am having trouble following the tutorial posted where you Insert these snippets into your code.

	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	<meta name="viewport" content="width=device-width; 
		initial-scale=1; maximum-scale=1; user-scalable=0;"/>

AND 

<body onload="setTimeout(function(){window.scrollTo(0,0);},1);">

And with this I still get the url bar and the bottom navigation bar on my phone. So Is there something I am missing here?

1 decade ago by dominic

You can't hide the bottom navigation bar in the browser. You can however hide it when your game is installed on the home screen. You actually specified this already:
<meta name="apple-mobile-web-app-capable" content="yes" />

I'm not sure why the URL bar is still visible. The onload function should scroll it out of view. Maybe your game/page isn't high enough to scroll down?

Also have a look at the Drop example for iPhone: http://impactjs.com/drop/index-iphone.html

1 decade ago by SnakePlissken

Thanks for the reply dominic! Looks like here is my issue. Setting this to the home-screen works like a charm however still having trouble just straight in the browser because my game is a landscape game not portrait.

I do have a followup question. Is there anyway to force your game to be in landscape view only? Doing some research now on this but just seeing if you have a easy solution.
Page 1 of 1
« first « previous next › last »