Skip to content

Latest commit

 

History

History
42 lines (32 loc) · 827 Bytes

README.md

File metadata and controls

42 lines (32 loc) · 827 Bytes

Primitive tween function

Allows to «animate» number values with given duration

Usage

import tween from 'tweeen';

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

Params

Signature of tween function

type TweenParams {
  duration?: number;
  easing?: (t: number) => number;
  fps?: number;
  end?: 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