liziming726/battleship

A Battleship Game on Web with React.

Battleship 海战棋

项目背景

来自我大一下的大作业，使用Python完成，有两个版本：命令行版和GUI版。由于时间原因，只完成了基础部分，希望能把它重新在Web上展现出来。

已完成功能

• 基本游戏逻辑和规则判定
• 本地双人对战模式
• 简单UI设计
• 单人游戏（与脚本对战）
• 单人游戏（增加难度设定）
• 多语言，国际化

未完成功能

• 双人联网对战
• 战局缓存
• 黑暗模式

游戏介绍

海战（英语：Battleship，又名海战棋是双人玩的猜谜游戏。

玩法概括：

1. 玩家A放置船只
2. 玩家B放置船只
3. 玩家A选择玩家B地图上一点进行攻击
4. 玩家B选择玩家A地图上一点进行攻击
5. 重复3和4，直到一方船只全部被击沉
6. 游戏结束

具体规则参考维基百科

项目细节

技术栈

• HTML + CSS + JavaScript
• Vite
• React
• MUI

基本目标

1. 在Web上搭建一个可以双人游玩的海战棋
2. 重新设计UI，简洁，明亮风格
3. 优化用户交互体验（拖放操作）
4. 中、英双语言

进阶目标

1. 单人模式（与电脑对战）
2. 在单人模式基础上，设置不同难度等级
3. 添加黑暗模式（Dark Mode）
4. 战局缓存功能
5. 一键随机放置船只
6. 加入些动画，美化页面