FuseKit の Custom Easing Tool を Tweener で使う

鳴かぬなら、燃やしてしまえホトトギス。

2008.03.10Blog

鳴かない→死んでいる→火葬する？→燃やしてしまえ→御意

というわけで、土曜日まであんまし時間がないので、そろそろ燃やしはじめないとなのでリサーチを始めます。炎エフェクトでまず思いつくのはデモ絡みだな。"demo fire effect" ぐらいでググってみる。いきなり demo effect liblary 発見。炎エフェクトも入ってる。コレはすごくベーシックなアルゴリズム。AS でもすぐ書けそう。gskinner の人が炎コンポーネント作ってる。けどあんまし炎っぽくないなあ。うーむ、Fire Effect はベーシックすぎて、ソースを見つけても古いからアセンブラで書かれてて読めないなあ。。

昔のデモなんかは今の Flash よりももっともっと貧弱な環境でも動くように作られてるから、リアルタイム系のエフェクトのヒントになりそうなものがいろいろと落ちてる。じっくりまとめて調べてみたいところ。JavaScript でもデモつくってんのなー。オンザフライで BMP を作って表示って。すげぇ。

・・・

リアルタイムでなくていいなら After Effects でごりごりっと作っちゃえばいいよね。このへんのプラグイン使ってこんな感じで。素の After Effects でもそこそこできるっぽい。

リアル系で映像一発ならも映像素材買ってきたほうが早い。こういうの。アルファチャンネル付で使いやすい。使いすぎるとマンネリなっちゃうけど。

・燃えるデスクトップ。やりすぎ。
・Photoshop で炎をつくるチュートリアル、YouTube にいっぱいある。
・After Effects のんもいっぱいあるな。

・・・

関係ないけどおもろいのんみっけた→ゾンビが繁殖しとるww。どうやらこのチュートリアルが発端っぽい。30 分あるけど全部みてしもた。確かにやってみたくなる。After Effects おもろーい。

・・・

うーん、時間切れだ。中途半端だけど寝る。

FuseKit の Custom Easing Tool を Tweener で使う

2008.03.13BlogFlash

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

・・・

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

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

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

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

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

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

Categories: Flash

Comments (3)

Recent Links Tagged With "tweener" - JabberTags2008年12月28日 04:35
[...] 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 [...]
FuseKitのCustomEasingToolを使ってみる | BONKURA BLOG2009年1月15日 18:14
[...] 追伸。なんとActionScript3のTweenerでも使えるみたい。今から実験。 http://saqoosha.net/2008/03/13/649/ [...]
TweenMaxのイージングをカスタマイズするその2 | cda244 blog2012年3月3日 01:42
[...] Saqooshaさんが書いた Fuse のCustom Easing Tool をTweener で使う方法をTweenMax [...]

大阪てら子 13 まとめ。

2008.03.16Blog

燃えてたねぇー。よーく燃えてた。燃やし方はざっくり 3 パターンぐらいかな。タイムラインで基本的な動きをつけたやつを ActionScript で制御するやつ、After Effects であらかじめレンダリングしておいた炎を Flash でうまくインタラクション付けてるやつ、あとは、ActionScript オンリーでごりごり燃やしちゃうやつ。みんなそれぞれ工夫してておもしろかったよ。Lingr のログ。以下、軽くまとめ。覚えてる範囲で。

・いいだしっぺの archang。タイムライン + スクリプト派。
・http://flamingcursor.com/
・ちゃんと燃えてた。燃やせるやーん。
・れんさん。タイムライン + スクリプト派。逃げる炎ww
・卓袱台次郎さん。After Effects 派。
・IE なんて燃えちゃえばいいんだっっって、、だまされたーー。（ダウンロードできるようになったよ！）
・一番完成度高かったんじゃないか？
・mProjector つかってるらしい。
・シナチクさん。タイムライン + スクリプト派。
・発表内容も独特だったんだけど、それよか、そんなキャラだったっけ？てゆーぐらいシナチクワールド全開で驚いたwww
・ブログ発見。
・http://www.geocities.jp/nanashino89/
・tera さん。創始者がわざわざ東京から来てくれたよー。
・ロウソクの炎で Google Map を照らす。ロマンチックー。
・おもわずぽろっとネタバレしてもた。ごめんw。
・基本的な仕組みは http://www.youtube.com/watch?v=Jd3-eiid-Uw
・YouTube とかにムービーにしてアップしてみたら？
・なぎまぐ。ActionScript 派。
・Webcam で動体検知して燃やす的エフェクト。
・hoehoe さん。DS で火おこし。ごしごしごしごし。
・DS 用に独自アプリ書くってどんだけハッカーww
・DS ←Wifi→ Mac ←Socket→ Flash。
・ごしごししたあと息を吹きかけて火を付ける！
・おいら。ActionScript 派。
・なぎまぐとネタかぶる。まーちょっと違うけど。
・あとでもちょい詳しく解説しとくか。
・Ido さん。gskinner の Fire Effect Component を AIR アプリに。
・デスクトップに炎を描く。予定だったけどコンポーネントがうまく動かなかった。
・わかんねーなー。
・燃やさないけど ga4 がエコてら子サイトのプレゼン。
・うまく回り出すといい感じになるんじゃないかなあ。

2 次会以降。
・JEUDI CAFE。2階貸し切り。いい感じでしたな。
・中田ヤスタカに似てる言われた。
・そのあとちょうど capsule のライブいって本物見てきた。
・なるほどわからなくもないなw
・hirossy 参戦。Ｗebcam でレーザーポインタの位置認識的な。
・燃えてなかったけど。
・なぎまぐブログのネタを考える会。
・Flash 用語の発音を教えてくれる Podcast。
・ミーがガンダム見たことないっていうことに驚かれる。
・ファンネルの動きのがイージング具合がイイ！と tera さん。
・イージングてwww
・次回てら子は FxUG と共同でお花見会。
・プロジェクター用意するからなんかおもしろいことやってー。