Reimar/infinite-minesweeper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: Reimar:flag-and-reveal
Branches Tags
Reimar:master
Reimar:flag-and-reveal
Reimar:oob-checking
..
compare: Reimar:master
Branches Tags
Reimar:flag-and-reveal
Reimar:oob-checking
Reimar:master

No commits in common. "flag-and-reveal" and "master" have entirely different histories.
flag-and-r ... master

1 changed files with 6 additions and 86 deletions
Show Stats Expand all files Collapse all files

90
minesweeper.js
View File

@ -1,4 +1,4 @@
const board = []; var board = [];
const canvas = document.getElementById("minesweeper"); const canvas = document.getElementById("minesweeper");
@ -49,13 +49,6 @@ function draw() {
context.fillRect(x * CELL_SIZE + CELL_SIZE - STROKE_SIZE, y * CELL_SIZE + STROKE_SIZE, STROKE_SIZE, CELL_SIZE - STROKE_SIZE); context.fillRect(x * CELL_SIZE + CELL_SIZE - STROKE_SIZE, y * CELL_SIZE + STROKE_SIZE, STROKE_SIZE, CELL_SIZE - STROKE_SIZE);
context.fillRect(x * CELL_SIZE + STROKE_SIZE, y * CELL_SIZE + CELL_SIZE - STROKE_SIZE, CELL_SIZE - STROKE_SIZE, STROKE_SIZE); context.fillRect(x * CELL_SIZE + STROKE_SIZE, y * CELL_SIZE + CELL_SIZE - STROKE_SIZE, CELL_SIZE - STROKE_SIZE, STROKE_SIZE);
if (cell.isFlagged) {
context.fillStyle = "red";
context.beginPath();
context.arc(x * CELL_SIZE + CELL_SIZE / 2, y * CELL_SIZE + CELL_SIZE / 2, CELL_SIZE / 3, 0, 2 * Math.PI);
context.fill();
}
if (cell.isRevealed) { if (cell.isRevealed) {
if (cell.isMine) { if (cell.isMine) {
context.fillStyle = "black"; context.fillStyle = "black";
@ -151,9 +144,6 @@ function getCellNumber(x, y) {
} }
function revealCell(x, y) { function revealCell(x, y) {
if (board[x][y].isFlagged) {
return;
}
board[x][y].isRevealed = true; board[x][y].isRevealed = true;
if (getCellNumber(x, y) === 0) { if (getCellNumber(x, y) === 0) {
@ -166,93 +156,23 @@ function revealCell(x, y) {
} }
} }
function cellMarkedAsMine(cell) {
return cell.isFlagged || (cell.isRevealed && cell.isMine);
}
function revealSafeCell(x, y) {
if (!board[x][y].isRevealed || board[x][y].isMine) {
return;
}
const targetValue = getCellNumber(x, y);
const neighbours = getCellsAround(x, y);
const revealedBombs = neighbours
.map(([x, y]) => board[x][y])
.map(cellMarkedAsMine)
.reduce((acc, isMine) => acc + (isMine ? 1 : 0), 0);
if (revealedBombs === targetValue) {
neighbours.forEach(([x, y]) => revealCell(x, y))
}
}
function flagCell(x, y) {
if (board[x][y].isRevealed) {
return;
}
board[x][y].isFlagged = !board[x][y].isFlagged;
}
window.addEventListener("contextmenu", event => {
event.preventDefault();
})
const MouseButton = Object.freeze({
Left: 0,
Middle: 1,
Right: 2,
})
window.addEventListener("mousedown", event => { window.addEventListener("mousedown", event => {
const { x, y } = screenCoordsToBoardCoords(event.pageX + scrollX * 2, event.pageY + scrollY * 2); const { x, y } = screenCoordsToBoardCoords(event.pageX + scrollX * 2, event.pageY + scrollY * 2);
switch (event.button) {
case MouseButton.Left:
revealCell(x, y); revealCell(x, y);
break;
case MouseButton.Middle:
event.preventDefault();
revealSafeCell(x, y);
break;
case MouseButton.Right:
event.preventDefault();
flagCell(x, y);
break;
default:
return true;
}
draw(); draw();
}); });
function columnContainsOnlyUnrevealed(column) {
return column.every(cell => !cell.isRevealed);
}
window.addEventListener("wheel", event => { window.addEventListener("wheel", event => {
let deltaX = 0, deltaY = 0;
if (event.shiftKey) { if (event.shiftKey) {
deltaX = event.deltaY; scrollX += event.deltaY;
} else { } else {
deltaX = event.deltaX; scrollX += event.deltaX;
deltaY = event.deltaY; scrollY += event.deltaY;
} }
console.log(scrollY + deltaY + window.innerHeight, board.length * CELL_SIZE); // TODO create new rows/columns on scroll
if (scrollY + deltaY + window.innerHeight > board.length * CELL_SIZE) {
if (board.slice(-20).every(columnContainsOnlyUnrevealed)) {
console.log("ignoring");
return;
}
const diff = scrollY + window.innerHeight - board.length * CELL_SIZE;
for (let i = 0; i < diff + CELL_SIZE; i += CELL_SIZE)
createRowAtBottom();
}
scrollX += deltaX;
scrollY += deltaY;
draw(); draw();
}); });