Ready.

This is a banner animation I created in HTML Canvas. It transitions between different images by using another image as a rule for building the individual frames. The rule image is interpreted by the sum of each pixel's RGB values to determine the frame of animation it represents, essentially rendering the rule image greyscale.

The frames are built in the background, then quickly cascade when the animation is triggered, building the next set of frames with the newly displayed image. This animation uses the rule image shown to transition between the banner images.

Complete documentation is available on the Github project site...