- 2006-10-30 (月)
- action script
以前エントリした、
「trick7.com blog: Flashで画像を台形に変形させる方法」
の方法は、台形変形させたい画像を、細かい三角形に分割し、それぞれをトランスフォームさせるものでした。
これとは別に、画像を台形に変形させるもう一つ別の手法があります。
「5 1/2 blog » Fuse, DisplacementMapFilter and perspective: an experiment」
で紹介されている、DisplacementMapFilterを使う方法です。
ソースもサンプルファイルも、上記リンクでダウンロードできますので、試していただければ良いかと思います。
FuseによるTweenも可能で、サンプルでは、_yscaleとx方向の変形パラメーターのscaleX(ヘルプより)をトゥイーンアニメーションさせています。
DisplacemantMapFilterを使うため、Map画像や変化量を工夫すると、台形の横辺部分をカーブ上に変形させる事ができます。(Map画像はロスレス(PNG/GIF)にすること。ただしそれでも多少ギザギザになる傾向あり)
これでOSXのジーニーエフェクトのような効果を再現できそうですね。ページの上に次のページが、ひらりと紙が重なるようなトランジションにもできそうです。
僕個人は、DisplacementMapFilterをよく理解していない(Flash8 Essentialsや、雑誌「Web Designing 2006年10月号」のScandalous Flash!で解説があったかと思います)ので、細かい三角形に区切る方法でいこうかな。
- Newer: 指を骨折しまして
- Older: BIG SPACESHIPの"Visualize It"
Comment:0
Trackback:0
- TrackBack URL for this entry
- http://www.trick7.com/blog/mt-tb.cgi/366
- Listed below are links to weblogs that reference
- Flashで画像を台形に変形させる方法(DisplacementMapFilter版) from trick7.com blog



