Tweensy解説 #6 BitmapFilter, ColorTransform, Matrix, SoundTransform 高度なトゥイーンをする BitmapFilter、ColorTransform、Matrix、SoundTransformなどを含んだ、あるObjectのプロパティをトゥイーンするのは、通常のトゥイーンより少し複雑かもしれません。これはObjectのプロパティのトゥイーンを、視覚効果のために別の何かに適用する必要があるためです。Tweensyは、これを行うことができますが、どのObjectを更新するか、パラメータを定義する必要があります。 フィルタをトゥイーンする Tweensy.to(new DropShadowFilter(), {blurX:10, blurY:10}, 2.0, null, 0, myInstance); myInstanceにドロップ
Tweensy FX という Flash/ActionScript 用のトゥイーン＆モーション・エフェクトのライブラリを使って、炎と煙のエフェクトサンプルを作ってみた。 というか処理内容は、Tweensy に付属していたサンプルそのまま。 ただ、付属のサンプルコード (examples/fx/FireSmokeFX.as) はそのままだと Flex SDK + FlashDevelop で使えなかったので、その部分だけちょっと修正している。 FireSmokeFX: Tweensy FX による炎と煙のエフェクト 開発環境 OS: Windows XP コンパイラ: Flex 3 SDK IDE: FlashDevelop 3.0.1 RTM Tweensyについて Tweensy は Tweener みたいなトゥイーンアニメーションを実現するライブラリ。 Tweensy Original
Tweensyで色操作したかったので、パラメータを試せるのようなものを作成。 ColorMatrixFilter利用の流れ 1.import import flash.filters.ColorMatrixFilter; import com.flashdynamix.motion.extras.ColorMatrix; 2.TweensyGroupインスタンス生成 tween = new TweensyGroup(); 3.画像配置 var _img:Bitmap= new Bitmap(new Img(200,160));// ImgはFlashのライブラリで書き出した画像データ addChild(_img); 3.tween実行 tween.to(new ColorMatrixFilter(), new ColorMatrix(_b, _s, _c, _h), 2, nul
Tweensy - filter TweensyでFilterのプロパティをアニメーションしてみる。Filterオブジェクトを作ってそのFilterオブジェクトのプロパティをTweensyでTweenするイメージ。で、updateパラメータにそのFilterを適用するインスタンスを指定する。 ActionScript TestTweensy_8.as Source package { import com.flashdynamix.motion.extras.ColorMatrix; import com.flashdynamix.motion.Tweensy; import fl.motion.easing.Linear; import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.
PixelateFXはモザイク表現のサンプルになっている。 モザイクの仕組み的は対象を縮小してBitmapに転写した後、元のサイズに拡大することで、結果的に低画素の画像を拡大していることとなりモザイクが表現されています。 モザイクは色々なライブラリが公開されていて、今更って話なところもあるけどTweensyFXでもPixelateEffectクラスでモザイク効果を表現できるようになっています。 ■PixelateEffect モザイク表現のエフェクト。 ■プロパティ 一つだけ…。 amount:Number = 50 モザイク用に画像を縮小する際のスケール値。 50なら1/50に縮小。1なら縮小なし（モザイク無し） この値が大きい程、モザイクのサイズが大きくなる。 PixelateFXの分解
flashの勉強のためのメモ帳気分なブログ。 ＋αとしてWEB業界で為になることをメモ帳的に綴っていく自己中なブログ 今回メモする周回軌道はある中心点を基準に円運動させる。 普通だと「targetmc.x=centerx+Math.con(degree)*radius」みたいに三角関数を使用すると 思うんだけども、Tweensyにはそれすら簡単に設定できるみたいです（すばらしい） 必要なクラス import com.flashdynamix.motion.guides.Orbit2D; Tweensy.to(new Orbit2D(targetmc,100, 100, 400, 200), {degree:720},3,Sine.easeOut,1); 引数の説明 Tweensy.to(new Orbit2D(ターゲットMC、ｘ軸の半径、ｙ軸の半径、ｘ軸の中心点、ｙ軸の中心点),{degr
Tweensy解説 #5 duration, Relative & Random range, ease, easeParams, delayStart, delayEnd その他、トゥイーンについて Tweensy.to、from、fromToによるトゥイーンを定義したときは、TweensyTimelineインスタンスが返されます。TweensyTimelineインスタンスには、トゥイーン実行中に変更可能なパラメータが含まれています。 TweensyTimeline（タイムラインを使う） TweensyTimelineを使うことで、トゥイーン実行中のパラメータを再定義することができます。 import com.flashdynamix.motion.Tweensy; import com.flashdynamix.motion.TweensyTimeline; var timeline:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
