ボロノイ使った画像エフェクトとしてはPhotoshopのステンドグラスフィルタがあります。
あれはある程度の間隔を保ったランダムなボロノイ母点を用意して、あとはボロノイ図生成のアルゴリズムさえあれば、比較的簡単に実現する事ができます。
しかし、それをそのまま再現してもあまり面白くないので別の方法を考えました。

今回は画像のエッジに注目して、エッジ周辺は細かいボロノイ領域で描画し、それ以外の画像の変化が緩やかな箇所は大きなボロノイ領域で描画する事が出来ないだろうか？と模索しました。
ちょうど点描画を描くようなイメージです。
まずは画像のエッジ抽出ですがこれは2値化グレースケールエッジ検出にあったアルゴリズムをそのまま頂きました。
グレースケール化→ノイズ除去→2値化→エッジ抽出という順番で画像にエフェクトをかけていきますが、2値化の時点で閾値を変えたものをそれぞれエッジ抽出して最後にそれらの画像を副数枚重ね合わて1枚の画像にしました。

この時点でなんか面白かったので、副産物的に出来たwonderflがコレ。

次にエッジ周辺は細かく、それ以外ではおおざっぱにボロノイ図を描く方法ですが、これは以下のように考えました。

• エッジ抽出した画像を走査してエッジ部分の座標群とそれ以外の座標群にわける。
• あるエッジ以外の座標からエッジの座標までの距離を求め、最小距離のものを保存。
• ボロノイ母点をエッジ以外の座標群から求めるが、座標毎に保存したエッジまでの距離を元に出現確率を変化させる。

要は、エッジまでの距離が近い座標ほど高確率で出現させる、ということです。
最初に思いついたとき「俺天才じゃね？！」とか思いましたが、まあ普通に画像処理の教科書にあると思います。
で、ボロノイ母点のみを描画したものがコレです（母点数1800）

このボロノイ母点を元にボロノイ図を描画するのですが、自身が使っていたアルゴリズムではボロノイ領域内を任意の色で塗りつぶすのが上手くいかなかったため、kndさんのもっちりボロノイ図のアルゴリズムを使わせてもらいました（fork元です）
このおかげで実家の風呂場の模様というタグを頂くことができました。もっちり！

本当はGenerative GestaltungにあるSegmentation and Symtpom [S.017]のようなモノクロでのアプローチを考えていたのですが、画像の大きさ、as3の処理能力の限界などで表現に限界があり諦めました。

インタラクティブのイの字もなくほんとにFlasherか！という感じで申し訳ないですが、ボロノイ図の描画は母点数が1000を超えるとFlashでリアルタイムに動かすのがキツイのでopenFramework等にベタ移植してwebカメラと連携とかしてみたりとかしたいです。

ソース（zip）
・DoTextAnimation.as
※別途BetweenAS3ライブラリが必要です。

以下、サンプルと使用例のasです。

package {
	import jp.progression.commands.lists.LoopList;
	import org.libspark.betweenas3.easing.Expo;
	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.text.TextField;

	/**
	 * @author fumix
	 */
	 [SWF(backgroundColor="#FFFFFF", frameRate="30", width="200", height="25")]
	public class Sample extends MovieClip {
		private var tf : TextField;

		public function Sample() {
			addEventListener(Event.ADDED_TO_STAGE, _initialize);
		}

		private function _initialize(event : Event) : void {
			tf = new TextField();
			tf.x = tf.y = 5;
			addChild(tf);
			var loop:LoopList = new LoopList();
			loop.addCommand(
				new DoTextAnimation(tf, "Hello World!!","welcome to www.planet-ape.net!",
					{
						step: 4,
						time: 3,
						characters: "0123456789-#",
						transition: Expo.easeInOut
					}),
				new DoTextAnimation(tf, "welcome to www.planet-ape.net!","Hello World!!",
					{
						step: 4,
						time: 3,
						delay: 1,
						//characters: "0123456789-#",
						transition: Expo.easeInOut
					})
			);
			loop.execute();
		}
	}
}

LoopList内に2つDoTextAnimationを設置してループさせています。
第1引数が対象となるTextField、第2引数が変化前のテキスト、第3引数が変化後のテキストとなり、この3つは必須です。
それ以降のObjectはプロパティ名から何となく分かると思います（ぉ）。
Objectは全くなくても動作します。

