flippyFramey is a Javascript plugin for fetching and drawing jpeg images to a canvas with a simple API.

rollyScrolly is a Javascript plugin for binding events to discrete sections of scrollable area within a web page, also via a simple API.

contain-element is a Javascript plugin for containing an element within its parent element.

This page utilizes flippyFramey, rollyScrolly, and contain-element to build a full-screen, canvas-powered flipbook animation that animates in sync with your scroll position.

Video for flippy-framey demo sourced from Mazwai.com::"FIREWORKS IN PARIS", released unded the Creative Commons Attribution License 3.0.

Built by Williams New York. Check out our source on Github