title: Order of Concatenation for Transform in Swift Playgrounds
body: <p>While using playground I discovered somewhat of an unexpected scenario</p>
  
  <p>I was translating a <code>square(w: 100, h: 100)</code> from <code>(0,0)</code> to <code>(150, 150)</code> and rotating it .pi. I was using concatenation to translate and rotate the square at the same time, so this came as a surprise but when I switched what order I was calling the translation and rotation, the square would move different ways</p>
  
  <p>When I rotated the square before I translated it, the square would move from<code>(0,0)</code> to <code>(150, 150)</code>, as predicted</p>
  
  <p>However, when I translated before I rotated the square, the square would move from <code>(0,0)</code> and rotate up and left off the screen, which to me doesn't logically make sense, can someone try and explain this to me?</p>
  
  <p><img src="https://i.stack.imgur.com/xvnX5.png" alt="Code from the Playground"></p>
  
  <p><img src="https://i.stack.imgur.com/YwRdh.png" alt="Two Lines of Code Changed"></p>