元ネタ：labs.hellokeita.com » TextAnimation
ゼロから実装できるほどas得意じゃないんで、元ネタ有りです。
はい、もうTextAnimationの元祖的な感じです。
元ネタはtransition自体も自力実装だったのですが・・・すいません、BetweenAS3使ってます。

自分で言うのもなんですが、なかなか良さげなコマンドができました。
初めてまともに使えそうなコマンドになったなあ、と。

ボロノイ図を描く方法はいくつかあるのですが、今回はFortune’s algorithmと呼ばれるアルゴリズムを用いて描画してみました。
・Fortune’s algorithm – Wikipedia, the free encyclopedia
・日本語の資料1（PDF）
・日本語の資料2（PDF）

Fortune’s algorithmは他のボロノイ図描画アルゴリズムに比べてかなり速く、800個程度の母点を設置してもfpsが落ちること無く動作します。
と偉そうに書いてますが、下記サイトにあったasをまるパクリしています。
・Controul > Speedy Voronoi diagrams in as3/flash

ぶっちゃけソースが追えません（ぇー）
識者の方に解説をお願いしたいです。

三角形の外接円を求めるのをどうしようかなー、連立方程式解くのめんどうだなあ・・・とtwitterでつぶやいたら、さくっと作っていただきました。
大感謝です。

FDTはEclipseのプラグインとしても動作しますので、あらかじめ日本語化したEclipseにプラグインとしてFDTを導入して日本語化する方法があります。
ex.FDT を日本語環境で使う手順 ( Mac OS X Snow Leopard の場合 ) | FDT | log.sncr.jp

しかしながら、すでにFDT単体として動かしている環境に入れたい！ということで、別の方法でいくことにしました。
以下手順を追って説明します。
ちなみにFDTは既にインストール済みとします。
※FDTのインストール方法（windows）

Pleiades（Eclipse日本語化プラグイン）の入手

Pleiades – Eclipse プラグイン日本語化プラグイン
上記サイトよりPleiadesプラグインをダウンロードします。

派手なボタンでダウンロードを促す「Pleiades All in One 日本語ディストリビューション」からダウンロードしてしまいがちなのですが、こちらはあくまで日本語化されたEclipseパッケージです。
手っ取り早く日本語化されたEclipseが欲しい場合はこちらがオススメですが、今回は既にあるFDTを日本語化するので上記画像の赤枠で囲まれたところからPleiadesプラグインのみをダウンロードします。

PleiadesをFDTに適用する

ダウンロードしたPleiadesを解凍すると上記のようなファイル構成となります（背景色キモいとかいうな）。
この中から赤枠で囲まれた2つのフォルダの中身をFDTをインストールしたフォルダ内の同名のフォルダにコピーします（下記画像参照）。

FDT 3.iniを編集する

上記はFDTをインストールしたフォルダです。
赤枠で囲ったFDT 3.iniを編集することでPleiadesを有効化させます。
ダウンロードしたPleiadesのreadmeフォルダ内にあるreadme_pleiades.txtに詳しい編集方法が記載されていますが、手っ取り早く、下記の一文をFDT 3.iniの末に追加してください。

-javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
(windowsの場合)

相対パスで指定する場合
-javaagent:../../../plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
絶対パスで指定する場合
-javaagent:/Applications/eclipse/plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
(macの場合)

設定は以上で終了です。
FDTを立ち上げると日本語化されているはずです！
ちなみに、私の環境（windows）では最新のFDTである3.5betaでも日本語化に成功しましたが、一部エラーが出るとの話もあるようですので、あくまで自己責任でお願いします。
あ！もし失敗して環境が壊れてしまっても戻せるように必ずバックアップをとってたから作業をしてください！

ダウンロード

templates.zip

ファイルをダウンロードして解凍後、出来たxmlをPreferences＞Templates＞Importで読み込みます。
読み込まれるとTemplatesメニューの一覧に以下のように追加されます。

反転してるところが追加されたテンプレートです。
Descriptionが日本語とかありえねえwwwとかNameが変wwwとかの場合はEditボタンを押せば変更できますので好きなモノに変えると良いです。

