35 lines
767 B
JavaScript
35 lines
767 B
JavaScript
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;
|