游戏开发准备
游戏开发环境
本游戏的开发及运行环境如下。
-
操作系统：Windows 7、Windows 10等。
-
Node.js 版本：Node.js v19。
-
开发工具：WebStorm。
-
浏览器：Microsoft Edge、Chrome、Firefox 等主流浏览器。
-
使用的 Node.js 模块及版本如下：
"dependencies": {
"express": "^4.16.4",
"nodemon": "^1.18.9",
"socket.io": "^2.2.0"
}游戏项目构成
在线五子棋游戏项目的文件组织如图 18.9 所示。其中，public 文件夹中的文件为客户端文件；index.js 文件为服务器端逻辑代码文件；package.json 是项目的配置文件，包括项目所使用的第三方 Node.js 模块，可以使用 npm 命令将所需模块全部下载并安装。
Figure 1. 图18.9 游戏项目的文件组织
public 文件夹用来存储客户端文件，其文件构成如图 18.10 所示。其中，chessBoard.js 文件中包含五子棋游戏算法逻辑代码，如判断游戏胜负、改变棋盘颜色等的代码；index.html 文件是 HTML 结构代码，用来显示游戏中的登录房间、玩家列表、五子棋游戏界面等信息；mobile_style.css 文件和 style.css 文件是游戏的 CSS 样式文件，其中 mobile_style.css 文件用来设置适配移动端时的显示样式。
Figure 2. 图18.10 public文件夹的文件构成