You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
3 months ago | |
---|---|---|
.. | ||
backend | 3 months ago | |
frontend | 3 months ago | |
README.md | 3 months ago | |
start.bat | 3 months ago |
README.md
黄金矿工游戏
一个使用Flask后端和Vue前端实现的简单黄金矿工游戏。
项目结构
goldminer/
├── backend/ # Flask后端
│ ├── app.py # 主应用程序
│ └── requirements.txt
├── frontend/ # Vue前端
│ ├── public/
│ ├── src/
│ │ ├── components/
│ │ │ └── Game.vue # 游戏组件
│ │ ├── App.vue # 主应用组件
│ │ └── main.js # 入口文件
│ ├── package.json
│ └── vue.config.js
└── start.bat # 一键启动批处理文件
系统架构
下图展示了黄金矿工游戏的系统架构:
数据库配置
本项目使用云端MySQL数据库存储用户数据、游戏记录和聊天信息。
数据库配置信息:
- 数据库类型:MySQL 8.4.3
- 服务提供商:SQLPub.com
- 数据库名称:goldminer
- 连接地址:mysql2.sqlpub.com:3307
安装和运行
快速启动(推荐)
直接双击 start.bat
文件即可一键启动游戏。
这个脚本会自动:
- 检查并安装所需的后端依赖
- 连接到云端数据库并创建必要的表(如果不存在)
- 同时启动后端和前端服务器
- 自动在浏览器中打开游戏
手动启动
如果自动脚本出现问题,可以按照以下步骤手动启动:
后端
- 进入后端目录
cd goldminer/backend
- 安装依赖
pip install -r requirements.txt
- 运行后端服务器
python app.py
服务器将在 http://localhost:5000 运行。
前端
- 进入前端目录
cd goldminer/frontend
- 安装依赖
npm install
- 开发模式运行
npm run serve
前端开发服务器将在 http://localhost:8080 运行。
游戏说明
- 使用鼠标点击或空格键发射绳索
- 松开鼠标或空格键收回绳索
- 按P键暂停游戏
- 收集金块和钻石以获得分数
- 达到目标分数进入下一关
- 寻找特殊道具提升能力
特殊道具
- 速度提升:增加绳索伸缩速度
- 磁力钩:增加抓取范围
技术栈
- 后端:Flask, SQLAlchemy, PyMySQL
- 前端:Vue 3
- 数据库:MySQL 8.4.3 (云端)
- 通信:Axios, Socket.IO