feat: add init methods to board

Author: legeidaa

src/Board/Board.ts

@@ -1,16 +1,38 @@
+import { Cell } from "~/Cell"
+
 export class Board {
-    rows: number = 100
-    cols: number = 100
-    cellSize: number = 10
+    _board: Cell[][] = []
+    _rows: number = 100
+    _cols: number = 100
     ctx: CanvasRenderingContext2D
 
     constructor(ctx: CanvasRenderingContext2D) {
         this.ctx = ctx
     }
+    init() {
+        this.fillBoard()
+        this.drawBoard()
+    }
+    
+    get board(): Cell[][] {
+        return this._board
+    }
+
+    fillBoard() {
+        for (let i = 0; i < this._rows; i++) {
+            this._board[i] = []
+            for (let j = 0; j < this._cols; j++) {
+                this._board[i][j] = new Cell(i, j)
+            }
+        }
+    }
 
-    draw() {
+    drawBoard() {
         this.ctx.beginPath()
-        this.ctx.rect(0, 0, this.rows * this.cellSize, this.cols * this.cellSize)
-        this.ctx.stroke()
+        for (let i = 0; i < this._board.length; i++) {
+            for(let j = 0; j < this._board[i].length; j++) {
+                this._board[i][j].draw(this.ctx)
+            }
+        }
     } 
 }

src/main.ts

@@ -15,5 +15,5 @@ if (container) {
     container.appendChild(canvas)
 
     const board = new Board(ctx)
-    board.draw()
+    board.init()
 }