更新记录

1.0.1(2026-01-14) 下载此版本

初始化上传,一款关于趣味翻牌的小程序


平台兼容性

uni-app(3.6.15)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- × ×
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
× × × × × × × × × ×

其他

多语言 暗黑模式 宽屏模式
× ×

翻牌记忆小程序 (weizhi_flop_game)

uni-app Platform MiniProgram

项目简介

趣味翻牌单机游戏,建议体验后再下载,看您能挑战到第几关,欢迎您前来挑战,可评论区截图!

这是一款基于 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. 克隆项目

    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 - 关卡图片数据

功能展示

小程序体验

扫下方二维码进行体验

注意事项

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

许可证

本项目采用 MIT 许可证。

捐赠novel-reader的研发

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

友情推荐

开源不易,如有帮助请给个 Star ⭐,谢谢!

免责声明

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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。