Saqoosha.net

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

FuseKit の Custom Easing Tool を Tweener で使う

いーそーがーしーいー。まだなんにも燃やしてない。やばい。次回てら子創始者がくるってーのにまだ空きがあるので、時間がある人はぜひご参加をー。

・・・

んで。タイトルのん。AS3 になってからめっきり Tweener しか使わなくなったわけですが、イージング(Tweener では transition つってるやつ)が定番のんしかなくって面白みに欠けるというか、まー、ちょっと他とは違った感じにしたくなってくるわけで。

Tweener.addTween の transition パラメータには "easeInOutCubic" とかって文字列以外にも Equations.easeOutExpo とかって感じで関数が渡せる。ので。カスタムなイージング関数を書いちゃえばいいのです。がー。表現したい動きを数式で書くなんてできなーーい。もっとビジュアルで感覚的に指定したいい。

最初に思いついたのがカスタムイージングエディタつかってモーション XML 作ってそれをごにょごにょってやつなんだけど。イージングエディタ使いにくいいいい。モーション XML 作るのもパースすんのもめんどいいいい。

で、思い出したのが FuseKitCustom Easing Tool。FuseKit 自体は AS2 用だけど Custom Easing Tool は単独で動くし、あとはそのデータを使ってイージングを計算してるとこを AS3 に移植すればいけるはず。

いけた。しかも超簡単。com.mosesSupposes.fuse.CustomEasing.fromCurve がそれやってるとこなんだけど、それが Tweener の transition にそのまま使える。関数シグネチャが同じ。(AS2 → AS3 への変換は必要だけどぼコピペ。) Custom Easing Tool で作ったデータは隠しプロパティの transitionParams で与える。


↑こうやって指定したやつがこんな風にそのまま動くソース。感覚的に作れる。いいね。Custom Easing Tool はもうちょい改良の余地はあるけど。とりあえずプレビューのフレームレート上げたい。ソースがあったらいいんだけど。

2 Responses to “FuseKit の Custom Easing Tool を Tweener で使う”

  1. Recent Links Tagged With "tweener" - JabberTags Says:

    [...] on Mon 15-12-2008 San Antonio Spurs… The Grade So Far Saved by quepol on Sun 14-12-2008 Saqoosha.net :: FuseKit の Custom Easing Tool を Tweener で使う Saved by kiriko123 on Sat 13-12-2008 [Tweener] Trying to use _bezier for the first time Saved by [...]

  2. FuseKitのCustomEasingToolを使ってみる | BONKURA BLOG Says:

    [...] 追伸。 なんとActionScript3のTweenerでも使えるみたい。今から実験。 http://saqoosha.net/2008/03/13/649/ [...]

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