← Back to Library•Animation & Easing

backOut

ease-out function that overshoots before settling.

110 total functionsUpdated: Invalid Date

backOut

ease-out function that overshoots before settling.

Parameters

NameTypeDescription
tf32Input parameter (0-1).

Returns

f32value with back effect.

WGSL Code

fn backOut(t: f32) -> f32 {
  let s = 1.70158;
  let tt = clamp(t, 0.0, 1.0);
  let tMinus = tt - 1.0;
  return tMinus * tMinus * ((s + 1.0) * tMinus + s) + 1.0;
}

Other functions in Animation & Easing

bezierCubic

a cubic Bezier curve and returns both value and derivative.

easeIn

ease-in function for smooth acceleration.

easeOut

ease-out function for smooth deceleration.

easeInOut

ease-in-out function for smooth acceleration and deceleration.

elasticIn

ease-in function with oscillating motion.

elasticOut

ease-out function with oscillating motion.

backIn

ease-in function that overshoots before settling.

springPhysics

spring animation with configurable parameters.

Browse Functions

All FunctionsAnimation & Easing Category

About wgsl-fns

A JavaScript library providing WGSL utility functions as strings for WebGPU shader development. Includes mathematical utilities, noise generation, signed distance fields, and color manipulation functions.

Install:npm install wgsl-fns
Import:import { backOut, getFns } from 'wgsl-fns'
Usage:getFns(['backOut'])