Making Things Move

  • Rob Hawkes


In this chapter, you’re going to animate shapes using nothing but the power of JavaScript and your brain. You’ll start by learning how animating in canvas actually works, which you’ll then put into practice by creating your very first animation loop. From there, you’ll discover a method that allows you to remember everything that you want to animate, and then you’ll explore a variety of ways to actually animate your shapes. The chapter ends by showing you how to give your shapes a small amount of intelligence, which enables them to bounce off the edges of the canvas instead of disappearing off, never to be seen again.


Shape Object Multiple Shape Dynamic Animation Canvas Element Animate Function 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

Copyright information

© Rob Hawkes 2011

Authors and Affiliations

  • Rob Hawkes

There are no affiliations available

Personalised recommendations