JSPM

amator

1.1.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 101408
  • Score
    100M100P100Q149259F
  • License MIT

Tiny animation library

Package Exports

  • amator

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (amator) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

amator

Tiny animation library.

usage

var animate = require('amator')
var from = { x: 0 }
var to = { x: 42 }

// This will animate from.x from 0 to 42 in 400ms, using cubic bezier easing
// function (same effect as default CSS `ease` function)
animate(from, to)

Overall the signature of the animate() function:

animate(fromObj, toObj, options)

options

This is a hash dictionary with the following keys:

  • duration - sets animation duration in milliseconds. Default value is 400ms;
  • easing - Easing function. Can accept predefined value similar to CSS animations: ease, easeIn, easeOut, easeInOut, linear; NOTE: You can also have a custom function instead of a string value. The function should take a single argument t from range [0..1] and return value from 0 to 1.
  • step(fromObj) - a function callback that is called after each animation frame. the only argument to this function is fromObj that has current animation values.
  • done() - a function callback that is called when animation is finished.

return value

The return value of the animate is an object, which has just one key:

  • cancel() - if you want to cancel animation before it completes, you can call this method.

license

MIT