Pro JavaScript with MooTools: Learning Advanced JavaScript Programming

Chapter 12. Animation

In the previous chapter, we talked about the Request class, which is the old new thing in the recent JavaScript revolution. Now we'll talk about an "old old thing:" animation.

In this chapter, we'll learn about the basic theory of animation and how objects are actually animated from one state to another. We'll then explore the elements that come together to create these animations in JavaScript, before finally diving into the MooTools Fx classes, the pinnacle of JavaScript animation today.

Getting Animated

When we hear the word animation, what generally comes to mind is motion—the movement of an object with regard to its original horizontal or vertical position. Animation tasks such as moving a square from left to right or bouncing ...