Parameters
| Name | Type | Description |
|---|---|---|
| t | f32 | Input parameter (0-1). |
Returns
f32value with elastic effect.
WGSL Code
fn elasticOut(t: f32) -> f32 {let tt = clamp(t, 0.0, 1.0);return sin(-13.0 * 3.14159 * (tt + 1.0)) * pow(2.0, -10.0 * tt) + 1.0;}
| Name | Type | Description |
|---|---|---|
| t | f32 | Input parameter (0-1). |
fn elasticOut(t: f32) -> f32 {let tt = clamp(t, 0.0, 1.0);return sin(-13.0 * 3.14159 * (tt + 1.0)) * pow(2.0, -10.0 * tt) + 1.0;}
a cubic Bezier curve and returns both value and derivative.
ease-in function for smooth acceleration.
ease-out function for smooth deceleration.
ease-in-out function for smooth acceleration and deceleration.
ease-in function with oscillating motion.
ease-in function that overshoots before settling.
ease-out function that overshoots before settling.
spring animation with configurable parameters.
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.
npm install wgsl-fnsimport { elasticOut, getFns } from 'wgsl-fns'getFns(['elasticOut'])