Procedural Textures Pack - Tiles

by Nodes and noodles in Materials, Shaders, Textures

Kick-start your procedural materials

This pack contains:

  • 8 procedural tiles textures, each producing a different layout of tiles
  • a set of custom utility nodes to help you build procedural materials
  • an example material illustrating how to use these nodes to create high quality procedural materials.


Included example material

All the textures are customisable, some featuring different modes and types. The rounded edges of the tiles, the space between tiles, and the height of the grout are all adjustable.

Grout height variations

The nodes generate a heightmap for use with Bump or Displacement, a Mask to isolate tiles from grout, a unique random color value and UV map for each tile for texturing or further procedurals. Some nodes also feature a Header Mask for isolating certain pertinent tiles.

Simple In - Advanced Out

These procedural textures produce advanced results from simple inputs. They can use Object coordinates, UV maps, Generated coordinates, or any type of gradients. Size values are in world units for absolute control.

Note that the texture does not take a Vector input, but two separate axes named U and V. In the example material above, we use the X and Z axes of the Object Texture Coordinates.

The 8 Types

Each texture gives you a different layout of tiles with several options for customisation. Here are the 8 types and their variations:

  • Standard Tiles
  • English/English Cross
  • Double English Cross
  • Multi-bond
  • Multi-course
  • Herringbone
  • Basket Weave
  • Hexagonal


Highly Optimized Custom Nodes

This pack comes with a free additional pack of custom utility nodes to help you build your procedural materials:

  • Height Blend - mixes two values by returning the higher of the two
  • Value Mix - mixes two values like a Color Mix
  • Value Ramp - remaps two values to a custom range, similar to a Color Ramp
  • Grad Dist - an optimized circular gradient
  • Grad Rad - a radial gradient
  • UV Rotation - rotates two axes
  • Vector + Color - transforms a color into a vector and adds it to an input vector


Special Thanks

For a straight-out-of-the-box render, this pack includes a free CC0 HDRi background image texture generously provided by HDRi Haven.