bdelphin/memory

Memory游戏

这是一个基于HTML/CSS/JS和PHP实现的经典记忆游戏，玩家需在限定时间内找出14对水果卡片，PHP后端用于存储玩家的高分记录。游戏默认使用SQLite数据库，也可配置为MariaDB/MySQL，支持通过Docker快速部署。

游戏规则

• 初始时，28张卡片正面朝下排列；
• 玩家选择两张卡片，若相同则配对成功，否则翻面；
• 需在限定时间内（简单240秒、普通120秒、困难60秒）找出所有14对卡片，成功则记录分数。

技术栈与代码结构

• 前端：HTML5/CSS3 +原生JavaScript（无框架）；
• 后端：PHP（处理高分存储）；
• 数据库：默认SQLite，支持MariaDB/MySQL；
• 部署：Docker镜像，兼容Docker Compose。

代码按功能拆分：src目录含核心代码，docs目录含文档与示意图，JS/CSS文件模块化设计，便于维护。

部署方式

Docker快速启动

bash
docker run -dp 8080:80 --name memory -v memory_db:/var/www/html/db/ bdelphin/memory

访问 http://localhost:8080 开始游戏。停止容器：

bash
docker rm -f memory

Docker Compose部署（MySQL版）

1. 克隆仓库：

bash
git clone https://github.com/bdelphin/memory
cd memory

2. 启动服务：

bash
docker-compose up -d

访问 http://localhost:8080。停止服务：

bash
docker-compose down

数据持久化

通过Docker卷挂载/var/www/html/db/目录，确保容器重启后高分数据不丢失。

数据库配置（切换到MariaDB/MySQL）

设置环境变量（区分大小写）：

• DB_PROVIDER：MariaDB/MySQL/SQLite（默认）；
• MYSQL_HOST：数据库主机地址；
• MYSQL_USER：数据库用户名；
• MYSQL_PASSWORD：数据库密码；
• MYSQL_DB：已创建的数据库名称。

可能的改进

• 防止作弊：限制虚假分数提交；
• 响应式设计：适配移动端；
• 图形优化：提升视觉体验。

许可证

代码与大部分资源采用GNU GPLv3许可证，cards.png（水果图片）除外。