title: html5 canvas drawing multiple images
body: <p>i have this code :<a href="http://jsfiddle.net/zyR9K/4/" rel="nofollow noreferrer">http://jsfiddle.net/zyR9K/4/</a></p>
  
  <pre><code>var Enemies = {
          x: 25,
          y: 25,
          width: 20,
          height: 30,
          speed: 0.5,
          color: "#000",
          draw: function () {
              canvas.fillStyle = this.color;
              canvas.fillRect(this.x+1, this.y, this.width, this.height);
          },
          update: function () {
              this.y += this.speed
          }
      };
  </code></pre>
  
  <p>I am having a bit of problem to create an algorithm that can produce multiple rectangle that wld look like this :</p>
  
  <p><img src="https://i.stack.imgur.com/JEkWU.png" alt="enter image description here"></p>
  
  <p>can anyone help me ?</p>