Truchet Tiles

The Truchet Tiles generator creates a two-color pattern based on simple shapes in different orientations, such as quarter-circles or white squares with black diagonal lines. You can also use an image layer to create a custom tile pattern.

Canvas showing Truchet Tile generator with a variety of settings

Adjust this generator using the controls in the Generator Inspector:

  • Center: A slider that sets the center of the generator pattern.

  • Size: A slider that sets the scale of the tiles.

  • Shape: A pop-up menu that sets shape of the tile pattern to Diagonal Lines, Arcs, Dots, Pipes, or Custom. When Shape is set to Custom, you can assign an image layer (shape, text, image, and so on) as the tile for the generator.

  • Color 1: Color controls (available when Shape is set to Diagonal Lines, Arcs, Dots, or Pipes) that set the first color of the pattern. For more precise color selection, click the disclosure triangle to display Red, Green, Blue, and Opacity sliders.

  • Color 2: Color controls (available when Shape is set to Diagonal Lines, Arcs, Dots, or Pipes) that set the second color of the pattern. For more precise color selection, click the disclosure triangle to display Red, Green, Blue, and Opacity sliders.

  • Custom Tile Options: An image well and group of checkboxes that become available when Shape is set to Custom. Drag an image layer into the Custom Tile Image well to create custom tiles. Select or deselect the checkboxes to flip or rotate the custom tiles. When the No Transform checkbox is selected, a random selection of tiles are not flipped or rotated.

  • Random Seed: A slider that changes the random calculations to display the tiles differently. Modifying this value over time yields a constantly changing pattern. The easiest way to see and use the Random Seed parameter is to add a Ramp behavior to it (in the Parameter behavior category), then ramp from a very small random seed value to a very large random seed value over time.

  • Contrast: A slider (available when Shape is set to Diagonal Lines, Arcs, Dots, or Pipes) that sets how sharp or blurred the division is between the tiles and the background.