[ GreenSock ] TimelineMaxは俺の嫁 - 09/04/01 14:38 by um
3/29にベータ版11.05になったGreenSock Tweening PlatformのTimelineMax を規模が小さい案件で使ってみた。
トゥイーンを時間軸で管理できるので、個人的には使いやすかったし、調整もしやすかった。
TimelineLite と TimelineMax の関係は、TweenLite と TweenMax のそれと同じ様なものなんで、容量やパフォーマンスに神経質にならなければ Max でいいかと思う。
TimelineMax.asを見ると、色々書いてあるけど、基本的には
１、TimelineMaxをnewする
２、newしたTimelineMaxインスタンスにトゥイーンを突っ込む
だけなので、トゥイーンAが終わったらトゥイーンBを開始、というような単純なケースであれば以下のように append だけで済む。
//２秒かけてx=200に移動後、１秒かけてy=100に移動
var timelineMax:TimelineMax = new TimelineMax();
timelineMax.append( new TweenMax( this, 2, {x:200} ) );
timelineMax.append( new TweenMax( this, 1, {y:100} ) );
この例の場合で、もし、xとyのトゥイーンの間の2.5秒目からフェードアウトさせるトゥイーンを挿入したい場合は insert を使う。
var timelineMax:TimelineMax = new TimelineMax();
timelineMax.append( new TweenMax( this, 2, {x:200} ) );
timelineMax.append( new TweenMax( this, 1, {y:100} ) );
//２番目の引数が挿入したい秒数
timelineMax.insert( new TweenMax( this, 1, {autoAlpha:0}), 2.5);
insert はTimelineMaxインスタンスにラベルを作っておくとそれを使っても挿入できて、下の様に書くと同じ結果が得られる。
var timelineMax:TimelineMax = new TimelineMax();
//ラベル作成
timelineMax.addLabel("fadeout", 2.5);
timelineMax.append( new TweenMax( this, 2, {x:200} ) );
timelineMax.append( new TweenMax( this, 1, {y:100} ) );
//ラベルの場所に挿入
timelineMax.insert( new TweenMax( this, 1, {autoAlpha:0}), "fadeout");
他、複数のトゥイーンを一度に突っ込める insertMultiple も便利だけど、基本は append と insert で足りるので省略（今回の案件では結構使った）。
現状で既にかなり満足だけど appendMultiple が出来たらもう言う事無いなー。
最後にこんなこと書くけど、４月１日なので嘘があるかもねー。
« [ flash ] あんたの言う「重い」はどっちの「重い」？ | ブログトップ | [ 小ネタ、メモ ] 全画面にリサイズするflashの座標メモ »
トラックバックURL :