Pixelated Ground in Unity Shader Graph

The other day I made a simple pixelated shader with Unity Shader Graph. That was a great start to make something new with that knowledge.

Often in games, especially with pixel art, they have this cool pixelated ground. Do you think that they painted it by hand? Who has so much time? ?

That’s why I’ll show you how to do it with two colors and a simple noise!

Create a graph ?

To start, let’s make a new shader graph and name it “Pixelated Ground Graph”. I’ll use the Unlit Graph.

Great! Now let’s open it and…

Make some NOISE! ?

We should begin by creating two color properties for our graph. Those will be primary and secondary colors of the ground.

Now let’s lerp between those colors by using Gradient Noise node.

We already have some cool effects on our quad, but we can make it pixelated!

Give it a little pixel spice ?

I wrote about how to make pixelated effect with shader graph already.

So if you’re curious, go and read it! ?

Otherwise, let’s go forward with our pixel effect. We can simply attach a pixelated effect to the UV input in the Gradient Noise node.

Result ?

And this is our result!

What do you think about this simple shader? Let me know in the comment section below! ?

If you know someone that might need this, share it with him! I would really appreciate that! ?

And if you are interested in getting emails when I release a new post, sign up for the newsletter!

The whole project is available at my public repository. ?

Hope to see you next time! ?