A barrier-grid animation is an interesting real-world animation technique that's been around for decades. A special static image is created with a transparent, striped, mask layed on top of it. Sliding the mask to the left or right shows and hides animation frames destilled into the static image so that only one frame is showing at a time. Your brain fills in the rest and the image appears to move.

source

source

Further Uses

• This technique has been called Scanimation by the artist Rufus Butler Seder who has turned it into a series of children's books.
• Magic Carp-et is a real life prototype for a rug-table combo that uses this techinque.

More Examples

source

source

You can view all the coffeescript code on github as well as the html.