技術ブログ

【shadertoy】絵画風ポストエフェクトを作る

はじめに

絵画風のポストエフェクトを作ってみました.取り合えず今のところはソースコードとデモ映像を載せておくだけ.これから少しずつ内容を書き足していく予定.

ソースコードはこちら


TL;DR

ボロノイ and パーリンノイズで筆のタッチを作り,筆のタッチで分けた領域ごとにランダムなブラー処理をかけているよ!


筆のタッチを作る

ボロノイをパーリンノイズで歪ませると以下のように筆で紙をペタペタしたような模様を作ることができます.

水面下を歪ませる表現なんかで多分よく使われてるやつですよね!


ランダムなブラーをかける

画像全体にブラー処理をかけているのですが,このとき上で作成した模様を使用して各領域のブラーの強さをランダムに変更しています.


(ちょっとぼやけすぎな気もするけど,パラメータを調整すれば何とかなる ... ?)


完成!!

上の動画は先ほど説明した2つで作っています.シンプルですね!


懸念

今のところかなり処理が重そうなので,Unityで使えるようになるまでにここは何とかしたいですね.ブラー処理なんかは2パスを使った最適化使うとしても,ノイズ生成のところはどうしよう ....


さいごに

今回は絵画風ポストエフェクトの記事を書いてみました.記事の内容が充実してきたらzennとかtwitterにも投稿したいな.最初は水彩画エフェクトとして紹介しようとしていましたが,水彩画特有のインクの滲みなどは表現出来ていなかったので絵画エフェクトに名前を変更しています ....