倒車緩和功能

Question

我有以下功能：

Math.easeIn = function (val, min, max) { 
    strength = 4; 
    val /= max; 
    return (max-1)*Math.pow(val, strength) + min; 
}; 

鑑於Math.easeIn(5, 1, 10)，我得到1.5625。我想要一個給定值爲1.5625的函數，它返回5。

I.e. Math.easeOut(1.5625, 1, 10) - >5

我的數學技能讓我失望。

Answer 1

Math.easeIn = function (val, min, max) { 
 
    strength = 4; 
 
    val /= max; 
 
    return (max-1)*Math.pow(val, strength) + min; 
 
}; 
 

 
Math.easeOut = function (val, min, max) { 
 
    var strength = 4, res; 
 
    res = (val-min)/(max-1); 
 
    res = Math.pow(res, 1/strength); 
 
    return max*res; 
 
}; 
 

 
document.body.innerHTML = '<p>easeIn : ' + Math.easeIn(5, 1, 10) + '</p>'; 
 

 
document.body.innerHTML += '<p>easeOut : ' + Math.easeOut(1.5625, 1, 10) + '</p>';

我通過你扭轉easeIn功能得到這樣的：

res = (max - 1) * Math.pow(val/max, strength) + min  // Your easeIn function 
res - min = (max - 1) * Math.pow(val/max, strength) 
(res - min)/(max - 1) = Math.pow(val/max, strength) 
Math.pow((res - min)/(max - 1), 1/strength) = val/max 
Math.pow((res - min)/(max - 1), 1/strength) * max = val // Your easeOut function