onload=()=>{ var CELL_SIZE = 20; var GRID = [ [0,0,0,0,0,0,0,0,0,0,0,0], [0,1,0,1,1,0,1,0,0,1,0,1], [0,1,1,1,1,0,1,0,0,1,0,1], [0,0,1,1,1,1,1,0,0,0,1,1], [0,0,0,0,1,1,0,1,1,1,1,1], [0,0,0,0,0,0,1,1,1,1,1,1], [0,0,0,0,0,1,0,1,0,1,1,1], [0,0,0,0,1,1,1,1,1,1,1,1], [0,0,0,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1], [0,1,1,1,1,1,1,1,1,0,1,1], [0,1,0,1,1,1,0,0,0,0,1,1], [0,1,1,1,1,1,0,0,0,0,1,1], [0,0,1,1,1,0,0,0,0,0,1,1] ]; var SCREEN_WIDTH = GRID[0].length*CELL_SIZE; var SCREEN_HEIGHT = GRID.length*CELL_SIZE; function Game(cellSize, screen_width, screen_height){ this.cellSize = cellSize; this.screen_width = screen_width; this.screen_height = screen_height; this.cellsHorizontal = screen_width / cellSize; this.cellsVertical = screen_height / cellSize; this.undoBuffer = []; this.paint = true; this.grid = this.buildGrid(); this.finalGrid = GRID; this.linesFilled = this.analyzeBoardLines(); this.columnsFilled = this.analyzeBoardColumns(); } Game.prototype.buildGrid = function(){ var grid = []; for(let i=0;i{ let grid = []; for(let i=0; i{ switch(this.clickAction){ case "ERASE": return this.grid[row][col] == 0; case "PAINT": return this.grid[row][col] == 1; case "BLOCK": return this.grid[row][col] == 2; } }; Game.prototype.click = function(x, y){ col = Math.floor(x/this.cellSize); row = Math.floor(y/this.cellSize); if(this.isValidLocation(x, y) && !this.alreadyClicked(row, col)){ this.undoBuffer.push([ [x,y], this.grid[row][col] ]); switch(this.clickAction){ case "ERASE": this.grid[row][col] = 0; break; case "PAINT": this.grid[row][col] = 1; break; case "BLOCK": this.grid[row][col] = 2; break; } } }; Game.prototype.isValidLocation = function(x, y){ return (x >= 0 && x < SCREEN_WIDTH && y >= 0 && y < SCREEN_HEIGHT); }; Game.prototype.drawLine = function(startx, starty, endx, endy, color, line_width){ context.strokeStyle = color; context.lineWidth = line_width; context.beginPath(); context.moveTo(startx, starty); context.lineTo(endx, endy); context.stroke(); }; Game.prototype.render = function(){ context.fillStyle = "#ccc"; context.fillRect( 0, 0, this.screen_width, this.screen_height); context.fillStyle = "black"; for(let i=0; i

nonogram #2