在當今快節奏的生活中，休閑小游戲成為了許多人放松心情的好選擇。五子棋作為一款經典的策略游戲，不僅規則簡單，還能鍛煉思維。最近，我借助 DeepSeek 的幫助，開發了一款五子棋微信小程序。在這篇文章中，我將分享整個開發過程，包括與 DeepSeek 的對話、代碼實現思路以及最終的成果。

1. 初識 DeepSeek：從需求到實現?

一開始，我對如何實現一個五子棋小程序并沒有太多頭緒。于是，我向 DeepSeek 提出了需求：

我：用微信小程序幫我寫一個五子棋，要求功能和思路清晰。

DeepSeek 很快給出了一個清晰的實現思路和代碼示例。它建議使用一個二維數組來表示棋盤，并通過點擊事件實現落子功能。此外，它還提供了勝負判斷的邏輯，確保游戲能夠正常運行。?

2. 代碼實現：從零到一

2.1 棋盤與落子?

?DeepSeek 提供的代碼中，棋盤用一個 15x15 的二維數組表示，每個元素代表棋盤上的一個交叉點。0 表示空位，1 表示黑子，2 表示白子。玩家點擊棋盤時，程序會根據點擊的位置更新數組，并在界面上顯示對應的棋子。

// 初始化棋盤
initBoard() {const board = new Array(15);for (let i = 0; i < 15; i++) {board[i] = new Array(15).fill(0);}this.setData({ board });
}

2.2 勝負判斷

?每次落子后，程序會檢查當前落子的位置是否形成五子連珠。DeepSeek 提供了一個高效的檢查函數，通過遍歷四個方向（水平、垂直、對角線、反對角線）來判斷是否有五子連珠。

