Controlling and Scrolling - Learn SpriteBuilder for iOS Game Development - page 70

Figure 3-8 . Image Preview with settings
If for some reason you have only 2x scaled versions of an image, suitable for use on
iPhone Retina and non-Retina iPads, you could change the “Scale from” setting from De-
fault to 2x. This does not conserve memory; instead, SpriteBuilder will now create both a
downscaled 1x version and an upscaled 4x version from the 2x image. This means the 4x
image has the same level of detail as the original 2x version. Changing the “Scale from”
setting will also be reflected in stages where the image is used, where it will become twice
or four times as big if you change the “Scale from” setting from 2x and 1x, respectively.
You can also drag and drop an image onto one of the 4 squares, labeled AUTO in Figure
3-8 . This will replace the image for the particular scale with the image you dropped onto it
so that, for instance, the iPad Retina (tablethd) would display a different image or just a
differently sized version of the same image. A good example for this is a title screen that
has an additional “HD” callout when the app launches on an iPad.
It is highly recommended that you create all images for the highest resolution your app
supports. Although SpriteBuilder gives you all the freedom, it boils down to just two
choices: create all images at 4x the 568x384 point resolution if you want your app to run
on all iPad models, or create images at 2x the iPhone point resolution of 568x320 if your
app is designed only for iPhone-sized devices and doesn't run on iPads as a native iPad
app.