Tweener の隠しプロパティ

前のんがアホすぎるのでまともなことも書いておく。

はい。Tweener の隠し(?)プロパティのお話。隠しつってもいまんとこドキュメントに書いてないだけで、そのうちつかえるようになると思う。たまたまソースをのぞいてたら発見したよ。

その隠しプロパティは transitionParams ってやつで transition プロパティのパラメータだな。そのまんまだな。transiton に Elastic 系 (Equations.easeOutElastic とか) もしくは Back 系 (Equations.easeOutBack とか）を指定したときに、イージングの微妙な調節ができるようになるですね。

Elastic 系 の時に指定できるのは period と amplitude の 2 つ。period はビヨーンってなる時間かな。amplitude はいまいちよくわからん。。こんなかんじで指定するよ。

Tweener.addTween(this._ball, {
    x: this.mouseX,
    y: this.mouseY,
    time: 1,  // seconds
    transition: Equations.easeOutElastic,
    transitionParams: {
        period: 300, // milliseconds
        amplitude: 0 // ???
    }
});

demo / source

Back 系んときは overshoot が指定できる。どんだけ行き過ぎるか、だな。
demo / source