Making a jigsaw puzzle

The remainder of the chapter will build on the preceding information about imageData and will also take advantage of a few mobile device features. We will make a jigsaw puzzle app.

Going to pieces…

The general technique we're going to use, is to take a set of PNGs that have a nice alpha channel in them (that creates the puzzle piece edges) and then we will replace the actual pixel data with an image of our own. The first thing we need then is some PNGs.

If you want to make a commercial mobile application, either create your own puzzle shapes or buy a royalty free image. For prototyping, you could grab any image from the Web to get the basics going and then you could replace the images with higher quality ones that you have bought. Here, we are using a preview image from http://depositphotos.com/, which also sells higher quality versions.

When you do have high-quality versions, you may wish to create each puzzle piece, so that they touch against each other perfectly. Here...