primaapriansyah / motio

Small JavaScript library for sprite based animations and panning.

Motio

Small JavaScript library for simple but powerful sprite based animations and panning.

Motio takes an element and animates its background position to create an animation effect. All is super optimized for speed and chained to the requestAnimationFrame, with a polyfill for older browsers without it.

That being said, animating the element background is not the fastest possible way how to do this (canvas solutions are a lot faster), but it is sure as hell the most simple one, and compatible with everything from IE6 and up.

Dependencies

Motio has no dependencies, but there is an optional Motio jQuery plugin extension available.

Compatibility

Works everywhere.

Changelog

Motio upholds the Semantic Versioning Specification.

Installation

You can install with Bower:

bower install motio

Or manually download the latest stable release:

• Production (minified) - 3KB, 1.6KB gzipped
• Development (full source) - 12KB

jQuery plugin version:

• Production (minified) - 3.7KB, 1.8KB gzipped
• Development (full source) - 13.5KB

Documentation

• Markup - how should the HTML & CSS look like
• Calling - how to call Motio
• Options - all available options
• Properties - accessible Motio object properties
• Methods - all available methods, and how to use them
• Events - all available events, and how to register callbacks

Contributing

Please, read the Contributing Guidelines for this project.