CGBoxの一部の記事にはアフィリエイト広告が含まれております。
【Unity】水の表現の作り方！無料アセットも紹介
こんにちは！コチラの記事ではUnityでの水の表現の作り方（水面・流水・水中）をまとめて解説していきます！
目次
水面の作り方
このような水面を作るには、以下の工程が必要になります。
- URP のセッティングを行う
- Shader を作る
- Material を作り、Planeに適用させる
それでは、以下順番に水面の作り方を解説していきます。
URP のセッティングを行う
まずは使用している URP を選択し、 Inspector → Opaque Texture にチェックを入れます。
水面のシェーダーを作る
続いて水面を表現するために以下のようなシェーダーを作成します。
シェーダーは、右クリックで Create → Shader Graph → URP →「 Lit Shader Graph 」を選択して作成しましょう。
以下、シェーダーの作成の方法を順序に沿って解説しますので、同じように、シェーダーを組み合わせて作ってみてください。
STEP
まずはUVスクロールを作成します。
Normal Texture ２つを、それぞれ異なるスクロールをするように設定したいので、スクロールできる UV の値を２つ用意します。
またそれぞれのスクロールスピードを、マテリアルから調整できるように、Vector2 のパラメーターを２つ作成しています。
STEP
作成したUVスクロールを繋ぎ、Normal Texture を２つ作成し、Blend します。それをFlagment の Nomal(Tangent space)に繋ぎます。
Sample Texture 2D の type が、Default になっているので、そこを「 Normal 」に変更することを忘れないようにしましょう。
STEP
作成したNormalTextureの値の強さを調整し、ScreenPosition に加算します。加算したものをUVとして使用します。
Mesh にある UV ではなく、Screen Position を UV として使用し、そこに Normal Texture の値を加算することによって UV を歪ませることができます。
その値に Warp Strength というパラメーターを追加して、掛け算することでマテリアルから数値を調整できるようにしています。
STEP
_CameraOpaqueTexture(T2)を Sample Texture 2Dとして使用し、それをFlagment の Base Color に繋ぎます。
Texture 2D の名称を、「 _CameraOpaqueTexture 」に変更することによって、カメラから見ている画をテクスチャーとしてサンプリングすることができます。
URPのセッティングの際に Opaque Texture にチェックを入れましたが、そのチェックが入っていないと取得できないので、チェックが入っていることを確認しましょう。
_CameraOpaqueTexture を選択し、Graph Inspector の Exposed のチェックを、このときに外しておく必要があります。
STEP
Flagment の Metalic と Smoothness に１の値を入力し、Graph Inspector の Surface Type をTransparent に変更します。
Metalic と Smoothness に１の値を入力することで、水面が反射している感じを表現します。
ここについて今回はパラメーター化していませんが、パラメーターを追加しマテリアルから調整できるようにしてみてもいいかもしれません。
Material を作り、Planeに適用させる
シェーダーを作成したら、Material を作成し、Plane に適用させていきましょう。
STEP
水面用のマテリアルを作成し、マテリアルに先ほど作ったシェーダーを適用させます。
右クリックで Create → Material でマテリアルを作成し、シェーダーをドラッグアンドドロップで、マテリアルの上に移動させることで、適用させることができます。
STEP
マテリアルを選択し、 Inspector→ Surface Inputs にそれぞれ下記の値を参考に値を入れて調整していきます。
STEP
Material の数値の調整ができたら、Planeに適用させましょう。
Hierarchy で右クリックし、３D Object → Plane で Plane を作成し、作成した水面のマテリアルをドラッグアンドドロップすることで Plane にマテリアルを適用させることができます。
そうすると水面の表現を作ることができます！
流れる水の表現の方法・水の流し方
水面を作る際に使用したシェーダーとマテリアルを使用して、マテリアルの Inspector→ Surface Inputs の数値を変えることで流れる水を作ります。
水面を作ったときのシェーダーを適用させたマテリアルを複製し、名称を「 River 」など分かり易いものに変更しておきましょう。
水面のマテリアルを選択し、「 Ctrl ＋ C 」でコピーし、「 Ctrl ＋ Ｖ 」で張り付けすることによって複製することができます。
複製したら、マテリアルの Inspector→ Surface Inputs にそれぞれ上記の値を参考に値を入れて調整していくことで、流れる水を表現することができます！
水中を表現するには
水面の下で奥をぼやけさせることで、下の画像のように水中を表現する方法を解説します。
STEP
Window → Rendering → Lighting を開き、「 Environment 」を選択し、Other Settings の Fog にチェックを入れます。
STEP
Fog にチェックを入れたら、Fog の下にある Color から水中の奥っぽくなるように、色を調整しましょう。
おすすめのアセット
水面や水中を表現するのにおススメのアセットを紹介します。
おすすめアセットその１「Water Caustics Effect for URP v2」
あわせて読みたい
Water Caustics Effect for URP v2 | VFX Shaders | Unity Asset Store
Add depth to your next project with Water Caustics Effect for URP v2 from Masataka Hakozaki. Find this & more VFX Shaders on the Unity Asset Store.
水面に入射した光が複雑に屈折をし、水の底に独特な光の模様や筋をつくる集光現象をコースティクスと呼びます。
コチラの有料アセットは、リッチなコースティクスを簡単に追加することができるのでおすすめです。
今回の記事内で作成したような、自作の水面に追加するだけで、水面の表現をより綺麗に表現することができます。
おすすめアセットその２「Crest Ocean System URP」
あわせて読みたい
Crest Water System URP (Ocean, Rivers & Lakes) | Particles/Effects | Unity Asset Store
Use the Crest Water System URP (Ocean, Rivers & Lakes) tool for your next project. Find this and more particle & effect tools on the Unity Asset Store.
コチラのアセットも有料にはなりますが、水面に立体的な凸凹した波の表現がされていたり、浅瀬や深くなっている場所の表現があったりと、とてもリッチな水面や水中の表現をすることができます。
まとめ
- 水面を作るには、
- URP の Inspector から Opaque Texture にチェックを入れる。
- 右クリックで Create → Shader Graph → URP →「 Lit Shader Graph 」を選択し、Shader を作成する。
- Material を作り、数値を調整し、Planeに適用させる。
- 流れる水の表現、水を流すには水面を作成する際に使用したマテリアル・シェーダーを複製し、数値を調整することで作成することができる。
- Window → Rendering → Lighting を開き、「 Environment 」を選択し、Other Settings の Fog にチェックを入れ、Color を調整することで、水中の表現をすることができる。
この記事が気に入ったら
フォローしてね！
