feat: 加了扫雷小游戏

.vitepress/composables/logic.js

@@ -0,0 +1,210 @@
+import { ref } from 'vue';
+
+const directions = [
+  [1, 1],
+  [1, 0],
+  [1, -1],
+  [0, -1],
+  [-1, -1],
+  [-1, 0],
+  [-1, 1],
+  [0, 1],
+];
+
+export class GamePlay {
+  state = ref();
+  
+  constructor(width, height, mines) {
+    this.width = width;
+    this.height = height;
+    this.mines = mines;
+    this.reset();
+  }
+
+  get board() {
+    return this.state.value.board;
+  }
+
+  get blocks() {
+    return this.state.value.board.flat();
+  }
+
+  reset(width = this.width, height = this.height, mines = this.mines) {
+    this.width = width;
+    this.height = height;
+    this.mines = mines;
+
+    this.state.value = {
+      startMS: +Date.now(),
+      endMS: undefined, // 确保结束时间戳被重置
+      mineGenerated: false,
+      status: 'play',
+      board: Array.from({ length: this.height }, (_, y) =>
+        Array.from({ length: this.width }, (_, x) => ({
+            x,
+            y,
+            mine: false, // 初始化 mine 属性
+            flagged: false, // 初始化 flagged 属性
+            adjacentMines: 0,
+            revealed: false,
+          }),
+        ),
+      ),
+    };
+  }
+
+  randomRange(min, max) {
+    return Math.random() * (max - min) + min;
+  }
+
+  randomInt(min, max) {
+    return Math.round(this.randomRange(min, max));
+  }
+
+  generateMines(state, initial) {
+    const placeRandom = () => {
+      const x = this.randomInt(0, this.width - 1);
+      const y = this.randomInt(0, this.height - 1);
+      const block = state[y][x];
+      if (Math.abs(initial.x - block.x) <= 1 && Math.abs(initial.y - block.y) <= 1)
+        return false;
+      if (block.mine)
+        return false;
+      block.mine = true;
+      return true;
+    };
+    Array.from({ length: this.mines }, () => null)
+      .forEach(() => {
+        let placed = false;
+        let attempts = 0;
+        const maxAttempts = 1000;
+        while (!placed) {
+          if (attempts++ > maxAttempts) {
+            this.reset();
+            break;
+          }
+          placed = placeRandom();
+        }
+      });
+    this.updateNumbers();
+  }
+
+  updateNumbers() {
+    this.board.forEach((raw) => {
+      raw.forEach((block) => {
+        if (block.mine)
+          return;
+        this.getSiblings(block)
+          .forEach((b) => {
+            if (b.mine)
+              block.adjacentMines += 1;
+          });
+      });
+    });
+  }
+
+  expendZero(block) {
+    if (block.adjacentMines)
+      return;
+
+    this.getSiblings(block)
+      .forEach((s) => {
+        if (!s.revealed) {
+          s.revealed = true;
+          this.expendZero(s);
+        }
+      });
+  }
+
+  onRightClick(block) {
+    if (this.state.value.status !== 'play')
+      return;
+
+    if (block.revealed)
+      return;
+    block.flagged = !block.flagged;
+  }
+
+  onClick(block) {
+    if (this.state.value.status !== 'play')
+      return;
+
+    if (!this.state.value.mineGenerated) {
+      this.generateMines(this.board, block);
+      this.state.value.mineGenerated = true;
+    }
+
+    block.revealed = true;
+    if (block.mine) {
+      this.onGameOver('lost');
+      return;
+    }
+
+    this.expendZero(block);
+  }
+
+  getSiblings(block) {
+    return directions.map(([dx, dy]) => {
+      const x2 = block.x + dx;
+      const y2 = block.y + dy;
+      if (x2 < 0 || x2 >= this.width || y2 < 0 || y2 >= this.height)
+        return undefined;
+      return this.board[y2][x2];
+    })
+      .filter(Boolean);
+  }
+
+  showAllMines() {
+    this.board.flat().forEach((i) => {
+      if (i.mine)
+        i.revealed = true;
+    });
+  }
+
+  checkGameState() {
+    if (!this.state.value.mineGenerated)
+      return;
+    const blocks = this.board.flat();
+
+    if (blocks.every(block => block.revealed || block.flagged || block.mine)) {
+      if (blocks.some(block => block.flagged && !block.mine))
+        this.onGameOver('lost');
+      else
+        this.onGameOver('won');
+    }
+  }
+
+  autoExpand(block) {
+    const siblings = this.getSiblings(block);
+    const flags = siblings.reduce((a, b) => a + (b.flagged ? 1 : 0), 0);
+    const notRevealed = siblings.reduce((a, b) => a + (!b.revealed && !b.flagged ? 1 : 0), 0);
+    if (flags === block.adjacentMines) {
+      siblings.forEach((i) => {
+        if (i.revealed || i.flagged)
+          return;
+        i.revealed = true;
+        this.expendZero(i);
+        if (i.mine)
+          this.onGameOver('lost');
+      });
+    }
+    const missingFlags = block.adjacentMines - flags;
+    if (notRevealed === missingFlags) {
+      siblings.forEach((i) => {
+        if (!i.revealed && !i.flagged)
+          i.flagged = true;
+      });
+    }
+  }
+
+  onGameOver(status) {
+    this.state.value.status = status;
+    this.state.value.endMS = +Date.now();
+    if (status === 'lost') {
+      this.showAllMines();
+      setTimeout(() => {
+        alert('lost');
+      }, 10);
+    }
+  }
+}