The Pattern

This application draws patterns based on applying basic symmetry operations to a starting pattern constructed from a 2 × 2 array of simple shapes.

Computer generated image


Pattern type:


The 4 squares on the left show the initial pattern, with one of the cells highlighted. Click on a pattern cell to select it then an element (on the right) to update the pattern.

Starting Pattern Element Colour



Print Size:

The size (in pixels) or the printable image:

Random Depth:

The number of operations to apply when creating a random pattern:

Pattern Code:

The current code identifies the operations used to generate the current pattern, the new code can be used to apply a specific set of operations to the current templage. Click the "Apply Code" button.

Current: "   ", New code:



  1. Slide
  2. Invert
  3. Rotate 90
  4. Rotate 180
  5. Rotate 270
  6. Reflect
  7. Rotate 90 + Invert
  8. Rotate 180 + Invert
  9. Rotate 270 + Invert
  10. Reflect + Invert

Other pages

(c) John Whitehouse 2019 - 2020