rn.log

備忘録など

【シェーダーグラフメモ その25】ランダムな波紋をもつ六角形タイル

以下のような模様を作るシェーダーグラフです。
f:id:r-ngtm:20181216234722p:plain

準備 : 六角形カスタムノードを使えるようにする

以下のカスタムノードをUnityプロジェクトへ追加し、Hexagonカスタムノードが使える状態にします。
六角形タイルを作るShaderGraphカスタムノード · GitHub

Hexagonノードは六角形タイルを出力してくれます。
f:id:r-ngtm:20181216164024p:plain

作り方解説

STEP1: 波紋をもつ六角形タイルを作る

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

STEP2: ノイズを加える

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

STEP3: 六角形位置でズラす

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

STEP4: Smoothstepで補正(完成)

Smoothstepで白黒の強弱をつけて完成です。
f:id:r-ngtm:20181216235314p:plain

ノード全体

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