Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

evolution

Package Overview
Dependencies
Maintainers
1
Versions
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

evolution

simple animation library

  • 0.1.0
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
0
Maintainers
1
Weekly downloads
 
Created
Source

Evolution

Evolution is a simple animation library. It is based on requestAnimationFrame. Its only job is to calculate a delta based on a duration and an equation. It is kept simple to be able to animate any number of things, with any interpolation logic.

Properties

An animation can be idle, active, or paused.

  • active means the animation is started. The animation can be either paused or stopped.
  • paused means the animation is in a paused state. The animation can be resumed.
  • idle means the animation is neither paused or active. It can be started.

Usage

var Evolution = require('evolution');
var equations = require('evolution/equations');

var animation = new Evolution(1000, equations.sineIn, function(delta) {
  console.log(delta);
});

// an animation should be started
animation.start();

// is the animation running?
console.log(animation.active); // true

// an animation can be paused and resumed.
animation.pause();

animation.resume();

// an animation can be stopped
animation.stop();

// you can also check if it's idle.
console.log(animation.idle);

Example with Transform3d


var Transform3d = require('transform3d');
var Evolution = require('evolution');

var equations = require('evolution/equations');

var transform1 = new Transform3d();
var transform2 = new Transform3d();

transform1.rotateX(0).rotateY(0).scale(0.9);
transform2.rotateX(360).rotateY(180).scale(1.5);

var interpolation = transform1.interpolation(transform2);

var animation = new Evolution(equations.cubic, 1000, function(delta) {
  element.style.WebkitTransform = interpolation.step(delta).compose();
});

animation.start();

Keywords

FAQs

Package last updated on 10 May 2014

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc