How to make simple noise seamless with shader graph

Question

So I am making a game where there is a layer of clouds on top of a map. The clouds layer consists of plane tiles that have a cloud shader attached to them. The problem is that the shader material on the planes is not “repeating” or is not seamless as clouds are supposed to be. How could I make this so that there are no borders in the tiles? Or should I just use a repeating texture instead of simple noise?

206647-0xi1v1tytt.jpg1808×738 113 KB

I created the shader using this tutorial: https://www.youtube.com/watch?v=xxhvUyvIH6s

Knockwurst

Answer 1

I don’t have much experience using shader graph, but I think you need to offset the noise sampling. Notice how all the planes have identical noise maps. What you need to do is offset the sampling area by the scale of the sample, times the location of the plane.

Yiddish

Answer 2

I could not find a straight answer but decided to use a seamless noise texture instead.

The textures I used: Seamless looping waves heightmaps | OpenGameArt.org
Credit: zookeeper

Knockwurst

Answer 3

The easiest solution is probably to use the world space position instead of UVs. Assuming your game is in the xy-plane, you can simply connect a position node to the UV input of the tiling and offset node. This won’t result in seamless repetition but in seamless, non-repeating noise. Alternatively it is also possible to implement a gradient noise function with seamless tiling by using wrapped grid coordinates when calculating the random gradients but that’s much more complicated.

Cowbell

Answer 4

I’ve found if you have more than one object with the noise, then you can use the “absolute position” as the UV cord for the noise, and the noise will tile between the objects:

Incident