animation-stepper

1.0.0 • Public • Published

animation-stepper

npm version

NPM

Javascript library to handle several animations at once using a singleton approach. One window.requestAnimationFrame instance will be running in the background to orchest all animations.

1 Quick start

1.1 Download and Install animation-stepper

2 Include dependences

$ yarn add animation-stepper
# or 
$ npm install animation-stepper

2.1 In your HTML

<script src="./node_modules/animation-stepper/dist/animation-stepper.min.js"></script>

2.2 In your js code

<script>
AS.attachAnimation({
    stepsNum: 5,
    milisecondsStep: 25,
    func: function( _animation ) {
        ...
    },
    onStart: function() { 
        console.log("animation: onStart!");
        ...
    },
    whenFinish: function() {
        console.log("animation: whenFinish!");
        ...
    }
})
</script>

Full examples available in demo folder.

Development instructions

$ yarn install
 
grunt build

License

flying-canvas is MIT licensed.

Package Sidebar

Install

npm i animation-stepper

Weekly Downloads

1

Version

1.0.0

License

MIT

Unpacked Size

171 kB

Total Files

35

Last publish

Collaborators

  • ajsoriar