tweeen

v1.0.5
Allows to «animate» number values with given duration

Primitive tween function

Allows to «animate» number values with given duration

Usage

import tween from 'nano-tween';

const stop = tween(1, 100, (value) => {
  console.log(value);
}, {
  duration: 1000,
});

Params

Signature of tween function

function tween(
  from: number,
  to: number,
  cb: (value: number) => void,
  params?: TweenParams,
);

List of params

  • duration — duration in ms, defaults to 300
  • easing — simple easing function that takes one argument — time (from 0 to 1). Defaults to linear. You can use functions from eases or similar package
  • fps — defaults to 60
  • end — animation end callback
npm i tweeen

Metadata

  • MIT
  • Whatever
  • Unknown
  • released 1/25/2019

Downloads

Maintainers