Click on the Action button to iterate the transform. Remember that it is an iterative process. The starting point for each step is the end point of the previous step. To help sort things out, click on the Action button several times to put a sequence of squares on the screen. Then pick a corner and mentally undo the displacements. Picture that corner down and left one square width. Then mentally unrotate it 45 degrees about the center of rotation and check that you would end up at the previous position. It seems that the transform combining spin and displacement first did the spinning then added the displacement. At least by undoing the displacement and then undoing the spin you could picture the square getting back to its starting place. Another observation about this combined transform is that adding the displacement at each iteration positioned the squares in a circle just as spin alone did, except that the center of the circle is displaced from the origin. This relates back to our discussion of fixed points.