Skip to main content

Tweening

Tween animation system for creating smooth animated transitions.

Functions​

tween​

function tween(value, to, duration): Tween;

Creates a tween animation.

spring​

function spring(options: SpringOptions): Spring;

Creates a spring animation.

map​

function map(
  value: number,
  minInput: number,
  maxInput: number,
  minOutput: number,
  maxOutput: number,
): number;

Maps a value from one range to another.

Easing Functions​

easeInOutCubic​

function easeInOutCubic(t: number): number;

Cubic ease-in-out function.

createEaseInBack​

function createEaseInBack(scale?: number): (t: number) => number;

Creates an ease-in function with back effect.