How Tilings Work

How Tilings Work

🧠  What you’ll learn
  • Understand what a tiling is and how it’s like a recipe for your patterns
  • Learn the 3 basic ingredients to every tiling’s look and feel
  • Find your way around tiling options in Repper and start choosing them with intention
Have a look around you, what do you see? Maybe a tiled bathroom wall, a brick facade outside the window, maybe a tartan scarf. You've been surrounded by tilings your whole life, but you may never have used that word for them.

A tiling is like a recipe

A tiling covers a surface with repeating shapes, leaving no gaps and no overlaps. People have been playing around with this for a very long time: think back to the examples in Module 1 (
M1 · A brief history of patterns
). Those craftspeople were working out, by hand, the same geometry you're about to harness using Repper.
A tiling is like a recipe for how to make a specific kind of pattern. Look at the image below; the little image sample is like the ingredient while the tiling is the set of instructions that tells it how to repeat across the surface.
notion image
Alexander, the technical brain behind Repper, explains it in more detail:
Video preview
Use the same ingredient in a different recipe and you get a totally different dish. The same is true for patterns! Different tilings give you totally different patterns, even if the starting visual ingredient is the same:
notion image
✏️ Exercise: Pattern safari
Two small challenges to become more sensitive to spotting tilings:
  1. A safari: Try to spot tilings in the wild today, on clothing, packaging, floors. Which repeat exactly, and which only roughly?
  2. In Repper (open app): pick any image, then drag and resize the sample selection, but don’t change the tiling. Even though the design changes, can you see how the underlying shape of the tiling remains the same?

The 3 magic instructions

So what's inside such a recipe? Surprisingly little. Every tiling is built from some combination of just three moves:
  • Move: shift a copy sideways (like bricks in a wall)
  • Rotate: turn a copy around a point (like a pinwheel)
  • Reflect: flip a copy (like a mirror)
notion image
There's technically a fourth called the glide: a reflection and a move combined. Footprints in the sand are the classic example: left, right, left, each one a flipped and shifted copy of the last. We won't dwell on it, but now you can name it when you see it.
notion image
Tilings are made up of a series of instructions, from one up to dozens! Here you see an example of how the Bow Tie tiling in Repper is built up:
notion image
Don't worry if this dazzles your brain; it dazzles me too when I think about too deeply it 😊
All these recipes are built into Repper, so you don't need to understand them in detail. Repper generates them automatically, so you can focus on getting the look you're after. Pick with care, because these tilings have a big impact on the mood of a pattern. Reflection create balance: a mirrored pattern tends to feel calm and settled. Rotations create energy: things seem to spin, swirl, and dance. Once you start seeing patterns this way, you can't unsee it.
Here you see an example of the Echo Honeycomb in action, a tiling in Repper where you can even adjust the reflection in your pattern:
Video preview
 
In the next chapter, we'll look what kinds of tilings are out there, How does their geometry affects that way that the image sample is being repeated, and some special types of tilings.
 
🔑  Key Takeaway
A tiling is a recipe: your sample is the ingredient, along with three moves: move, mirror, rotate. Every geometric pattern is built up like this and once you’re able to break them down, you can start to see how