title: understanding matrix.transition(); as3
body: <p>I am trying to understand the method transition that falls in the Matrix Class. I am using it to copy pieces of a bitMapData. But I need to better understand what transitions do. </p>
  
  <p>I have a tilesheet that has 3 images on it. all 30x30 pixels. the width of the total bitmap is 90pxs. </p>
  
  <p>The first tile is green, the second is brown, and the third is yellow. If I move over 30pxs using the matrix that transitions, instead of getting brown, I get yellow, if I move over 60px, I get brown. </p>
  
  <p>If I move -30 pixels, then the order is correct. I am confused on what is going on.</p>
  
  <pre><code>tileNum -= (tileNumber * tWidth);
  theMatrix = new Matrix();
  theMatrix.translate(tileNum,0);
  this.graphics.beginBitmapFill(tileImage,theMatrix);
  this.graphics.drawRect(0, 0,tWidth ,tHeight );
  this.graphics.endFill();
  </code></pre>
  
  <p>Can someone tell me how transitions work, or some resources that show how they work. I ultimately want to know a good way to switch back and forth between each tile.</p>