五子棋在线对战游戏

一个基于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

1. 创建房间: 输入玩家名称，点击"创建房间"按钮
2. 加入房间: 输入房间ID和玩家名称，点击"加入房间"按钮
3. 开始对战:
   • 黑棋先手，白棋后手
   • 点击棋盘格子落子
   • 五子连珠（横、竖、斜）即获胜
4. 游戏控制:
   • 悔棋：撤销上一步棋
   • 重新开始：清空棋盘，重新开始对局

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
• 黑棋先手，白棋后手
• 横、竖、斜五子连珠即获胜
• 支持悔棋和重新开始

1. 无法连接服务器

   • 确保服务器已启动
   • 检查端口是否被占用

2. 游戏无法进行

   • 确保两个玩家都加入了同一个房间
   • 检查网络连接状态

欢迎提交Issue和Pull Request来改进这个项目！

MIT License