2009-01-062011-12-30tech/studyactionscript, flex, javascript, tool

enhance Flex Builder – part 2

enhance Flex Builderの続き。今回はEclipse環境をJavaScriptで拡張することができるEclipse Monkeyを利用します。実はこのEclipse Monkeyを使ったActionScriptのコード補間はFlex2の頃からあったようで、海外サイトを巡ればたくさん情報が手に入りました。今のFlex(AS3.0)人口はあの頃と比べて増えてると思うので、ここで情報を簡単に整理しておこうかと。環境はEclipse 3.4.1(Pleiadesで日本語化済み)…

2009-01-04tech/studyflex

クラインの壺 – pv3d

>> demo (Flex) (要 Flash Player 10) 引き続きPapervision3Dでラインアート。今日はクラインの壺を描きました。二つのメビウスの帯をその縁に沿って貼り合わせるとクラインの壺ができます。・参考 Klein Bottle — from Wolfram MathWorld コンピュータアート好きの人にとってMathWorldは宝の山です。

2009-01-032009-01-03tech/studyflex

ハート曲面 – pv3d

>> demo (Flex) (要 Flash Player 10) 引き続きPapervision3Dでラインアート。今日はハート曲面を描きました。・参考 Heart Curve — from Wolfram MathWorld Heart Surface — from Wolfram MathWorld

2009-01-022009-01-03tech/studyflash, flex

メビウスの帯 – pv3d