FDと違って新規asファイル作成時にテンプレートを選ぶことはできません。
新規asファイルはクラスかインターフェイスしか作れませんので、クラスでとりあえずasファイルを作ります。
出来たクラスファイルから記述してあるモノをすべて消して、Nameで指定した文言（ex:pcastsprite）を打てば補完候補に出てきますので、選択するとProgressionのテンプレートがドバーっと書き出されます。
packageもclassもコントラクタも全部補完された形で生成されるので、非常に便利です。

FDと同じように新規作成時に自動で生成できると良いのですが・・・Antという仕組み（マクロみたいなもん？）を使えば出来そうなのですがAntをまだ分かっていないのでそこまできませんでした。

いっぱい出してみた

package {
	import flash.events.MouseEvent;

	import Box2D.Common.Math.b2Vec2;
	import Box2D.Dynamics.Joints.b2RevoluteJoint;

	import com.actionsnippet.qbox.QuickBox2D;
	import com.actionsnippet.qbox.QuickObject;

	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.text.TextField;
	import flash.text.TextFieldAutoSize;

	[SWF(width = 640, height = 480, backgroundColor = 0x222222, frameRate = 60)]

	/**
	 * @author fumix
	 */
	public class Main extends MovieClip {
		private var sim : QuickBox2D;
		private var objectArray:Array;
		private var debugTextField : TextField;

		/**
		 * コンストラクタ
		 */
		public function Main() {
			//ボタン設置
			var resetButtonText : TextField = new TextField();
			resetButtonText.selectable = false;
			resetButtonText.text = "リセット";
			resetButtonText.autoSize = TextFieldAutoSize.LEFT;
			resetButtonText.background = true;
			resetButtonText.backgroundColor = 0x666666;
			resetButtonText.border = true;
			resetButtonText.x = 20;
			resetButtonText.y = 20;
			addChild(resetButtonText);
			resetButtonText.addEventListener(MouseEvent.CLICK, onRestButtonClick);
			//テキストエリア設置
			debugTextField = new TextField();
			debugTextField.textColor = 0xFFFFFF;
			debugTextField.multiline = true;
			debugTextField.width = 200;
			debugTextField.height = 150;
			debugTextField.x = 20;
			debugTextField.y = 40;
			addChild(debugTextField);

			//QuickBox2D初期設定
			sim = new QuickBox2D(this);
			sim.setDefault({fillColor:0x000000, lineColor:0xCCCCCC});
			sim.createStageWalls();

			//オブジェクト10個生成
			objectArray = new Array();
			for (var i : int = 0; i < 10; i++) {
				objectArray.push(creatObject());
			}
			//各ジョイントの回転角度制限
			for (i = 0;i < objectArray.length;i++) {
				resetObject(objectArray[i]);
			}
			//各ジョイントの角速度設定
			for (i = 0;i < objectArray.length;i++) {
				setWalkDir(3,objectArray[i]);
			}

			//フレーム毎の動き
			addEventListener(Event.ENTER_FRAME, onLoop);
			//スタート
			sim.start();
			sim.mouseDrag();
		}

		private function onRestButtonClick(event : MouseEvent) : void {
			//各ジョイントの回転角度制限
			for (var i:int = 0;i < objectArray.length;i++) {
				resetObject(objectArray[i]);
			}
		}

		/**
		 * オブジェクトの生成
		 */
		private function creatObject() : Object {
			sim.setDefault({fillColor:0x000000, lineColor:0xCCCCCC});
			var legA : QuickObject = sim.addBox({x:20, y:5, width:1.5, height:0.3, groupIndex:-2});
			var legB : QuickObject = sim.addBox({x:20 + 1.3, y:5, width:1.5, height:0.3, groupIndex:-2});
			var legC : QuickObject = sim.addBox({x:20 + 1.3 * 2, y:5, width:1.5, height:0.3, groupIndex:-2});
			var legD : QuickObject = sim.addBox({x:20 + 1.3 * 3, y:5, width:1.5, height:0.3, groupIndex:-2});
			//ジョイントの設置
			sim.setDefault({type:"revolute"});
			var anchorX : Number = legA.x + (legB.x - legA.x) / 2;
			var anchorY : Number = legA.y;
			var revJointA : QuickObject = sim.addJoint({enableLimit:true, a:legA.body, b:legB.body, x1:anchorX, y1:anchorY, enableMotor:true, maxMotorTorque:80});

			anchorX = legB.x + (legC.x - legB.x) / 2;
			var revJointB : QuickObject = sim.addJoint({enableLimit:true, a:legB.body, b:legC.body, x1:anchorX, y1:anchorY, enableMotor:true, maxMotorTorque:80});

			anchorX = legC.x + (legD.x - legC.x) / 2;
			var revJointC : QuickObject = sim.addJoint({enableLimit:true, a:legC.body, b:legD.body, x1:anchorX, y1:anchorY, enableMotor:true, maxMotorTorque:80});

			return {a:legA,b:legB, c:legC, d:legD, jointA:revJointA, jointB:revJointB, jointC:revJointC};
		}

		private function resetObject(obj:Object) : void {
			var j : b2RevoluteJoint;
			var legA:QuickObject = obj.a;
			var legB:QuickObject = obj.b;
			var legC:QuickObject = obj.c;
			var legD:QuickObject = obj.d;
			var revJointA:QuickObject = obj.jointA;
			var revJointB:QuickObject = obj.jointB;
			var revJointC:QuickObject = obj.jointC;

			var angleA : Number = Math.PI * Math.random();
			j = revJointA.joint as b2RevoluteJoint;
			j.SetLimits(-angleA, angleA);

			var angleB : Number = Math.PI * Math.random();
			j = revJointB.joint as b2RevoluteJoint;
			j.SetLimits(-angleB, angleB);

			var angleC : Number = Math.PI * Math.random();
			j = revJointC.joint as b2RevoluteJoint;
			j.SetLimits(-angleC, angleC);

			debugTextField.htmlText = 'A:' + angleA * 180 / Math.PI;
			debugTextField.htmlText += 'B:' + angleB * 180 / Math.PI;
			debugTextField.htmlText += 'C:' + angleC * 180 / Math.PI;

			//速度をリセット
			var v : b2Vec2 = legA.body.GetLinearVelocity();
			v.Set();
			legA.body.SetLinearVelocity(v);
			legB.body.SetLinearVelocity(v);
			legC.body.SetLinearVelocity(v);
			legD.body.SetLinearVelocity(v);
			legA.setLoc(15, 5);
			legB.setLoc(15+1.3, 5);
			legC.setLoc(15+1.3*2, 5);
			legD.setLoc(15+1.3*3, 5);
		}

		private function onLoop(event : Event) : void {
			//setWalkDir(2);
			for (var i:int = 0;i < objectArray.length;i++) {
				repeatWalk(objectArray[i]);
			}
		}

		private function setWalkDir(dir : Number,obj:Object) : void {
			var j : b2RevoluteJoint;
			var revJointA:QuickObject = obj.jointA;
			var revJointB:QuickObject = obj.jointB;
			var revJointC:QuickObject = obj.jointC;

			j = revJointA.joint as b2RevoluteJoint;
			j.SetMotorSpeed(dir);
			j = revJointB.joint as b2RevoluteJoint;
			j.SetMotorSpeed(dir * -1);
			j = revJointC.joint as b2RevoluteJoint;
			j.SetMotorSpeed(dir);
		}

		private function repeatWalk(obj:Object) : void {
			var revJointA:QuickObject = obj.jointA;
			var revJointB:QuickObject = obj.jointB;
			var revJointC:QuickObject = obj.jointC;
			var j : b2RevoluteJoint;
			j = revJointA.joint as b2RevoluteJoint;
			if(j.GetLowerLimit() > j.GetJointAngle() || j.GetUpperLimit() < j.GetJointAngle()) j.SetMotorSpeed(j.GetMotorSpeed() * -1);
			j = revJointB.joint as b2RevoluteJoint;
			if(j.GetLowerLimit() > j.GetJointAngle() || j.GetUpperLimit() < j.GetJointAngle()) j.SetMotorSpeed(j.GetMotorSpeed() * -1);
			j = revJointC.joint as b2RevoluteJoint;
			if(j.GetLowerLimit() > j.GetJointAngle() || j.GetUpperLimit() < j.GetJointAngle()) j.SetMotorSpeed(j.GetMotorSpeed() * -1);
		}
	}
}

