- 2006-10-20 (金)
- action script
Matrix変換で平行四辺形に変形させるのは簡単なのだけど、台形変形は難しいという記事を以前見かけたことがあったのでメモしておきます。
「Sandy’s Blog » DistortImage 2.0」に、コーナーポイントをドラッグすることで画像を台形でも平行四辺形でも自在に変形させられる方法とソースが公開されています。筆者が以前作られたバージョンよりも2.5倍のパフォーマンスらしいです。どうやって実現させているかというと、実は細かい三角形に分割して、その三角形を変形させるという手法。分割の細かさは設定可能(hsegとvseg値が0で2 分割、1で8分割、2で16分割・・・。細かいほど精細だけど重くなる。両値は同値にしておくこと)です。
で、上のサイトではwebカメラがないと見れないと思うので、このDistortImage 2.0を使われた例を紹介します。
「5 1/2 blog » Windows Vista Ctrl+Tab 3d effect: source code」
Vista風の3D画面転換を再現。記事中の"Check it out here"クリックで開いたページで、一度画面をクリックしてフォーカスをFlashにあて、キーボードのスペースキーでエフェクトが見れると思います。
「The Flash Blog » The Incredible Distorting Image」
こちらのサイトでも実験されています。自在に操れるサンプルもあります。
どちらのサンプルも、このDistortImageとFuseを併用して作られています。僕の中でも今Fuseがマイブームで、参考サンプルとかドキュメントの日本語訳を少しずつ進めていて、本家に許可もらえたら公開するつもり(MITライセンスなのでたぶんいけると思う)ですので、待てる方はお待ち下さい。
追加記事:
「trick7.com blog: Flashで画像を台形に変形させる方法(DisplacementMapFilter版)」
- Newer: Google Maps APIで遊ぶ
- Older: AID-DCC Inc.
Comment:0
Trackback:0
- TrackBack URL for this entry
- http://www.trick7.com/blog/mt-tb.cgi/354
- Listed below are links to weblogs that reference
- Flashで画像を台形に変形させる方法 from trick7.com blog