>> demo (Flex) (要 FlashPlayer 10) メビウスの帯をPapervision3Dで。ついでにローレンツアトラクタも。>> demo PV3D 1.5くらい(? の時は3Dラインアートのデモもよく見かけたんですが、 2.0になってからはあまり見かけなくなりました。その代わりに最近では各種マッピング/シェーディングを利用したデモが増えてきているようです。今、branchesにはPublic Alpha 3.0 – PapervisionXがぶら下がってま…

2008-12-272011-12-30tech/studyactionscript, flash

テンセグリティ

>> demo (※要FlashPlayer10　マウス操作で回転を制御できます) 引き続きVector3D/Matrix3Dを使う練習。今回はTensegrity – Wikipedia を作ってみます。圧縮する力と引っ張る力がちょうど釣り合って安定した構造体を形成するそうです。参考：テンセグリティの作り方　How to make a Tensegrity 　　　テンセグリティ(Tensegrity) また、CiNiiでもテンセグリティに関する論文(主に日本建築学会)を何本も…

2008-12-222008-12-29tech/studyactionscript, flash

Vector3D/Matrix3Dの練習

>> demo (※要FlashPlayer10　マウス操作で回転を制御できます) ここ最近のエントリーはフーリエ変換とか小難しい内容が多かったので少し息抜き。遅ればせながらFlashPlayer10で追加された3D関連の機能を使う練習です。今回はVector3D/Matrix3Dクラスを使いました。 Matrix3Dクラスには平行移動/回転/拡大・縮小などの基本的な操作を行うメソッドが用意されていて、変換行列の前掛けと後掛けでprepend~、append~に分かれています。今回のデモ…

2008-12-202009-02-19tech/studyactionscript, computervision

位相画像

引き続き、空間周波数領域での画像処理について。前回、前々回と扱っていたスペクトル画像は周波数成分の振幅特性を表したものでした。今回は画像の位相特性に注目し、位相画像を生成します。 (位相画像は位相限定画像とも呼ばれる) FFT演算用クラスはこれまで利用してきたものと同じものです。 (ここではスペクトル位置の並び替え部分は不要なのでその部分の処理は省略できます) ・位相画像の生成

package {
	import __AS3__.vec.Vector;
	import flash.display.*;

	public class Test extends Sprite {
		[Embed(source = './assets/gray.jpg')]
		private var EmbedImage:Class;
		
		private var srcBmp:Bitmap;
		private var dstBmp:Bitmap;
		private var imgData:BitmapData;
		private var fftTest:FFT;
		private var re:Vector.<Number>;
		private var im:Vector.<Number>;
		private var tmp:Vector.<Number>;
		private var max:Number = 0.0;
		private var data:Number = 0.0;
		private var w:int = 0;
		private var h:int = 0;
		private var bias:int = 0;

		public function Test() {
			srcBmp = new EmbedImage() as Bitmap;
			imgData = srcBmp.bitmapData.clone();
			w = imgData.width;
			h = imgData.height;
			fftTest = new FFT(w);
			re = new Vector.<Number>(w*h, true);
			im = re.concat();
			tmp = re.concat();
			// 画像データの直列化
			for(var y:int=0; y<h; y++) {
				for(var x:int=0; x<w; x++) {
					re[x + y*w] = imgData.getPixel(x, y) & 0xff;
				}
			}
			// 2D-FFT
			fftTest.fft2d(re, im);
			// スペクトルの振幅で正規化 
			for(var i:int=0; i<w*h; i++) {
				tmp[i] = Math.sqrt(re[i]*re[i] + im[i]*im[i]);
				if(tmp[i] > max) max = tmp[i];
				re[i] /= tmp[i];
				im[i] /= tmp[i];
			}
			// 逆2D-FFT
			fftTest.fft2d(re, im, true);
			// 8ビットに正規化 (表示用)
			max = 0.0;
			bias = 32;
			for(var i:int=0; i<w*h; i++) {
				if(re[i] > max) max = re[i];
			}
			for(var i:int=0; i<w*h; i++) {
				re[i] = re[i]/max*255 + bias;
			}
			// 出力画像の生成
			for(var y:int=0; y<h; y++) {
				for(var x:int=0; x<w; x++) {
					data = re[x + y*w];
					if(data>255) data = 255;
					if(data<0) data = 0;
					color = data<<16 | data<<8 | data;
					imgData.setPixel(x, y, color);
				}
			}
			dstBmp = new Bitmap(imgData);
			addChild(srcBmp);
			addChild(dstBmp);
			dstBmp.x += w;
		}
	}
}

package {

import __AS3__.vec.Vector;

import flash.display.*;

public class Test extends Sprite {

[Embed(source = './assets/gray.jpg')]

private var EmbedImage:Class;

private var srcBmp:Bitmap;

private var dstBmp:Bitmap;

private var imgData:BitmapData;

private var fftTest:FFT;

private var re:Vector.<Number>;

private var im:Vector.<Number>;

private var tmp:Vector.<Number>;

private var max:Number = 0.0;

private var data:Number = 0.0;

private var w:int = 0;

private var h:int = 0;

private var bias:int = 0;

public function Test() {

srcBmp = new EmbedImage() as Bitmap;

imgData = srcBmp.bitmapData.clone();

w = imgData.width;

h = imgData.height;

fftTest = new FFT(w);

re = new Vector.<Number>(w*h, true);

im = re.concat();

tmp = re.concat();

// 画像データの直列化

for(var y:int=0; y<h; y++) {

for(var x:int=0; x<w; x++) {

re[x + y*w] = imgData.getPixel(x, y) & 0xff;

}

// 2D-FFT

fftTest.fft2d(re, im);

// スペクトルの振幅で正規化

for(var i:int=0; i<w*h; i++) {

tmp[i] = Math.sqrt(re[i]*re[i] + im[i]*im[i]);

if(tmp[i] > max) max = tmp[i];

re[i] /= tmp[i];

im[i] /= tmp[i];

}

// 逆2D-FFT

fftTest.fft2d(re, im, true);

// 8ビットに正規化 (表示用)

max = 0.0;

bias = 32;

for(var i:int=0; i<w*h; i++) {

if(re[i] > max) max = re[i];

}

for(var i:int=0; i<w*h; i++) {

re[i] = re[i]/max*255 + bias;

}

// 出力画像の生成

for(var y:int=0; y<h; y++) {

for(var x:int=0; x<w; x++) {

data = re[x + y*w];

if(data>255) data = 255;

if(data<0) data = 0;

color = data<<16 | data<<8 | data;

imgData.setPixel(x, y, color);

}

dstBmp = new Bitmap(imgData);

addChild(srcBmp);

addChild(dstBmp);

dstBmp.x += w;

}

・出力結果スペクトルを振幅で正規化することによ…

2008-12-182013-09-28tech/studyactionscript, algorithm, computervision

ハイパス/ローパスフィルタ

前回の続き。今回はフーリエ変換で得られた周波数スペクトルにハイパスフィルタ(HPF)/ローパスフィルタ(LPF)をかけます。 Flashだとサウンド関連でよく耳にするフィルタかもしれませんが、画像でも基本は同じです。前回作ったクラスにフィルタ処理等を追加します。・1D/2D-FFT + HPF/LPF (追記 2008 12/19)　バンドパスフィルタ(BPF)の処理を追加。 (追記 2009 2/20)　空間周波数フィルタのメソッドを少し修正。処理内容は変わってません。 [crayon-…