How to Create a Procedural Triangle Texture Shader in Blender

Creating geometric patterns procedurally in Blender’s Shader Editor offers infinite resolution and flexibility. While standard nodes like the Checker or Brick texture are built-in, there is no default “Triangle” node. If you want a repeating triangle grid for a sci-fi floor, architectural paneling, or fabric pattern, you must build it using mathematical operations.

*Combining Voronoi Distance metrics with Vector Math is the most efficient way to generate procedural triangles.*

Understanding the Math Behind the Shader

To create a triangle, we need to manipulate the coordinate space. We take standard 2D UV coordinates and apply mathematical functions (like Modulo and Absolute) to fold the space back on itself. Alternatively, we can use the specific distance metrics available in the Voronoi Texture node to generate sharp, triangular intersections.

Step-by-Step Triangle Node Setup

This workflow uses Blender 4.x’s Voronoi texture node, taking advantage of its distance calculations to rapidly produce a triangle grid.

1. Generating the Base Grid

1. Open the Shader Editor and add a Texture Coordinate node (Shift + A > Input > Texture Coordinate).
2. Add a Mapping node and connect the UV output from the Texture Coordinate to the Vector input of the Mapping node.
3. Add a Voronoi Texture node (Shift + A > Texture > Voronoi Texture).
4. Change the distance metric on the Voronoi node from Euclidean to Chebyshev.
5. Connect the Vector output from the Mapping node to the Vector input of the Voronoi node.
6. Connect the Distance output of the Voronoi node to the Base Color of your Principled BSDF.

At this point, you will see a grid of squares containing diamond shapes.

2. Angling the Space into Triangles

To turn these squares into a triangle grid, we need to shear the coordinate space.

1. Add a Vector Math node (Shift + A > Converter > Vector Math) and drop it between your Mapping node and the Voronoi Texture node.
2. Change the Vector Math operation from Add to Multiply.
3. Set the XYZ values of this Multiply node to X: 1.0, Y: 1.732, and Z: 1.0. (Note: 1.732 is the square root of 3, which is mathematically required to create perfect equilateral triangles).
4. Now, add a Math node (Shift + A > Converter > Math) and place it after the Voronoi Texture’s Distance output.
5. Change the operation to Greater Than. Set the Threshold to 0.5.

You now have a crisp, black-and-white mask of repeating equilateral triangles.

3. Adding Color and Bump

1. Add a Mix Color node (Shift + A > Color > Mix Color).
2. Plug the output of your Greater Than node into the Factor (Fac) input of the Mix node.
3. Choose your two desired colors (e.g., Gold and Dark Grey) for Input A and Input B. Plug this into the Base Color of the Principled BSDF.
4. To give the triangles physical depth, plug the Distance output from the Voronoi node into a Bump node’s Height input, and route that to the Normal input of the Principled BSDF.

Shader Diagnostic Reference Table

If your node setup isn’t looking like perfect triangles, check these common errors:

Symptom (现象/报错)	Primary Cause (根本原因)	Immediate Solution (快速解决方案)
Triangles are stretched or squashed	Missing the 1.732 multiplier	Ensure your Vector Math Multiply node has the Y value set exactly to 1.732.
Grid looks like blurry blobs instead of sharp edges	Missing the Greater Than threshold	Add a Math node set to Greater Than after the Voronoi distance output to clamp the gradient into sharp edges.
Pattern doesn’t wrap correctly around the model	Wrong Texture Coordinate input	Ensure you are using UV coordinates. If your model lacks UVs, use Generated but the pattern may stretch on certain axes.

Expanding Your Procedural Materials

Procedural nodes are incredibly powerful, but complex math setups can slow down viewport performance and increase render times. For complex geometric surfaces, combining a simple procedural base with baked textures is often the best approach for game engines and high-end rendering.

If you need to rapidly generate complex geometric normal maps and PBR textures without building massive node trees, power up your pipeline with our Free Online Normal Map and PBR Generator — Try Sci-Fi Panels. You can also generate fully tileable architectural patterns using our Seamless Texture Generator Online.

Related reading: What is a Normal Map? · Roughness Map Guide · Image to Normal Map Converter