概要
『Shadowverse開発事例』 ～美麗カードが動く!制作テクニックのすべて～
を参考にさせていただき、ShaderGraphでマスク画像で特定の部位だけ歪ませる
カードシェーダー風エフェクトを作成してみました。
ご覧のとおり、髪の毛のところだけが揺れています。
用意するもの
画像とマスク画像を用意します。
画像
今回、UnityちゃんCandyRockStar画像を[DATA DOWNLOAD](http
://unity-chan.com/contents/guideline/)より使用させていただきました。
© Unity Technologies Japan/UCL
マスク画像
このような青色のマスク画像をGIMPで作成しました。
ShaderGraph
元のUVに、マスクで青みがかっている部分のUVだけを歪ませて足してあげればそれっぽくなりました。
※ベストなやり方とは限りませんのでご了承ください。
ColorMaskノード
マスク画像のSample Texture 2DノードをColor MaskノードにつなげてMask Colorを青に設定します。
RGBのうちB成分を取り出し、B値が強いほど揺れの影響度が強くなるようにしました。
まとめ
マスク画像で画像の特定の部分を歪ませることをShaderGraphで実現することができました。