Frame-by-frame animation is the simple process of showing a series of images in succession at quick intervals so that the final effect is that of an object moving or changing. This is how movie projectors work. We'll explore an example in which we'll design an image and save that image as a number of distinct images, where each one differs slightly from the others. Then, we will take the collection of those images and run them through the sample code to simulate animation.
Planning for Frame-by-Frame Animation
Before you start writing code, you first need to plan the animation sequence using a series of drawings. As an example of this planning exercise, Figure 21–1 shows a set of same-sized circles with a colored ball ...