3Dのパーティクルに被写界深度をつけてみた | ClockMaker Blog
続きまくるパーティクルネタ。先日の「パーティクルを3Dで動かしてみたよ」の応用版で被写界深度のエフェクトを加えてみました。 3D Flow Simulation with Field of Blur | wonderfl build flash online 被写界深度エフェクトを実装する方法 ここからは技術的な話。被写界深度はパーティクルのZ座標に応じて、あらかじめプレレンダリングした「ぼけ」のビットマップデータを差し替える方法使ってます。おそらくこれが常套手段。Adobe MAX 2008 の城戸さんのプレゼンでも高速化について同じような内容が紹介されてます。(ビデオの8割ぐらいの時間から) また、あらかじめプレレンダリングすることでの高速化はFLASH+αさんのブログで検証されていますので、こちらの記事も参考になります。 FLASH+α: ぼかしを最初に作っておく。 パーティクル祭の
casualplay.net blog: 波紋エフェクト - DisplacementMapFilter
結構スタンダードなエフェクトだと思いますけど、一応のせときます。perlinNoiseで移動させた画像を置き換えマップに使用しただけ。マウス位置で変化量が変わります。他のフィルタと組み合わせて立体感を出すつもりでしたが、フィルタを重ねるとどうしても重くなってしまうので断念。ま、これだけでも充分重い気がしますけど。 数値を調整したり他のエフェクトと組み合わせれば、陽炎や磨りガラスなどの効果も可能ですが、モーションをつける場合は、ちょっと大きい描画領域に適用すると重くなってしまうので、なかなか使いどころが難しいです。 ちなみに、DisplacementMapFilterを適用する画像は表示領域よりも少し大きめの画像を用意する必要があります。そうしないと、フィルタを適用した際、アウトラインがはみ出してしまってかっこ悪いのです。 DisplacementMapFilterについては以前のエントリー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
