javascript - Javascript: キャンバス上にレンガを構築する

Question

わかりました、どこでも検索しましたが、特に役立つものは見つかりませんでした。純粋な JavaScript を使用してブレイクアウト ゲームをコーディングしようとしています。初心者なので浮き沈みはありましたが、ボールだけでなくパドルも表示・操作できました。しかし、ボールが破壊するためのブリックウォールを構築するには、私はあまりにも愚かなようです。さらにいくつかの .js ファイルを使用しているため、コードは 1 つのファイルに詰め込まれていません。

ブリックは BreakOutGame.js (メイン ファイル) 内で初期化されますが、ブリックの描画はファイル Brick.js で行う必要があります。

BreakOutGame.Js のコードは次のとおりです。

function privateInitContent(){
var bricks = [];
for (var r = 0; r < BRICK_ROWS; r++){
 for (var c = 0; c < BRICK_COLUMNS; c++){
  var brick[r][c] = new Brick(privateContext, BRICK_XPOS, BRICK_YPOS, BRICK_COLOR, BRICK_WIDTH, BRICK_HEIGHT);
   bricks[r][c].push(brick);
  }
 }
}

これはうまくいかないようです。Brick.js ファイルの内容は次のとおりです。

var Brick = function(context, xPos, yPos, color, width, height) {

this.context = context;

this.BrickXPos = xPos;
this.BrickYPos = yPos;
this.BrickWidth = width;
this.BrickHeight = height;

this.BrickColor = color;

}

Brick.prototype.draw = function() {

this.context.fillStyle = this.color;
 this.context.fillRect(this.BrickXPos,this.BrickYPos,this.BrickWidth,this.BrickHeight);


}

誰でも私にアイデアを与えることができますか？私は本当にこれが必要です:/