Truchet tiles are a way to make art out of interlocking square images. Each square has connection points on all four sides, which lets them fit together in any rotation or configuration.
To celebrate Genuary 6 which had a theme of “steal like an artist”, I collaborated with the lovely and talented Ariel, who drew these squares:
And then I wrote this sketch which randomly rotates the tiles and places them in a grid:
Click here to edit this code in the p5.js editor.
Here are some example outputs:
forloop to position them in a grid.
Increase the randomness of an image along the Y-axis.
Make your own image filter.
Replace the colors in an image.
Blend two images together.
Rearrange an image into tiles.
Turn an image into a digital painting.
Rearrange the pixels in an image.
Sort the pixels in an image.
Find the 4-leaf clover 🍀
Make a stamp out of a cat picture.
Rotate interlocking images to create a pattern.
Add your own example to Happy Coding.
Happy Coding is a community of folks just like you learning about coding.
Do you have a comment or question? Post it here!
Comments are powered by the Happy Coding forum. This page has a corresponding forum post, and replies to that post show up as comments here. Click the button above to go to the forum to post a comment!