# qx_memory_game

**Repository Path**: nkju/qx_memory_game

## Basic Information

- **Project Name**: qx_memory_game
- **Description**: 这是一款基于 uni-app 开发的记忆翻牌小游戏，支持多端运行（浏览器、微信小程序等）。游戏通过考验玩家的记忆力，提升大脑活跃度，适合各个年龄段的用户休闲娱乐和记忆训练，欢迎大家前来挑战，看您能挑战到第几关，可评论区截图！
- **Primary Language**: HTML
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2026-01-08
- **Last Updated**: 2026-01-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 翻牌记忆小程序 (weizhi_flop_game)

[![uni-app](https://img.shields.io/badge/Framework-uni--app-brightgreen.svg)](https://uniapp.dcloud.io/)
[![Platform](https://img.shields.io/badge/Platform-iOS%20%7C%20Android-blue.svg)](#)
![MiniProgram](https://img.shields.io/badge/MiniProgram-Not%20Supported-lightgrey.svg)

## 项目简介

#### 趣味翻牌单机游戏，建议体验后再下载，看您能挑战到第几关，欢迎您前来挑战，可评论区截图！
这是一款基于 uni-app 开发的记忆翻牌小游戏，支持多端运行（浏览器、微信小程序等）。游戏通过考验玩家的记忆力，提升大脑活跃度，适合各个年龄段的用户休闲娱乐。

## 功能特点

- 🎮 **经典翻牌玩法**：点击卡片进行翻牌，寻找配对的卡片
- 🔊 **音效反馈**：游戏过程中包含多种音效，增强游戏体验
- 📱 **多端适配**：基于 uni-app 框架，支持在浏览器、微信小程序等多平台运行
- 🎨 **简洁界面**：现代化的UI设计，操作简单直观
- 📊 **关卡系统**：包含多个难度等级，逐步挑战玩家记忆极限

## 技术栈

- **前端框架**：uni-app
- **开发工具**：HBuilderX
- **UI组件**：uni-ui (uni-grid, uni-icons, uni-popup 等)
- **音频处理**：自定义音频工具类
- **数据存储**：JSON 配置文件

## 支持平台

- ✅ 微信小程序/其他小程序/PC/WEB 

## 项目结构

```
weizhi_flop_game/
├── common/             # 公共资源
│   ├── jsonData/       # 游戏数据配置
│   ├── utils/          # 工具类
│   └── jsonData.js     # 数据处理
├── components/         # 自定义组件
├── pages/              # 页面目录
│   └── index/          # 游戏主页面
├── static/             # 静态资源
│   ├── backMuick/      # 游戏音效
│   └── *.png           # 游戏图片
├── uni_modules/        # uni-app 模块
├── unpackage/          # 打包输出目录
├── App.vue             # 应用入口组件
├── main.js             # 应用入口文件
├── manifest.json       # 应用配置
├── pages.json          # 页面路由配置
├── uni.scss            # 全局样式
└── package.json        # 项目依赖
```

## 安装与运行

### 环境要求

- HBuilderX 3.0+ 
- Node.js 12.0+ (可选，用于npm依赖管理)

### 安装步骤

1. **克隆项目**
   ```bash
   git clone <https://gitee.com/nkju/qx_memory_game.git>
   ```

2. **导入到HBuilderX**
   - 打开 HBuilderX
   - 点击 "文件" -> "导入" -> "从本地目录导入"
   - 选择项目文件夹

3. **运行项目**
   - 在 HBuilderX 中选中项目
   - 点击顶部菜单栏 "运行" -> "运行到浏览器" 或 "运行到小程序模拟器"

### 移植到其他uni-app项目

1. 复制 `pages/index` 目录到目标项目
2. 复制 `static` 目录到目标项目
3. 在目标项目的 `pages.json` 中添加路由配置

## 游戏规则

1. **开始游戏**：进入游戏后，点击开始按钮
2. **翻牌规则**：每次可以点击两张卡片进行翻牌
3. **配对规则**：如果两张卡片图案相同，则配对成功并保持翻开状态
4. **胜利条件**：在规定时间内将所有卡片配对成功
5. **失败条件**：时间耗尽或未能完成所有配对

## 项目配置


### 音效配置

游戏音效位于 `static/backMuick/` 目录，包含以下音效：
- `clearLevel.mp3` - 通关音效
- `click.mp3` - 点击音效
- `correctAnswer.mp3` - 答对音效
- `failedToPassLevel.mp3` - 失败音效
- `passLevel.mp3` - 过关音效

### 关卡配置

关卡数据位于 `common/jsonData/` 目录：
- `detailLevelData.json` - 关卡详情数据
- `levelImgData.json` - 关卡图片数据


## 功能展示

![](https://mp-f5b66046-3e63-4c39-8087-e5bf48e4897c.cdn.bspapp.com/qxflop/2.png)
![](https://mp-f5b66046-3e63-4c39-8087-e5bf48e4897c.cdn.bspapp.com/qxflop/3.png)

## 小程序体验

### 扫下方二维码进行体验

<!-- <img src="https://gitee.com/nkju/qx_flop_game/raw/master/README_files/1.png" alt="分享"> -->
![](https://mp-f5b66046-3e63-4c39-8087-e5bf48e4897c.cdn.bspapp.com/qxflop/1.png)

## 注意事项

- 已测试平台：谷歌浏览器、微信小程序
- 其他平台可能需要适配调整
- 音效功能在部分平台可能需要用户授权

## 许可证

本项目采用 [MIT](LICENSE) 许可证。

## 捐赠novel-reader的研发

novel-reader系统uniapp和框架源码全部开源免费，如果您认为novel-reader帮到了您的开发工作，您可以捐赠novel-reader的研发工作，捐赠无门槛，哪怕是一杯可乐也好(相信这比打赏主播更有意义)。

![](https://mp-f5b66046-3e63-4c39-8087-e5bf48e4897c.cdn.bspapp.com/qxflop/9.png)

## 友情推荐

**开源不易，如有帮助请给个 Star ⭐，谢谢！**

## 免责声明

1.本项目提供的源代码仅用学习与交流。
2.用户使用本系统从事任何违法违规的事情，一切后果由用户自行承担作者不承担任何法律责任。
3.下载本站源码则代表你同意上述的免责声明协议。