一个基于Node.js和Socket.io的网页版五子棋游戏,支持双人对战功能。
- 🎮 实时双人对战
- 🌐 基于WebSocket的网络通信
- 🎯 五子棋游戏逻辑实现
- 🎨 现代化UI设计
- 🔄 游戏控制功能(重新开始、悔棋)
- 📋 走棋记录显示
- 📱 响应式设计,适配多种设备
- 后端: Node.js, Express.js, Socket.io
- 前端: HTML5, CSS3, JavaScript (原生)
- 绘图: Canvas API
- UI库: SweetAlert2 (弹窗提示)
npm install
npm start
或者使用nodemon进行开发:
npm run dev
打开浏览器,访问 http://localhost:3000
- 创建房间: 输入玩家名称,点击"创建房间"按钮
- 加入房间: 输入房间ID和玩家名称,点击"加入房间"按钮
- 开始对战:
- 黑棋先手,白棋后手
- 点击棋盘格子落子
- 五子连珠(横、竖、斜)即获胜
- 游戏控制:
- 悔棋:撤销上一步棋
- 重新开始:清空棋盘,重新开始对局
wuziqi/
├── package.json # 项目配置和依赖
├── server.js # 服务器主文件
├── public/ # 前端资源目录
│ ├── index.html # 主页面
│ ├── css/ # 样式文件
│ │ └── styles.css # 主样式文件
│ └── js/ # JavaScript文件
│ └── game.js # 游戏逻辑
└── README.md # 项目说明
- 使用Express.js创建HTTP服务器
- 使用Socket.io处理WebSocket连接和实时通信
- 实现房间管理、游戏状态同步、胜负判断等功能
- 使用Canvas API绘制棋盘和棋子
- 使用原生JavaScript实现游戏逻辑和UI交互
- 使用Socket.io客户端与服务器进行实时通信
- 棋盘大小:15×15
- 黑棋先手,白棋后手
- 横、竖、斜五子连珠即获胜
- 支持悔棋和重新开始
-
无法连接服务器
-
游戏无法进行
欢迎提交Issue和Pull Request来改进这个项目!
MIT License