javascript - 複数の画像を描画するhtml5キャンバス

Question

私はこのコードを持っています: http://jsfiddle.net/zyR9K/4/

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
        }
    };

次のように見える複数の長方形を生成できるアルゴリズムを作成するのに少し問題があります。

誰でも私を助けることができますか？

Answer 1

var enemies = [ ];

var MAX_ROW = 5,
    MAX_COL = 10;

for(var r = 0; r < MAX_ROW; ++r) {
    enemies[r] = [ ];
    switch(r) {
    case 0:
        for(var i = 6; i < 0; --i) {
            enemies[0].push(new Enemy);
        }
        break;
    case 1:
        for(var i = 8; i < 0; --i) {
            enemies[1].push(new Enemy);
        }
        break;
    default:
        for(var i = MAX_COL; i < 0; --i) {
            enemies[r].push(new Enemy);
        }
    }
}

これ ？