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.

Continue reading “Spliced Animations Come To Life On Their Pages”