■[UnrealEngine]HueShift応用:疑似色差
■今回は、HueShiftのさらにアレンジ、擬似的な色差をつける小ネタの紹介となります。
前回の記事であるこちらを見ていただいている前提でお話を進めますので、あらかじめご了承ください
■機能イメージ：疑似色差
■まずは今回の目標イメージです。
[TextureSample]１つと[HueShift]３つを使用し、パラメーター操作でRGBの色差ズレを調整できるようにするテストです。
■イメージサンプル
■マテリアルノード解説
こちらが今回作る構造の全体図となります。
■前半：ズレ幅パラメータ[Shift Width]を挟みつつ、３つの[HueShift]への接続
まずは前半部の解説です。
前回と同じくRGBに３種のノイズマップを入れたテクスチャから、３つの[HueShift]を繋ぎます。
そしてそれぞれの[Hue Shift Percent]の値に対し[Shift Width]という値をそれぞれ0回、1回、2回加算します。
これにより、[HueShift]でずらす量が[Shift Width]の分ズレていくようにします。
■後半：３つの[HueShift]に、それぞれカラースケールを挟んで加算合流させる。
そして次に、3つの[HueShift]の結果に、それぞれカラースケールパラメータを乗算し、色を付けられるようにします。
初期値は赤・緑・青としておき、そしてその結果を加算していきます。
■確認用テクスチャ
■[Shift Width]_ずらし幅の変化
・ここでは[Shift Width]を操作した時の挙動について記載します。
[Shift Width]を加算する事で、３つの[HueShift]による変化にズレが生じ、そのズレが色差となります。
・０～１で１週して戻ります。
・1/3区切り（0.333、0.666）付近が最も３つの変化幅が広くなります。
■[Shift Width]をずらした状態での[Shift Ofs]ずらし
・[Shift Width]をずらした状態で[Shift Ofs]を操作することで、色差がついた状態でテクスチャをシフトできます。
■３つのカラースケールを変化させてみる
・次に、この状態で３つのカラースケールを変化させてみたサンプルです。
加算合成なので、数値上は１以上やマイナスを入れても面白い変化が可能です。
■ノイズテクスチャを用いたイメージ
・ここからは、ノイズテクスチャを用いたイメージサンプルを続けていきます。
基本的にはコントラストの強いテクスチャを使用すると、見た目の動き幅がわかりやすいです。
■テクスチャサンプルその１
操作サンプル
カラースケールサンプル
■テクスチャサンプルその２
操作サンプル
カラースケールサンプル
今回は以上となります。
前回のシフトマップと併せて使えば、１枚のテクスチャサンプルから更に多様な変化を引き出す事ができます。
カラーに混ぜて色ムラをつける以外にも、DistortionMapで動きのムラをつけることにも応用できると考えております。
反面、これ単体でよい見た目を作るというのはいささか難しい部分もありますので、あくまで「アレンジ・味変」として色々試していただければ幸いです。
コメント