动画运动缓动算法(easing function)

2024-07-14 10:44| 来源: 网络整理| 查看: 265

分类： linear ease-in ease-out ease-in-out 缓动公式变量 - currentTime 当前时间 - duration 动画时长 - startValue 初始值 - changeValue 变化量公式 linear

缓动函数

function linear(currentTime, startValue, changeValue, duration) { return changeValue * (currentTime / duration) + startValue; } ease-in

缓动函数

function easeInQuad(currentTime, startValue, changeValue, duration) { (currentTime /= duration); return changeValue * currentTime * currentTime + startValue; } ease-out

缓动函数

function easeOutQuad(currentTime, startValue, changeValue, duration) { currentTime /= duration; return -changeValue * currentTime * (currentTime - 2) + startValue; } ease-in-out

缓动函数

easeInOutQuad(currentTime, startValue, changeValue, duration) { currentTime /= duration / 2; if (currentTime < 1) return changeValue / 2 * currentTime * currentTime + startValue; currentTime--; return -changeValue / 2 * (currentTime * (currentTime - 2) - 1) + startValue; }

【本文地址】

公司简介

联系我们

动画运动 缓动算法(easing function)

动画运动缓动算法(easing function)