UE4 Truchet Tiling

Exploring Truchet Tiling

I recently came across the Truchet tiling method. It’s a fascinatingly simple idea and works really nice for aesethic patterns

A variety of patterns can be formed by taking one or many images and rotating it for each edge.

Clipped from Wikipedia

First step is create a repeating uv tile.

Next we’ll use a noise image but down res it, by grabbing the nearest interger and then scaling it down by the repeats.

In order to rotate our image around each repeated cell, we need normalized values between 0 and 1 and for each image to rotate in 90 degree turns we need 0.25, 0.5, 0.75 for our rotator. So if you posterize the image by using the same technique above but not on the uv’s you get the right values.

(Mouse over)

Then we just plug in our first uv tile graph into a customRotator and then plug in the noise as the rotation values, connect that into the uv’s of our image sample and it will give us the unique Truchet tiling patterns.

Try using other patterns and more images, I found these online and connected it all up.

There are more methods and more ways to combine with this tiling pattern. Here’s one I found from Wyeth Johnson

You can also try combining this with SignedDistanceFields (SDFs) to make more crazy interesting patterns.

Mark Serena Written by:

Mark is an artist with a passion for technical art and things beyond his comprehension.