To show this artwork’s structure, the animation transforms a single shape to the final tessellation.
Here’s a summary of the stages. (See the Symmetry Tutorial for a full explanation.)
This artwork uses tessellation symmetry Hexagons.
The arrows show how edges are related in the initial tile.
Related edges always have matching shapes, so adjacent tiles interlock.
Using the edge relationships, add a tile adjacent to each edge. Flags and colors show how each tile is oriented.
Move corner points to change the initial shape. Related points also move, so tiles remain adjacent.
Reshape each edge. Related edges are also reshaped, so tiles remain adjacent.
Add detail and color to the key tile.
Duplicate the key tile to make a group with one tile in each orientation.
Duplicate the group in two directions to form the final artwork!
Note that these steps show the artwork’s structure, not necessarily how it was created.
Tessellation artists work in many different ways, with processes that are often quite different from these steps.
Controlling the animation
You can interact with the animation using these controls:
Play or pause
Click “play” button or click the artwork or press Space bar
Jump to frame
Click a stage image or click the slider or drag the slider
Move forward 1 step
Press Right arrow
Move forward 4 steps
Press Shift + Right arrow
Move forward ½ step
Press Ctrl + Right arrow
Move backward 1 step
Press Left arrow
Move backward 4 steps
Press Shift + Left arrow
Move backward ½ step
Press Ctrl + Left arrow
Move to start
Move to end
Hit the "play" button to see the symmetries behind this artwork.