# aotai **Repository Path**: jiuxun168/aotai ## Basic Information - **Project Name**: aotai - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-12-15 - **Last Updated**: 2025-12-15 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 赛博徒步 - UniApp 版本 基于 [cyberhiking.com](https://cyberhiking.com/) 复刻的生存模拟游戏,使用 UniApp Vue3 + Pinia 实现,支持 H5 和微信小程序。 ## 项目结构 ``` src/ ├── pages/ # 页面 │ ├── splash/ # 启动页 │ ├── intro/ # 介绍页 │ ├── shop/ # 商店页 │ ├── play/ # 游戏主页面 │ └── result/ # 结果页 ├── stores/ # Pinia 状态管理 │ └── game.ts # 游戏状态 Store ├── services/ # 服务层 │ └── gameSystems.ts # 游戏系统逻辑 └── static/ # 静态资源 └── data/ # 游戏数据 JSON 文件 ``` ## 功能特性 - ✅ 完整的游戏状态管理(Pinia) - ✅ 多页面架构(启动、介绍、商店、游戏、结果) - ✅ 事件系统(随机事件、选择事件) - ✅ 天气系统 - ✅ 状态效果系统 - ✅ 移动系统(节点移动、消耗计算) - ✅ 物品和背包系统 - ✅ 自动保存/加载 - ✅ 支持 H5 和微信小程序 ## 开发运行 ### H5 开发 ```bash npm run dev:h5 ``` ### 微信小程序开发 ```bash npm run dev:mp-weixin ``` 然后在微信开发者工具中打开 `dist/dev/mp-weixin` 目录。 ## 游戏流程 1. **启动页** (`pages/splash/index`) - 游戏入口 2. **介绍页** (`pages/intro/index`) - 背景故事 3. **商店页** (`pages/shop/index`) - 购买装备和物资 4. **游戏页** (`pages/play/index`) - 主游戏界面 - 地点信息 - 属性显示(体温、体力、理智、饥饿) - 移动操作 - 休息功能 - 使用物品 - 事件处理 - 背包和状态显示 5. **结果页** (`pages/result/index`) - 胜利/失败界面 ## 数据文件 所有游戏数据位于 `src/static/data/` 目录: - `data1.json` - 游戏配置和物品列表 - `nodes.json` - 节点/地点数据 - `events.json` - 事件数据 - `weather.json` - 天气数据 - `statuses.json` - 状态效果数据 - `achievements.json` - 成就数据 - `diaries.json` - 日记数据 ## 技术栈 - **框架**: UniApp Vue3 - **状态管理**: Pinia - **语言**: TypeScript - **样式**: CSS (支持响应式) ## 注意事项 1. **数据加载**: 使用 `uni.request` 加载 JSON 数据,确保路径正确 2. **本地存储**: 使用 `uni.setStorageSync` 和 `uni.getStorageSync` 保存游戏进度 3. **跨平台兼容**: 代码已适配 H5 和小程序,注意平台差异 4. **图片资源**: 背景图片等资源需要放在 `static` 目录 ## 参考 - 原网站: https://cyberhiking.com/ - UniApp 文档: https://uniapp.dcloud.net.cn/ - Pinia 文档: https://pinia.vuejs.org/