Game Development Reference
In-Depth Information
Figure 12-5.
The Fakezee iOS home screen app icon on an iPad
Creating the Startup Image
The startup image is the splash screen image that will appear as your application is loading. If you are familiar with
native iOS development, this is equivalent to the
Default.png
file that is required for your application. Listing 12-11
shows the list of
link
tags needed for the startup image on various iOS devices.
Listing 12-11.
The link Tags Used to Set the Startup Image for Fakezee
<!-- iOS 6 & 7 iPad (retina, portrait) -->
<link href="webapp/apple-touch-startup-image-1536x2008.png"
media="(device-width: 768px) and (device-height: 1024px)
and (orientation: portrait)
and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image">
<!-- iOS 6 & 7 iPad (retina, landscape) -->
<link href="webapp/apple-touch-startup-image-1496x2048.png"
media="(device-width: 768px) and (device-height: 1024px)
and (orientation: landscape)
and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image">
<!-- iOS 6 iPad (portrait) -->
<link href="webapp/apple-touch-startup-image-768x1004.png"
media="(device-width: 768px) and (device-height: 1024px)
and (orientation: portrait)
and (-webkit-device-pixel-ratio: 1)"
rel="apple-touch-startup-image">
<!-- iOS 6 iPad (landscape) -->
<link href="webapp/apple-touch-startup-image-748x1024.png"
media="(device-width: 768px) and (device-height: 1024px)
