# game **Repository Path**: yu-binrui/game ## Basic Information - **Project Name**: game - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-09-02 - **Last Updated**: 2025-09-02 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 🧠 大脑训练应用 - N-Back训练模块 一个基于Vue3+UniApp开发的大脑训练应用,专注于N-Back认知训练,帮助提升工作记忆和注意力。 ## ✨ 功能特性 ### 🎯 N-Back训练模块 - **多种N值选择**: 支持1-Back到4-Back训练 - **双重刺激**: 声音和位置双重刺激训练 - **3×3方格**: 直观的视觉界面 - **灵活配置**: 可调节训练轮数、刺激间隔 - **实时反馈**: 即时显示训练进度和得分 ### 📊 数据统计 - **训练历史**: 完整的训练记录保存 - **成绩曲线**: 可视化展示训练进度 - **详细分析**: 准确率、反应时间等关键指标 - **数据导出**: 支持训练数据的导出和导入 ### 🎨 用户体验 - **响应式设计**: 适配各种屏幕尺寸 - **直观界面**: 简洁美观的用户界面 - **操作便捷**: 触摸友好的交互设计 - **多平台支持**: 支持H5、小程序、App ## 🚀 技术架构 ### 前端技术栈 - **Vue 3**: 使用Composition API - **UniApp**: 跨平台开发框架 - **Canvas**: 图表绘制和可视化 - **Web Audio API**: 声音刺激生成 ### 项目结构 ``` game/ ├── src/ # 源代码目录 │ ├── pages/ # 页面组件 │ │ ├── index/ # 首页 │ │ ├── nback/ # N-Back训练 │ │ └── history/ # 训练历史 │ ├── App.vue # 根组件 │ ├── main.js # 入口文件 │ └── manifest.json # 应用配置 ├── static/ # 静态资源 │ ├── home.svg # 首页图标 │ ├── training.svg # 训练图标 │ └── history.svg # 历史图标 ├── pages.json # 页面配置 ├── vite.config.js # Vite配置 ├── index.html # HTML入口 ├── package.json # 项目依赖 └── .gitignore # Git忽略文件 ``` ## 📱 安装和运行 ### 环境要求 - Node.js >= 14.0.0 - HBuilderX 或 微信开发者工具 ### 安装依赖 ```bash npm install ``` ### 开发运行 ```bash # 开发模式 (H5) npm run dev:h5 # 开发模式 (微信小程序) npm run dev:mp-weixin # 开发模式 (App) npm run dev:app # 构建H5版本 npm run build:h5 # 构建微信小程序版本 npm run build:mp-weixin # 构建App版本 npm run build:app ``` ## 🎮 使用说明 ### N-Back训练规则 1. **选择N值**: 决定要记住多少步之前的刺激 2. **设置参数**: 选择训练轮数、刺激间隔等 3. **开始训练**: 观察3×3方格中的刺激位置和声音 4. **判断匹配**: 当当前刺激与N步前的刺激匹配时点击"匹配" 5. **查看结果**: 训练完成后查看详细统计信息 ### 训练建议 - **初学者**: 建议从1-Back或2-Back开始 - **进阶训练**: 逐步提高N值和训练轮数 - **规律训练**: 建议每天进行15-30分钟训练 - **注意休息**: 训练过程中注意适当休息 ## 🔧 配置说明 ### 声音设置 - 支持4种不同频率的音调 - 可调节音量大小 - 支持震动反馈 ### 位置刺激 - 3×3方格随机位置 - 视觉高亮显示 - 触摸交互支持 ### 数据存储 - 本地存储训练记录 - 自动统计训练数据 - 支持数据导出导入 ## 📈 性能优化 ### 内存管理 - 限制历史记录数量(最多100条) - 及时清理定时器资源 - 优化Canvas绘制性能 ### 响应优化 - 使用防抖处理用户输入 - 优化动画性能 - 减少不必要的DOM操作 ## 🐛 常见问题 ### Q: 声音无法播放? A: 检查设备音量设置,确保已授权音频权限 ### Q: 训练数据丢失? A: 数据存储在本地,清除应用缓存会导致数据丢失 ### Q: 界面显示异常? A: 尝试重新启动应用,或检查设备兼容性 ## 🤝 贡献指南 欢迎提交Issue和Pull Request来改进这个项目! ### 开发规范 - 使用ES6+语法 - 遵循Vue3最佳实践 - 保持代码注释完整 - 测试覆盖主要功能 ## 📄 许可证 本项目采用MIT许可证,详见[LICENSE](LICENSE)文件。 ## 🙏 致谢 感谢所有为这个项目做出贡献的开发者和用户! --- **开始您的大脑训练之旅,提升认知能力!** 🚀