【ShaderGraph】マスク画像で特定の部位だけ歪ませるエフェクト

概要

『Shadowverse開発事例』 ～美麗カードが動く!制作テクニックのすべて～
を参考にさせていただき、ShaderGraphでマスク画像で特定の部位だけ歪ませる
カードシェーダー風エフェクトを作成してみました。

ご覧のとおり、髪の毛のところだけが揺れています。

用意するもの

画像とマスク画像を用意します。

画像

今回、UnityちゃんCandyRockStar画像をDATA DOWNLOADより使用させていただきました。

© Unity Technologies Japan/UCL

マスク画像

このような青色のマスク画像をGIMPで作成しました。

ShaderGraph

元のUVに、マスクで青みがかっている部分のUVだけを歪ませて足してあげればそれっぽくなりました。
※ベストなやり方とは限りませんのでご了承ください。

ColorMaskノード

マスク画像のSample Texture 2DノードをColor MaskノードにつなげてMask Colorを青に設定します。
RGBのうちB成分を取り出し、B値が強いほど揺れの影響度が強くなるようにしました。

まとめ

マスク画像で画像の特定の部分を歪ませることをShaderGraphで実現することができました。