In this example, we will look at clockwise rotations, where the centre of rotation is the origin.
To see the effect in the interactive diagram below, click one of the buttons to rotate by 90°, 180° or 270°. You must click the reset button to return the shape to its original position before trying another angle.
If you wish, you can also move the shape to different position, by dragging the red point in the centre of the shape. You can then rotate it again to see the effect this has.
Compare this with the previous anticlockwise case. Notice that:
- a 90° rotation in the clockwise direction is equivalent to a 270° rotation in the anticlockwise direction
- a 270° rotation in the clockwise direction is equivalent to a 90° rotation in the anticlockwise direction
- rotating 180° clockwise or anticlockwise are equivalent to each other