rn.log

備忘録など

【シェーダーグラフメモ その46】滝を作る

 

はじめに

シェーダーグラフとProBuilderを組み合わせて、以下の滝のようなものを作る方法を解説します。

f:id:r-ngtm:20190203001411g:plain

 

長くなるため今回は解説しませんが、上記の滝に手を加えると以下のような滝を作ることも可能です。

f:id:r-ngtm:20190203001933g:plain

 

GitHubサンプル

github.com

作り方解説

STEP1 : 板を作成

ProBuilderで3x1の大きさの板を作成します。

f:id:r-ngtm:20190202194729p:plain

 

f:id:r-ngtm:20190202230944p:plain

STEP2 : ノイズとx座標でStepをとる

スクロールするノイズとUVのx成分でStepをとり、PBR Masterノードに出力します。

f:id:r-ngtm:20190202194049p:plain

f:id:r-ngtm:20190202231227g:plain

 

STEP3 : Lerpで色を付ける(シェーダーグラフ完成)

Lerpノードで色を付ければシェーダーグラフは完成となります。

f:id:r-ngtm:20190202231549p:plain

 

f:id:r-ngtm:20190202231819g:plain

 

STEP4 : メッシュをL字型にする

辺を選択し、Shiftキーを押しながら辺をY軸下方向に動かし、水が落ちる部分のメッシュを作成します。

f:id:r-ngtm:20190202232402g:plain

 

 

STEP5 : UV EditorでUVを編集

次に、縦メッシュのUVを編集していきます。

まずはProBuilderのUV Editorを起動します。

f:id:r-ngtm:20190202232831p:plain

 

先ほど作成した縦の面を選択し、UVエディタ上で選択面を右へ移動させます。

f:id:r-ngtm:20190202233641g:plain

 

Rotationを270°に設定します。

f:id:r-ngtm:20190202234255g:plain

 

ここまでの作業を終えると以下のようになります。

f:id:r-ngtm:20190202234618g:plain

縦メッシュの泡の動きの向きが逆になっていますね。

 

ここで流れの向きを逆向きにするため、新しくシェーダーグラフを作成します。

 

STEP6 : 流れの向きを逆にしたシェーダーグラフを作成

STEP2 ~ STEP3で作成したシェーダーグラフを複製し、

時間の係数(0.7, 0.0)を(-0.7, 0.0)に置き換えます。

f:id:r-ngtm:20190202235102p:plain

 

 このシェーダーグラフからマテリアルを作成しておいてください。

 

STEP7 : 縦メッシュにマテリアルを割り当てる

Material Editorを起動します。

f:id:r-ngtm:20190202235504p:plain

 

STEP6のシェーダーグラフから作成したマテリアルを縦メッシュに割り当てます。
f:id:r-ngtm:20190203001050g:plain

完成

滝の完成です。

f:id:r-ngtm:20190203001411g:plain

 

微調整

水に浮かぶ泡を加えたりメッシュの形に手を加えて以下のような滝を作ってみました。

説明が長くなるため、詳細は割愛します。

f:id:r-ngtm:20190203001933g:plain

 

ノード全体

f:id:r-ngtm:20190203002316p:plain

 

メッシュ

f:id:r-ngtm:20190203002406p:plain