U-Parametrics Demo

Function Visualizer

Interactive Easing Functions

Speed: 2.0s

Core Functions

Basic Easing

lerp(t, a, b) → number

Linear interpolation from a to b

sin1(t) → number

Sine wave easing (0 to 1)

flip1(t) → number

Inverts the value (1-t)

Smooth Curves

smooth_start21(t) → number

Quadratic acceleration

smooth_start31(t) → number

Cubic acceleration

parabola1(t) → number

Parabolic curve

Examples

const position = lerp(time, startPos, endPos);

const alpha = sin1(time);

const ease = smooth_start21(progress);

Function Comparison

Compare Multiple Functions

Advanced Functions

Parametric Functions

logistic1(t, a) → number

S-curve with steepness parameter

tanh1(t, a) → number

Hyperbolic tangent curve

step1(t, a, b) → number

Step function with transition range

Complex Functions

bezier31(t, b, c) → number

Cubic Bezier curve

bounce_stop1(t) → number

Bouncing deceleration

chain1(t, ...funcs) → number

Chain multiple functions in sequence

Animation Examples

Bouncing Ball

Loading Progress

Fade Transition

Custom Parameters

Parametric Control

Logistic A: 10

Step Position: 0.5

Usage Examples

// Custom logistic curve
const curve = logistic1(t, 15);

// Stepped animation
const step = step1(t, 0.3, 0.7);

// Bezier timing
const ease = bezier31(t, 0.8, 0.2);