No More Textures

A number of shapes can be made without using relatively expensive textures. I thought it be useful to get a thread going showcasing various examples.


8 Likes

didn’t make these two myself, but I also don’t remember where I found them so can’t credit the artist.

5 Likes

The essential collection of 2D shape functions:
http://www.iquilezles.org/www/articles/distfunctions2d/distfunctions2d.htm

But “relatively inexpensive” is very… relative :smile: ALUs are cheaper than texture reads, that’s right, but usually you need more than 1 shape :wink: Procedural shapes’ upside is that they scale well. Always sharp, no compression artifacts. And they are much easier to animate. Filtering can be a problem though, for a big frequency/small area.

Distance field-based procedurals also have interesting properties when you lerp between them. Basically you blend distorted UV spaces, only then run the threshold function to finalize a shape. I tried it here:

6 Likes

Hello, I understand what you are showing, but can you give us an example of when you would use this over another option.

In other words, would you use this in menu animations or some other 2d plane?

Hexagon.

You can also use a custom node with step(x,y); instead of the if statement.

2 Likes

one more example of material without textures

1 Like

Building off that. You can bevel the edge a gradient using the remap node.

1 Like

Here’s a few different ways to make squares.

6 Likes

COOL!:grinning::grinning::grinning::grinning::grinning: