[jQuery] オリジナルのeasingを作る方法

jQuery には標準でlinearswingのeasing関数があります。
「jQuery Easing Plugin」を併用することで32種類のeasing関数を使うことができます。


「jQuery Easing Plugin」は非常に便利なプラグインですが、正直なところ32種類すべてを使うようなことはまずありません。
必要に応じた関数を拝借するのも手かもしれません。(ライセンスについては各自ご確認ください)

easing関数をカスタマイズする

$.extend($.easing,{
    easeInQuad: function (x, t, b, c, d) {
        return c*(t/=d)*t + b;
    },
    originalEasing: function (x, t, b, c, d) {
        return -c *(t/=d)*(t-2) + b;
    }
});

例えば、予め上記の$.extendように定義しておくことで、以下のようにオリジナルのeasingを使用することができます。

$('#hoge').animate({ 'marginLeft': '50px' }, 300, 'originalEasing');
twitterfacebookhatenafacebook