Spliced Animations Come To Life On Their Pages

Remember those flipbooks you doodled into your history textbooks while you waited for the lunch bell? [Maric] takes the general principles of flipbooks and turns them on their head, giving our brain a whirl in the process. By splicing multiple frames into one image, he can bring animations to life onto a single page.

The technique is simple, but yields impressive results. By overlaying a pattern of vertical black bars onto his image, only a small fraction of the image is visible at any given point. The gaps in the pattern belong to a single frame from the animation. As [Maric] slides the pattern over the image, subsequent frames are revealed to our eyes, and our brain fills in the rest.

A closer look reveals more detail about the constraints imposed on these animations. In this case, the number of frames per animation loop is given by the widths in the transparency pattern. Specifically, it is the number of transparent slits that could fit, side-by-side, within an adjacent black rectangle.

The trick that makes this demonstration work so nicely is that the animated clips finish where they start, resulting in a clean, continuous illusion.

Don’t believe what you see? [Maric] has linked the pattern and images on his video so you can try them for yourself. Give them a go, and let us know what you think in the comments.

15 thoughts on “Spliced Animations Come To Life On Their Pages

  1. Nice that he has links so that you can try it yourself – you can enlarge/reduce the images if you do the transparent mask template and image sheet at the same size. Works fine.

      1. Indeed, I’m sure this has been around since the ancient greek since you come near the phenomena when you move your head near some windowblinds and sooner or later someone must have figured it out way back when.

Leave a Reply

Please be kind and respectful to help make the comments section excellent. (Comment Policy)

This site uses Akismet to reduce spam. Learn how your comment data is processed.