Game Development Reference
In-Depth Information
Figure 3-6 . Background gradient node properties
Note When you create a CCB of type Layer, you'll notice it defaults to the
same 568x384 dimensions. 568 points is the width of a 4-inch iPhone, while the
iPad's screen is only 512 points wide—or more precisely, SpriteBuilder con-
siders the iPad screen to be half its points size at 512x384, not its actual
1024x768 point size. That's because SpriteBuilder will scale up node positions
and sizes by a factor of 2 on iPads by default. The height of 384 points stems
from the fact that, at half its 768-point height, the iPad screen is still slightly
higher than the 4-inch iPhone screen with 320 points. The somewhat odd
568x384 content size is the lowest common denominator that fits all iPhone and
iPad screen sizes. It can be scaled with factors 2x and 4x to match iPhone Ret-
ina, iPad, and iPad Retina resolutions—not perfectly, but close enough.
As for the gradient colors, if you do want to get them exactly the same as those used by
the topic's graphics, click on the color rectangle next to the “Start color” property. This
will open the OS X color selection dialog. On the Color Palettes tab (the third tab in the
floating color wheel dialog), set the Palettes drop-down menu to Web Safe Colors. Then
select the orange-yellowish color with the FFCC33 code next to it. Do the same for the
End Color, but choose the pinkish color with the color code FF6699.
Search WWH ::




Custom Search