Saqoosha.net

  1. About
  2. Archives
  3. Search
  4. Say

Tweener の隠しプロパティ

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

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

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

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

  1. Tweener.addTween(this._ball, {
  2.     x: this.mouseX,
  3.     y: this.mouseY,
  4.     time: 1// seconds
  5.     transition: Equations.easeOutElastic,
  6.     transitionParams: {
  7.         period: 300, // milliseconds
  8.         amplitude: 0 // ???
  9.     }
  10. });

demo / source

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

Leave a Reply



Saqoosha.net は Windows なら Internet Explorer 7, Firefox 3, Safari 3, Mac なら Firefox 3, Safari 3 でいい感じになるように作ってありますのでそれ以外のブラウザでは Saqoosha が意図しない見た目になっている可能性がありますのでよろしくです。
どうやら Flash Player の最新版がインストールされていないようです。こちらから最新版をインストールするともうちょっと素敵な Saqoosha.net を見ることができるかもしれません → Flash Player Download