Antegods Art Update: Crank up the Cracks

As Codeglue is working hard to make thier stonepunk arena action game Antegods a reality, you can stay up to date with regular development blogposts from thier design, art and code departments. This time, lead artist Tom shares his boundless love for Substance Designer. No clue what it is? Don’t worry, he’ll explain.

image

Pain in the ass

Texturing and creating in-game materials has always been fun… and a pain in the ass at the same time. Before I got going with Substance Designer, I used Photoshop and xNormal to create all the maps I needed. There was a lot of going back and forth between the two applications, which could get tedious. Well, no more!

Substance Designer (SD) is a piece of software that lets you create materials and textures on the fly. It uses a node-based system that’s surprisingly easy to use. As an artist I usually get scared as soon as I see nodes (or anything that’s not a brush, really). And to be honest, when I first looked at SD I was indeed a bit startled. Luckily the creators have made some amazing videos that show off what the app can accomplish. It just megakicks you from a cliff to let you take the required leap of faith.

Tell me why

First of all, why did we end up with Substance Designer anyway? The first reason was that Unity switched to a new Material System called PBS, Physically Based Shading, which is explained in this awesome blogpost. We wanted to make the most of this new technology.

The second reason is that with Antegods, we’d like to explore the field of procedural generation. SD has some amazingly fast algorithms that make it possible to generate materials on the fly. With one click or one new node, you can drastically alter the look and feel of an entire material.

Finally, the workflow to get all of this into Unity is great. You can export a full material into Unity and then alter it there… and everything just works!

Examples

Here are some examples of materials that we’ve built in Substance Designer.

image

Gold, Silver, Forest and GreebleCity.

With SD you’re just never done learning. There are so many ways to achieve the same result, some of which are better or faster than others.

Digging for Gold!

Next up, I’ll give you a tiny walkthrough on creating gold. Something that eluded alchemists for centuries, and an important material for a game based on ancient Latin-American culture.

If you know Substance Designer inside out, you’ll probably see stuff that could be done way better. If so, please share! On the other end of the spectrum, if you’re completely new to this piece of software, I suggest you first watch the extremely helpful tutorial videos from Allegorithmic.

The gold material actually quite easy to make, but it still took a lot of tweaking. Here’s the final Graph in Substance Designer.

image

I usually start off with a Specular/Glossiness setup. Mostly because I’m more used to it than the Metallic/Roughness version. This might already be weird, because Metallic/Roughness is the standard in Unity.

Secondly, I wanted a nice metal/stoney pattern with cracks and dents.

image

Cracks & Grain is a very subtle pattern that’s mostly seen in the Normal map and very lightly in the Diffuse map. I started with a Mosaic-styled tile, which I combined with some Clouds nodes to get a nice, subtle pattern in there.

image

Because I wanted the cracks to appear more in the Normal than in the Diffuse, I took the node just before the end to appear in the Normal map section.

image

Gold needs to be as smooth as possible to be convincing, otherwise you get yellow tinfoil. So the Normal map is super subtle, but still visible.

image

By adding a simple Gradient map to the Cracks & Grain map, I could easily create the Diffuse map.

There’s still something missing though. What’s nice about Substance Designer is that you can just work with the maps you’ve created earlier. Here I took the Normal map, turned it into a Curvature, pushed the values up and turned it into a color map. (Grayscale and Color maps don’t blend)

image

By blending this over the already existing Diffuse map, the texture turned into something a bit more interesting.

image

Finally, for the Specular I used a basic Clouds node, Gradient-mapped with some slightly darker colors than the Diffuse map, and added the details of the pumped up curvature on top of it.

For the Glossiness, I used the same Clouds node, brightened it up big-time (the brighter the shinier), added the pumped-up Curvature details, and I was done!

image
image

Now all that’s left is clicking export. SD then exports the .sbsar file to Unity, which functions just like a material. It automatically sets all the maps to the correct positions, after which it even allows you to adjust things. I must say the materials look slightly different in Unity than in Substance Designer itself, but the creators may have fixed this in their latest update.

image

There you go, the material is now in Unity. As you can see at the bottom, there are some settings. For example, you can easily set the size of your texture, which is really handy if you need to downscale your project.

There is also a Randomize button. If you press this, the material will change all the generated stuff. Now my gold is not the best example, because it uses the same small amount of clouds and cracks every time. However, if I crank up the cracks for a bit, and then press the Randomize button, look what happens:

image

Now this is close to the procedural generation we want. Every time you see something, it will look slightly different.

But things can get even more awesome in SD, as you can expose certain nodes or functions. These will then become visible in Unity, where you can adjust them. In this example, I’ve exposed two functions. The amount of cracks X and the amount of cracks Y. In the editor you can adjust the slider to your heart’s content.

image

Recommended by Tom

In conclusion, I can recommend Substance Designer to anyone working with textures and materials. It gives a lot of freedom and you get awesome results very quickly. There are so many functions that I think you can create anything you want.

By way of a farewell, here are some of the graphs we created while practicing. Good luck with those! 😉

image
image
image

Related posts