A View that has an interface for easing.js tweens. The loop is run by using requestAnimationFrame.
Dependencies
Examples
...
Install
Using bower
bower install backbone.easing
Usage
This view is meant to be used as a basis for other applications. For example:
Options
- targetEl: (default: "body" ), the element that will be targeted for the transition
- ease: (default: "easeFrom" ), the ease function to be used. List of supported easing functions at Easing.js
Methods
Public methods
Override these methods for your cstom application
- transitionData: Initializing the dataset (on transition start)
- transitionPos: A set/get method that returns the current position of the animated element
Protected methods
These methods are not meant to be edited in most cases:
- transitionStart: triggered when the animation is starting
- transition: triggered on every loop cycle
- transitionEnd: triggered once at the end of the animcation
Showcase
A few of the sites using this open source:
...
Credits
Initiated by Makis Tracend ( @tracend )
Distributed through Makesites.org
License
Released under the MIT license