TheCoolMuseum DigitalMedia   CollorGammaChart
ホームイラスト テクノロジインフォメーション
Google

SearchLinks


multi.moja.jp
TheCoolMuseumWorld
KanpuMasatsu
ChibiChat
Monachat




[Flash Tips] DisplacementMapFilter
Flash8の新機能のテストムービーです。

DisplacementMapFilterはPhotoShopでいう「置き換え」フィルタの効果を実現します。
これまでのFlashではありえなかった変化をさせることができるので、これからいろいろ活用されていくのではないでしょうか。

変形アニメーションのほか、パノラマムービーを実現したり、テクスチャマッピング的な効果を出すなど使い方次第でいろいろな活用ができるでしょう。
アニメーションでは空気の揺らぎ感を表現したり、水面を表現したりなどセルアニメーションで波ガラスをつかって行われていたような効果を出すことができます。



ランダムな置き換えマップを用いて変形を施した例


コード例
import flash.filters.DisplacementMapFilter;
import flash.geom.Point;
import flash.display.BitmapData;

//置き換えマップ生成
var dispMap:BitmapData = new BitmapData(300, 300, true, 0xFFCCCCCC);
dispMap.perlinNoise(80, 80, 1, Math.random()*200, false, true, 1, true, null);

//置き換えフィルタ生成
var factor:Number = 600;
var dispFilter:DisplacementMapFilter
 	= new DisplacementMapFilter(
	dispMap, new Point(0, 0), 1, 2, factor, factor, "wrap", 0, 0);

//フィルタ適用
distClip.filters = new Array(dispFilter);

//フレーム毎アクション
onEnterFrame = function () {
	factor -= 10;
	dispFilter.scaleX = factor;
	dispFilter.scaleY = factor;
	distClip.filters = new Array(dispFilter);
	if (factor == 0) {
		delete onEnterFrame;
		play();
	}
};