QuickBox2Dの練習

blog.alumican.net » Blog Archive » QuickBox2D はじめの第一歩
blog.alumican.net » QuickBox2D
上記した2エントリーが非常に参考になりました。

wonderflにもQuickBox2D採用されると物理シミュレーションもののFlashコンテンツが非常に手軽に作れるんですけどねー。

1.FDT

FD使って良いのは小学s(ry)ってことで、これだけ便乗エントリーが上がっていながら名前が出てこないマイナーエディタであるFDTを使っています。
有料なんで無償で提供されているFDに比べて敷居が高いというのは、まあわかります。
個人的にはFDより補完が強力だと思っていて、だいたい2〜3文字打ってからctrl+spaceか変数名等にカーソル合わせてctrl+1を押せばイベントリスナーだろうが変数だろうが何でもバッキバキに補完して追加してくれます。
おかげでas3が覚えられず、wonderfl等でソラでas書くことが全く出来ません。
FlexSDKを導入しないと単体ではswfをパブリッシュできないFDと違ってFDTはSDKも込みでインストールされ、単体でswfのパブリッシュまで出来るので、なにげにFDより開発環境を整えるのは楽だったりもします。
FDも良いですが、FDTも使ってみてほしいなーと思います。

2.「選択中のフレーム数表示・変更」コマンド

