UnityのShader GraphのTiling And Offsetノードで敷き詰めたタイルそれぞれに処理を行う方法

Question

実現したいこと

UnityのShader Graphを使って、少し特殊なテクスチャタイリングを施したいです。
タイリングを行う際に、それぞれのタイルごとにランダムな値でRotateをさせてから敷き詰めたいです。つまりゲーム実行中にタイルごとのテクスチャが回転し続けるわけではなく、タイルごとにテクスチャのRotateの値がばらばらの状態でタイリングされていてほしいということです。

前提

Unityのバージョンは2022.3.9f1です。
Shader Graphを使用します。
実現ができるのであればTiling And Offsetノードは使わなくても大丈夫です。
Custom Functionを使用する場合、入力はテクスチャ用のTexture 2Dとランダムな値用のVector1、出力はVector4だと助かります。

試したこと

Shader GraphのTiling And Offsetノードを使用して色々試してみましたがうまくいきません。
予想としてはこのノードは、あくまで一つの決まったテクスチャをタイリングするためだけのものでしかないのかと考えています。その場合Custum Functionノードを使うべきなのでしょうが、どのようなコードを書けばよいか分かりません。

Answer 1

Tiling And Offsetで作ったUV座標からFloorで整数部分を抜き出し、それとRandom Rangeを組み合わせればタイル毎にランダムな値を作れるんじゃないかと思います。

一例として下記のようなノード構成はいかがでしょうか。

なお、グラフ中のTex2DGradは下記のようなコードになっているのですが、

RGBA = SAMPLE_TEXTURE2D_GRAD(Texture, Sampler, UV, DX, DY);

これはタイルの境界ではUV座標が大きく飛びますので、ミップマップを持つテクスチャだと、通常のテクスチャサンプリングではミップマップレベルが正しく選択されずスジが生じてしまうことがあったため、その対策として使用したものです。Sample Texture 2Dでも見た目が問題ないようでしたら、この処置は不要です。

Comments

[junk13522]

ノードを真似してやってみたところ、無事思い通りのタイリングをすることができました！！
わざわざ実行の様子や起きうるであろう問題に対しての解決法まで用意してもらい、かつ丁寧に教えてくださり感謝してもしきれません！ここ数週間行き詰っていた問題がすべて解決しました！本当にありがとうございます！！

[Bongo]

すみません、自分でSample Texture 2Dのバージョン17のリファレンスへのリンクを挙げておきながらすっかり見落としておりお恥ずかしい限りなのですが、どうやらバージョン14以降はSample Texture 2Dのノードを選択してGraph Inspectorを開き、その中の「Mip Sampling Mode」を「Gradient」に切り替えれば入力ポートにDDXとDDYが出現してUV変化率を指定できるようでした。グラフ上に配置した初期状態のSample Texture 2Dノードの外観だけを見て、UV変化率は非対応なんだろうと早とちりしていました。
ご質問文によるとUnityのバージョンが2022.3.9f1とのことですから、Shader Graphのバージョン14を使用可能ですのでSample Texture 2Dでも必要に応じてTex2DGradと同様にUV変化率付きのテクスチャサンプリングができそうです。続きを読む ∨