Tessellation & symmetry patterns
Tessellations, tiling & symmetry patterns (band ornaments, tessellating polygons) — the richest bridge to generative art.
A tessellation is a way of covering a flat surface with copies of a shape so there are no gaps and no overlaps — like tiles on a bathroom floor. Symmetry patterns are what happen when you repeat a motif by sliding, flipping or turning it.
What it means
A tessellation (or tiling) fills the whole plane with copies of one or more shapes, leaving no gaps and no overlaps. The shapes fit edge to edge, and the pattern could carry on forever in every direction.
Whether a shape tessellates comes down to the corners. At every point where tiles meet, the angles around that point must add up to exactly 360° — a full turn. Three regular polygons tile the plane on their own: the equilateral triangle (six meet at a point, 6 × 60° = 360°), the square (4 × 90° = 360°), and the regular hexagon (3 × 120° = 360°). A regular pentagon does not: its corner is 108°, and no whole number of 108° angles makes 360°, so gaps are unavoidable.
Symmetry is what makes a pattern repeat. A symmetry is a move you can do to a pattern that leaves it looking exactly the same. There are four kinds:
- Translation — slide the motif sideways without turning it.
- Reflection — flip it across a mirror line.
- Rotation — turn it about a fixed point (a hexagon looks the same after a
60°turn). - Glide reflection — flip and slide, like left–right–left footprints.
A band ornament (or frieze) is a strip pattern that repeats in just one direction — think of a decorative border. A wallpaper pattern repeats in two directions and fills the whole plane. Tessellations and symmetry are two sides of one idea: repeating a motif by these moves is exactly how you tile a surface.
Worked examples
1 — Which regular shapes tile? Multiply the corner angle by how many tiles meet:
| Shape | Corner angle | Fits at a point? |
|---|---|---|
| Triangle | 60° | Yes — 6 × 60 = 360 |
| Square | 90° | Yes — 4 × 90 = 360 |
| Pentagon | 108° | No — 3 × 108 = 324, 4 × 108 = 432 |
| Hexagon | 120° | Yes — 3 × 120 = 360 |
2 — Build a band ornament. Draw a small motif, say L. Slide a copy right, then another: L L L L. Now alternate a flipped copy: L Γ L Γ. Both repeat forever in one direction — two different frieze patterns from the same motif.
3 — Reflect into a mandala. Take one wedge-shaped motif and reflect it across 6 axes fanning out from a centre. The 6 copies close into a ring with six-fold rotational symmetry — a simple mandala.
The generative-art connection
This concept is the richest bridge to generative art, because the mathematics is the picture. In KaleidoPaint you draw a single stroke and the program instantly copies it across a chosen symmetry, filling the plane with a wallpaper pattern — you are literally painting a symmetry group. In the Symmetry Artist, one motif reflected across N axes becomes a mandala, so choosing N sets how many fold-lines the finished art has.
The internal dot-multiplier tool shows the seed idea at its simplest: place one dot and it multiplies into a radially symmetric starburst, so the count of arms and the angle between them are both on screen at once — rotational symmetry you can watch happen. Snapping polygons together in Polypad turns the “angles must sum to 360°” rule into something you feel in your hands, because non-tiling shapes visibly refuse to close.
Common misconceptions
- “Any shape can tessellate.” Not on its own — a regular pentagon leaves gaps. What matters is whether angles meeting at a point sum to
360°. (Curiously, every triangle and every quadrilateral tiles, but not every polygon does.) - “A pattern that repeats is symmetric only if it has a mirror line.” Sliding (translation) and turning (rotation) are symmetries too. A pattern can repeat perfectly with no mirror at all.
- “Rotational symmetry means it looks the same after any turn.” Only after specific turns — a hexagon matches itself every
60°, not at every angle in between.
What a learner should be able to solve
The benchmark for mastering this concept — the problems a child at this stage is expected to be able to work through.
-
A shape tiles the plane if the angles meeting at every corner point add up to exactly `360°`. A regular octagon has a corner angle of `135°`. Can regular octagons tile the plane all by themselves? Explain using the angle.
Answer
No. You would need `360 ÷ 135` octagons at a point, but `360 ÷ 135 = 2.66...`, not a whole number (`2 × 135° = 270°`, `3 × 135° = 405°`). Since no whole number of `135°` angles makes exactly `360°`, gaps or overlaps are unavoidable, so regular octagons cannot tile alone. (In real floors, octagons are paired with small squares to fill the gaps.)
Art hook Canvas: draw one regular octagon, then keep pasting copies corner-to-corner around a centre point. Show the running angle total; when it passes `360°` the last tile flashes red and overlaps, making the failure visible.
-
Squares tile the plane: at a point where squares meet, `4` squares fit because `4 × 90° = 360°`. Now suppose triangles (corner `60°`) and squares (corner `90°`) meet at the SAME point, using some of each. Find one combination of triangles and squares whose angles add up to exactly `360°`.
Answer
Three triangles and two squares: `3 × 60° + 2 × 90° = 180° + 180° = 360°`. (This is a real semi-regular tiling.) Any mix of triangle and square corners summing to exactly `360°` is correct.
Art hook Canvas: an arc that fills as you click a triangle (+60°) or square (+90°) button, wrapping around a circle. Land exactly on `360°` and the wedges snap into a coloured rosette around the centre; overshoot and it flashes.
-
A border pattern (band ornament) repeats a motif in one straight direction. Take the motif `p` and describe two DIFFERENT infinite borders you can make: one using only sliding (translation), and one that also uses flipping (reflection).
Answer
Slide only: `p p p p p ...` — every copy identical, shifted right. Flip too: `p q p q p q ...` (each `q` is `p` mirrored left-to-right), giving a border with vertical mirror lines between the pairs. Both repeat forever; the second has reflection symmetry the first lacks.
Art hook Canvas: a horizontal strip where a drawn glyph repeats rightward. A toggle switches between pure translation and mirror-alternation, so the child watches the same motif build two distinct friezes side by side.
-
A motif is reflected across `8` mirror lines that fan out evenly from a centre point, like spokes of a wheel. Through what is the SMALLEST angle you could ROTATE the finished pattern so it looks exactly the same again?
Answer
`360° ÷ 8 = 45°`. Eight evenly-spaced mirror lines give the finished pattern eight-fold rotational symmetry, so the smallest turn that maps it onto itself is `45°`.
Art hook Canvas: place N mirror axes through the centre (a slider sets N); one drawn stroke instantly becomes its reflected copies — a live mandala where the smallest rotation angle `360 ÷ N` is shown on screen and updates as N changes.
-
Spot the mistake. A classmate says: "A regular pentagon has a corner angle of `108°`, and `108° × 3 = 324°`, which is less than `360°`, so there is still room — I'll just squeeze in one more pentagon to fill the gap." What is wrong with this reasoning?
Answer
Adding a fourth pentagon gives `108° × 4 = 432°`, which is MORE than `360°`, so the fourth tile would overlap. Three pentagons leave a `36°` gap, four overlap — no whole number of `108°` angles equals `360°`, so regular pentagons cannot tile the plane. You cannot 'squeeze in' a partial tile.
Art hook Canvas: three pentagons meet leaving a visible `36°` wedge of empty space; a 'try a 4th' button drops the fourth pentagon and it visibly overlaps the first, with both the gap and the overlap highlighted.
Training exercises
Practice problems, easier first, that build toward the bar above. Each doubles as a seed for an interactive artwork.
-
Look at these covered surfaces. Which of them could be a tessellation (tiles with NO gaps and NO overlaps)? (a) a brick wall, (b) round coins packed together on a table, (c) a chessboard of squares.
Answer
(a) the brick wall and (c) the chessboard tessellate — the shapes fill the surface with no gaps or overlaps. (b) round coins leave curved gaps between them, so it is NOT a tessellation.
Art hook Canvas: three thumbnails (bricks, circles, squares). Clicking one zooms in and shades any leftover gaps in yellow, so children see instantly which pattern leaves holes.
-
Copy and continue this repeating border two more times: `△ ▽ △ ▽ △ ▽ ...`. What is the repeating unit (the smallest chunk that repeats)?
Answer
It continues `... △ ▽ △ ▽`. The repeating unit is `△ ▽` — an up-triangle followed by a down-triangle.
Art hook Canvas: a strip that auto-extends the `△ ▽` motif rightward forever; the smallest repeating unit is boxed and highlighted as it tiles.
-
A square has corners of `90°`. How many squares fit exactly around a single point with no gap or overlap? Show the multiplication.
Answer
`4` squares, because `4 × 90° = 360°`, a full turn.
Art hook Canvas: four squares snapping one at a time around a central dot, with an angle counter ticking `90, 180, 270, 360` until the point is fully surrounded.
-
An equilateral triangle has corners of `60°`. How many triangles meet around one point to make a full `360°` turn? Show the multiplication.
Answer
`6` triangles, because `6 × 60° = 360°`.
Art hook Canvas: triangles fanning around a centre like a pie; each added triangle sweeps `60°` of an arc, forming a hexagon rosette once six are placed.
-
A regular hexagon has corners of `120°`. Do hexagons tessellate? Use the angle to decide how many meet at a point.
Answer
Yes. `3 × 120° = 360°`, so exactly three hexagons meet at each point with no gap or overlap — like a honeycomb.
Art hook Canvas: grow a honeycomb outward from one hexagon; every shared corner glows to show three hexagons (`3 × 120°`) meeting there.
-
Which of these moves keeps a pattern looking exactly the same? For each, answer symmetry or not a symmetry: (a) slide a wallpaper motif one full step sideways, (b) turn a square `90°` about its centre, (c) turn a square `45°` about its centre.
Answer
(a) symmetry — a translation leaves a repeating wallpaper pattern looking identical. (b) symmetry — a square looks identical after a `90°` turn. (c) not a symmetry — after `45°` a square looks tilted, not the same.
Art hook Canvas: a square on a turntable that a slider spins. Each time the drawing lines up with a faint 'ghost' of the original, the screen flashes 'match!' — matches land at `0°, 90°, 180°, 270°`.
-
Left–right–left footprints going down a path repeat by a 'flip AND slide' move. What is this special symmetry called, and how is it different from a plain reflection?
Answer
It is a glide reflection. A plain reflection just flips the motif across a mirror line (the copy stays put); a glide reflection flips AND slides along that line, so the mirrored copy also moves forward — exactly like alternating footprints down a path.
Art hook Canvas: a footprint stamp that walks down the screen, each step flipped left/right and shifted forward, tracing a glide-reflection frieze.
-
You want to tile a floor using only regular pentagons (corner `108°`). Try to fit them around one point: what is `3 × 108°`? Is that a full turn? What does this tell you about tiling with pentagons?
Answer
`3 × 108° = 324°`, which is less than `360°`, leaving a `36°` gap. Since no whole number of `108°` angles equals exactly `360°` (four would give `432°`, an overlap), regular pentagons cannot tile the plane on their own.
Art hook Canvas: drop pentagons around a point; after three, a bright `36°` gap-wedge remains, labelled, showing why the tiling fails.
-
A motif is reflected across `6` mirror lines that fan out evenly from a centre point. Counting reflections and turns, how many copies of the motif appear in the finished pattern, and what is the smallest turn that leaves the whole pattern unchanged?
Answer
`6` evenly-spaced mirror lines produce `12` copies in all (6 original-facing plus 6 mirrored). The smallest rotation that maps the pattern onto itself is `360° ÷ 6 = 45°`? No — `360° ÷ 6 = 60°`, so the smallest turn is `60°`.
Art hook Canvas: a kaleidoscope with 6 axes; one stroke becomes a 12-copy mandala. A readout shows both the copy count and the smallest rotation angle `60°`, updating live if you change the number of axes.
-
True or false, and explain: 'Every triangle, no matter its shape, can tessellate the plane.'
Answer
True. Any triangle tiles: rotate a copy `180°` and join it to the original to make a parallelogram, and parallelograms tile in rows. So even a slanted (scalene) triangle tessellates. (The same trick works for any quadrilateral.)
Art hook Canvas: draw any triangle; the tool auto-rotates a `180°` copy to pair it into a parallelogram, then tiles that parallelogram across the whole canvas.
-
Design challenge: choose one motif and make a pattern with EXACTLY three-fold rotational symmetry (it looks the same after a `120°` turn, but not after any smaller turn). Describe how you would place the copies.
Answer
Place three identical copies of the motif around a centre point, each rotated `120°` from the last (`360° ÷ 3 = 120°`). Then it matches itself after `120°` and `240°` turns but not after any smaller turn — that is three-fold rotational symmetry. Any correct three-around-a-point arrangement works.
Art hook Canvas: a slider sets the fold-count N; with N=3 the motif is placed at `0°, 120°, 240°`. The child draws once and gets a triskelion; changing N re-tiles instantly.
-
Half of a symmetric butterfly is drawn to the LEFT of a vertical mirror line. The left wing's top corner is `3` squares left and `2` squares up from the line. Where is the matching corner on the right wing?
Answer
`3` squares RIGHT and `2` squares up from the line (same height, mirrored across). Reflection keeps the up/down position and flips left↔right, so the corner sits at the mirror-image point.
Art hook Canvas: a grid with a central vertical axis; whatever the child plots on the left is instantly mirrored to the right, completing a symmetric butterfly dot by dot.