Running multiple animations

In this recipe, we will learn how to use the same animation values in several elements. This way, we can reuse the same values, along with interpolation, to get different values for the remaining elements.

This animation will be similar to the previous recipe. This time, we will have two clouds: one will be smaller with slower movement, the other larger and faster moving. At the center of the screen, we will have a static airplane. We won't add any animation to the airplane, but the moving clouds will make it appear as though the plane is moving.

Getting ready

Let's start this recipe by creating an empty app called multiple-animations.

We are going to use three different images: two clouds...