9 replies to this topic

[True Valhalla]

This example shows you how to force users to install your HTML5 game to their iPod or iPhone homepage. There are several benefits of doing this, for both you and your players:

• You get back about 100 pixels that the Safari mobile browser takes away from you, because homepage apps run in fullscreen mode
• Since the app runs in fullscreen, you can create a single interface for both your HTML5 app and your iOS app (when GM Studio comes out)
• By installing the game on the homepage, players can access your game faster in the future which encourages repeat plays

Download

View the online example (browse with your iPod or iPhone to test properly)

Download Source

Special Thanks & Sources

https://twitter.com/PerilousPete
https://twitter.com/mad_maw

http://rakaz.nl/2009...our-iphone.html

Credit not required.

Other HTML5 Examples

AdMob Integration: http://gmc.yoyogames...howtopic=533406
Game Stats Tracker: http://gmc.yoyogames...howtopic=536452

Edited by True Valhalla, 10 April 2012 - 09:32 AM.

[Desert Dog]

*rubs hands together* Excellent!

[GameDevDan]

Sweet stuff. I was trying to work with a method involving little pop-up balloons but it messed with the canvas :/

Will try this on future web-apps!

Made a template for myself. thought i'd share it if anyone wants it to look iOS-y:

Spoiler

Edited by GameDevDan, 06 March 2012 - 01:21 PM.

[True Valhalla]

Made a template for myself. thought i'd share it if anyone wants it to look iOS-y:

Spoiler

Nice! I might even use this Can you provide a version with layers/transparency?

Edited by True Valhalla, 06 March 2012 - 09:33 PM.

[GameDevDan]

Sure.

PNG w/ Alpha: Here
Fireworks Editable PNG w/ Layers: Here
PSD w/ Layers: Here (As this was made in Fireworks, there are minor differences in the PSD version. Easy to edit though).

Edited by GameDevDan, 06 March 2012 - 10:10 PM.

[True Valhalla]

Thanks, that's pretty awesome

[stoneyftw]

how do you actually add the app to the homescreen? im a little confused because all this seems to do is add a promt that says whether the app is installed. it doesnt actually install the app.

[True Valhalla]

It's an option Safari gives you while browsing..."Add to home screen"

[ben0]

really good stuff here. thanks!

[True Valhalla]

No problem. The example is a bit old by now but it still might help.