title: Drawing Rects on HTML5 canvas
body: <p>Is it possible to store a rectangle in a variable in order to access that variable and move it around? Something like:</p>
  
  <pre><code>var rect = new Rect();
  /* then in update() method */
  rect.x += 5;
  rect.y += 5;
  </code></pre>
  
  <p>Is something like this possible, or do you have to create a new rectangle using context each time? If this is the only possible way, I don't understand how you can target each rectangle drawn in the canvas. Can someone please explain this to me?</p>