タグ : AS3
最近早いと噂のtweensyを試してみる。 Tweensy Zero Tweensy Original Tweensy FX と三つあるのですが Zeroは軽量版、Originalは通常版、FXはエフェクトなどが容易にできるタイプとなっています。 以下はオリジナルのサンプル。 import com.flashdynamix.motion.*; //tweensy import fl.motion.easing.*;//イージング でクラスをインポートしてさっそくテスト。 普通にアニメーションさせる場合は var tween:TweensyTimeline = Tweensy.to(mc, { x:200, y:200 }, 1, Sine.easeOut); みたいな感じで書くとmcを指定の座標へ１秒で指定したイージングで動かすことができます。 んで遅延を設定する場合は tween.delayStart=1; とすると1秒待機して設定したトゥイーン を実行してくれます。 また、トゥイーン終了時にも待機時間を設定できます。 tween.delayEnd = 2; という感じでトゥイーン終了後に2秒待機。 終了時のイベントで処理する場合は tween.onComplete = funcCompe; という具合に普通に関数を指定することができます。 とまぁこれくらいならトゥイーンのライブラリならって感じですが、 噂になっているのは早さや、繰り返し処理の容易さ、 その他FXの種類にある手軽に試せるエフェクトなどなどで話題となっています。 と、こんなブログよりもしっかりとまとめられてるブログを(他人任せ） kanariia.com blog Tweensy]tweensyについてググる、tweensyについて知る Tweensy]TweensyOriginalの使い方：和訳してみる あと、個人的にさわってみて面白かったのが「Bezier2D」 これはトゥイーンのグループを作るってアニメーションさせるのですが、 「Bezier」、つまり「ベジエ」のでアニメーションできるのです！ 以下簡単なソースだけ。 //まずインポート import com.flashdynamix.motion.*; import com.flashdynamix.motion.guides.Bezier2D; import fl.motion.easing.*; //tweenグループを作る var tween:TweensyGroup = new TweensyGroup(); //Bezier2Dの設定を行います。（ターゲットのオブジェクト、） var bezier:Bezier2D = new Bezier2D(mc, true,false, false); bezier.push(new Point(100, 100)); bezier.push(new Point(250, 50)); bezier.push(new Point(50, 250)); bezier.push(new Point(370, 250)); //こんな感じでポイントを追加していきます。 //最後にアニメーションさせます。 tween.to(bezier, {position:1}, 1.0, Sine.easeOut); ステージに「mc」というMovieClipを配置してパブリッシュするとS字みたくアニメーションすると思います。すげ！ また同じ作者が作られているSWF Profilerというのもデバッグに非常に便利なライブラリのようです。 しばらく時間があればいろいろさわってみたいですねこれ！ - [ 続きを読む ]
非常に便利なtimerクラス timer.resetでリセットできる。 ほったらかしは危険っぽい。 非常に便利なTweener Tweener.removeTweens( target ); で、登録したaddTweenを削除することができる。 しょーもないミスだけど、RollOverを1秒にして、RollOutを0.75秒にして、 RollOver時のTweenのonCompleteに処理していたらRollOutしたのに 1秒後のonCompleteが実行されてあれれーってなったのでメモ。 あと、とあるFlasherさんにだいぶいわれてたことだけど、 as2でいう深度、as3でいう表示リストの管理する概念と、理解して実用するまでに 少し苦労（汗 というわけで引き続きがんばります。 次はProgressionだな。がんばろう。 - [ 続きを読む ]