https://github.com/sghall/kapellmeister

Orchestration for Animated Transitions
https://github.com/sghall/kapellmeister

animation animation-library javascript transitions

Last synced: about 1 month ago
JSON representation

Orchestration for Animated Transitions

• Host: GitHub
• URL: https://github.com/sghall/kapellmeister
• Owner: sghall
• License: mit
• Created: 2019-01-18T08:39:14.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-04-13T13:55:35.000Z (over 5 years ago)
• Last Synced: 2024-09-14T03:29:19.287Z (2 months ago)
• Topics: animation, animation-library, javascript, transitions
• Language: JavaScript
• Homepage:
• Size: 1.09 MB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  



# Kapellmeister

[![Build Status](https://travis-ci.org/sghall/kapellmeister.svg?branch=master)](https://travis-ci.org/sghall/kapellmeister)

[![npm version](https://img.shields.io/npm/v/kapellmeister.svg)](https://www.npmjs.com/package/kapellmeister)

[![npm downloads](https://img.shields.io/npm/dm/kapellmeister.svg)](https://www.npmjs.com/package/kapellmeister)

[![license](https://img.shields.io/github/license/mashape/apistatus.svg?maxAge=2592000)](https://github.com/sghall/kapellmeister/blob/master/LICENSE)

![gzip size](http://img.badgesize.io/https://npmcdn.com/kapellmeister/dist/kapellmeister.min.js?compression=gzip)

Orchestration for animated transitions.  This is the code that powers react-move.

```

npm install kapellmeister

```

### Example Usage

```js

import { interpolateNumber } from 'd3-interpolate'

import { BaseNode } from 'kapellmeister'

class Node extends BaseNode {

  getInterpolator(attr, a, b) {

    return interpolateNumber(a, b)

  }

}

const data = {

  x: 0,

  y: 0

 }

const node = new Node(data)

node.transition({

  x: [1],

  y: [1]

})

```

Conductor Art by Arthur Shlain from the Noun Project