September 2012
Intermediate to advanced
552 pages
14h 48m
English
Content preview from Professional HTML5 Mobile Game DevelopmentBecome an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Configuring Your App for the iOS Home Screen
You need to add a few more pieces to your game to let people save it to their home screen. The first is to add a meta tag indicating your game is “web-app-capable.” Users can save your game to the home screen regardless of whether your app marks itself as web-app-capable, but if you explicitly mark it as such, your app automatically loads in full-screen mode without the address bar or the button bar at the bottom of the page.
Making Your Game Web App Capable
To make your game web-app-capable, you need to add the following meta tag to the <head> of your document:
<meta name="apple-mobile-web-app-capable" content="yes">A second meta tag can make your app look more like a regular app when it launches. Mobile Safari uses a light gray status bar by default, but you can switch it to the standard black status bar by adding another meta tag:
<meta name="apple-mobile-web-app-status-bar-style" content="black" />Your options for the content of this meta tag are "default" that means to leave it gray; "black" that as described previously makes it the standard black status bar used by apps that leave the status bar on; and "black-translucent" that pushes your content up to the top of the page but leaves the status bar as semi-transparent over your content. For most cases, "black" is the best option unless you want a full 480 × 320 pixel area to play with, in which case you can use "black-translucent".
Adding a Startup Image
Apple gives you an additional ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.