オールドタイプのFlasherなのでタイムラインが大好きだったりします。
演出等タイムラインでのアニメーションで行うことも多く、フレーム数を数えて揃えたりすることも良くします。
そのときに、今まではタイムライン上のフレーム数をモニタに指を当てて「1、2、3・・・」と数えてたりしたのですが非常に面倒くさく何かないかなあ？と思っていたときに（たしか）Twitter経由で教えてもらったjsflコマンドです。
jsflコマンドはこの他にも画面上に配置したムービークリップにプリフィックス付きの連番で名前をつけてくれるコマンドとかもよく使います。

3.Fireworks

ちなみにFlash共々まだCS3です（ぇー）
社内ではFirewoks使ってるのは自分一人で他のデザイナーは全員Photoshop使いで、肩身の狭い思いをしています。
世間的にもそんな感じですよね・・・adobeのサイトからもおすすめ製品から外されていますし・・・。
ビットマップもベクターも「同時に程々に」使え、変更・修正にも強く、Flashとの連携もPhotoshopよりはマシだし、web用の画像を生成するのにこれほど使い勝手のよいツールはないんじゃないかと思っているのですが、マイナーツールですか、そうですか。
Adobe ケーススタディー : FICCが感じるAdobe CS4の良さ
上記のようなFireworks使いに希望の光を与えてくれるような記事もありますが、実際CS5以降ではどうなるんですかね・・・Flashの行く末なんかより、よっぽど心配なFireworksの行く末です。

起動できるようにする

上記したサイトからスタンドアローン版をダウンロードしてインストールしても、エラーってしまい起動できない（ぇー）ので、まずは起動できるようにインストールしたディレクトリ直下にあるFDT 3.iniを編集。

-Xmx768m
　　↓
-Xmx512m

※これで起動できるようになる。

Vector型等のplayer10からの機能を動かせるようにする。

適当なプロジェクトを作った後に、Project > Properties > FDT Build Path > Libraryと進みChangeCoreLibraryを押す。
KnownLibrariesから「～ _for_FP_10」を選ぶとVector型等の補完が効くようになる。
※ただし、コンパイルするとエラーになる。

コンパイルが通るようにする

インストールしたディレクトリ\plugins\com.powerflasher.fdt.shippedflex_3.3.0.4852_1000\flex\frameworks\flex-config.xmlを編集。
17行目付近

<target-player>9.0.124</target-player>
       ↓
<target-player>10.0.0</target-player>

とする

コンパイル後にplayerが立ち上がるようにする。

cellfusion blog » FDT 導入後に必要な作業
インストールしたディレクトリ\plugins\com.powerflasher.fdt.shippedflex_3.3.0.4852_1000\flex\bin\jvm.configを編集
31行目付近

java.args=-Xmx384m -Dsun.io.useCanonCaches=false
      ↓
java.args=-Xmx384m -Dsun.io.useCanonCaches=false -Duser.language=en -Duser.region=US

終わり！