class Mapa {
  celdas = [];
  constructor() {
    this.casillaSize = 32;
    this.numFilas = 10;
    this.numColumnas = 10;
    for (let x = 0; x < this.numFilas * this.numColumnas; x++) {
      this.celdas[x] = 0;
    }
  }

  getPos(event) {
    console.log(event.x, event.y);
  }

  draw(ctx) {
    ctx.beginPath();
    for (let i = 0; i <= this.numFilas; i++) {
      const y = i * this.casillaSize;
      ctx.moveTo(0, y);
      ctx.lineTo(this.casillaSize * this.numColumnas, y);
    }

    for (let i = 0; i <= this.numColumnas; i++) {
      const x = i * this.casillaSize;
      ctx.moveTo(x, 0);
      ctx.lineTo(x, this.casillaSize*this.numFilas);
    }
    ctx.strokeStyle = "#15ff00"; // Color de las líneas
    ctx.stroke();
  }
}

export default Mapa;