// 檢查是否勝利
checkWin(row, col, player) {const { board } = this.data;const directions = [[1, 0], // 水平[0, 1], // 垂直[1, 1], // 對角線[1, -1] // 反對角線];for (let [dx, dy] of directions) {let count = 1;for (let i = 1; i < 5; i++) {if (board[row + i * dx] && board[row + i * dx][col + i * dy] === player) {count++;} else {break;}}for (let i = 1; i < 5; i++) {if (board[row - i * dx] && board[row - i * dx][col - i * dy] === player) {count++;} else {break;}}if (count >= 5) return true;}return false;
}

2.3 添加 AI 對手

為了讓游戲更具挑戰性，我向 DeepSeek 提出了新的需求：

我：幫我增加AI對手功能。

?DeepSeek 很快給出了一個基于規則的 AI 實現。AI 會優先阻止玩家獲勝，并嘗試自己獲勝。它的邏輯如下：

1. 如果 AI 可以形成五子連珠，直接獲勝。

2. 如果玩家可以形成五子連珠，AI 會阻止。

3. 如果 AI 可以形成四子連珠，優先落子。

4. 如果玩家可以形成四子連珠，AI 會阻止。

5. 隨機選擇一個空位落子。

// AI 落子邏輯
findBestMove(board) {// 優先級1：AI 可以形成五子連珠for (let i = 0; i < 15; i++) {for (let j = 0; j < 15; j++) {if (board[i][j] === 0 && this.checkPotentialWin(i, j, 2)) {return { row: i, col: j };}}}// 優先級2：阻止玩家形成五子連珠for (let i = 0; i < 15; i++) {for (let j = 0; j < 15; j++) {if (board[i][j] === 0 && this.checkPotentialWin(i, j, 1)) {return { row: i, col: j };}}}// 其他優先級...
}

3. 與 DeepSeek 的對話：從問題到解決方案

在整個開發過程中，DeepSeek 不僅提供了代碼，還解釋了每一步的邏輯。例如，當我詢問如何實現 AI 時，它詳細說明了 AI 的優先級規則，并提供了相應的代碼片段。這種交互式的學習方式讓我對五子棋的實現有了更深的理解。

4. 最終成果：一款優雅的五子棋小程序

經過與 DeepSeek 的合作，我成功開發了一款五子棋微信小程序。它的主要功能包括：

• 雙人對戰：玩家可以和朋友一起對戰。

• 人機對戰：玩家可以與 AI 對戰，AI 具備一定的智能。

• 勝負判斷：實時判斷游戲結果，并顯示勝利信息。

• 重新開始：游戲結束后，可以一鍵重置棋盤

附：完整代碼

首先，創建一個微信小程序項目，項目結構如下：

five-in-a-row/
├── pages/
│   ├── index/
│   │   ├── index.js
│   │   ├── index.wxml
│   │   ├── index.wxss
│   │   └── index.json
├── app.js
├── app.json
├── app.wxss
└── project.config.json

index.wxml?- 棋盤界面?

<view class="container"><view class="board"><block wx:for="{{board}}" wx:for-item="row" wx:for-index="i"><view class="row"><block wx:for="{{row}}" wx:for-item="cell" wx:for-index="j"><view class="cell" bindtap="onTap" data-row="{{i}}" data-col="{{j}}"><view class="stone {{cell === 1 ? 'black' : (cell === 2 ? 'white' : '')}}"></view></view></block></view></block></view><view class="status">{{status}}</view>
</view>

index.wxss?- 樣式

?

.container {display: flex;flex-direction: column;align-items: center;padding: 20px;
}.board {display: flex;flex-direction: column;border: 1px solid #000;
}.row {display: flex;
}.cell {width: 40px;height: 40px;border: 1px solid #000;display: flex;justify-content: center;align-items: center;
}.stone {width: 30px;height: 30px;border-radius: 50%;
}.black {background-color: black;
}.white {background-color: white;border: 1px solid #000;
}.status {margin-top: 20px;font-size: 20px;
}

index.js?- 邏輯代碼

Page({data: {board: [], // 棋盤currentPlayer: 1, // 當前玩家，1表示黑子，2表示白子status: '黑子先下', // 游戲狀態gameOver: false // 游戲是否結束},onLoad() {this.initBoard();},// 初始化棋盤initBoard() {const board = new Array(15);for (let i = 0; i < 15; i++) {board[i] = new Array(15).fill(0);}this.setData({board,currentPlayer: 1,status: '黑子先下',gameOver: false});},// 點擊棋盤事件onTap(e) {if (this.data.gameOver) return;const { row, col } = e.currentTarget.dataset;const { board, currentPlayer } = this.data;if (board[row][col] !== 0) return; // 該位置已經有棋子board[row][col] = currentPlayer;this.setData({ board });if (this.checkWin(row, col, currentPlayer)) {this.setData({status: currentPlayer === 1 ? '黑子勝利！' : '白子勝利！',gameOver: true});return;}const nextPlayer = currentPlayer === 1 ? 2 : 1;this.setData({currentPlayer: nextPlayer,status: nextPlayer === 1 ? '黑子下' : '白子下'});},// 檢查是否勝利checkWin(row, col, player) {const { board } = this.data;const directions = [[1, 0], // 水平[0, 1], // 垂直[1, 1], // 對角線[1, -1] // 反對角線];for (let [dx, dy] of directions) {let count = 1;for (let i = 1; i < 5; i++) {if (board[row + i * dx] && board[row + i * dx][col + i * dy] === player) {count++;} else {break;}}for (let i = 1; i < 5; i++) {if (board[row - i * dx] && board[row - i * dx][col - i * dy] === player) {count++;} else {break;}}if (count >= 5) return true;}return false;},// 重新開始游戲restartGame() {this.initBoard();}
});

?運行效果

• 打開微信開發者工具，導入項目。

• 運行后，你會看到一個15x15的棋盤，玩家可以點擊棋盤上的交叉點落子。

• 游戲會實時判斷是否有五子連珠，如果有則顯示勝利信息。

• 游戲結束后，可以通過調用?restartGame?方法重新開始游戲。

?