# menghuan_react18

**Repository Path**: a_v_c/menghuan_react18

## Basic Information

- **Project Name**: menghuan_react18
- **Description**: 梦幻打书模拟器
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-10-06
- **Last Updated**: 2025-10-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, Redux, vite

## README

# menghuan_react18

#### 项目名称
**梦幻西游召唤兽打书模拟器**  
（基于 React 技术栈开发的回合制游戏辅助工具）

---

## 项目亮点
✅ **真实还原玩法**  
完美复刻《梦幻西游》召唤兽技能打书逻辑，支持技能冲突检测、资质成长系统。

✅ **双技术栈实现**  
- `master` 分支：Vite + React 18 + Context API（轻量级状态管理）
- `redux` 分支：Vite + React 18 + Redux Toolkit（规范化状态管理）

✅ **移动端适配**  
基于 `postcss-px-to-viewport` 实现响应式布局，适配手机/平板浏览。

---

## 技术栈对比

| 分支       | 核心技术                          | 特点                      |
|------------|-----------------------------------|---------------------------|
| `master`   | React 18 + Context + Hooks        | 轻量级开发，适合小型项目  |
| `redux`    | React 18 + Redux Toolkit + Immer  | 企业级状态管理，可维护性强 |

---

## 安装教程
npm install

npm run dev

---

## 使用说明

1. **初始化召唤兽**  
   点击「重置」按钮生成基础属性（资质/成长/五行）。

2. **选择技能学习**  
   - 点击「添加」按钮选择「魔兽要诀」或「高级魔兽要诀」。
   - 技能栏会自动显示可学习技能（如高级必杀、高级连击等）。

3. **技能冲突模拟**  
   - 每次学习新技能会随机替换原有技能（技能数 ≤2 时有概率保留）。
   - **红色警告**：技能冲突（如高级吸血 + 高级夜战）。
   - **绿色提示**：技能替换成功。

4. **资质洗练**  
   点击「重置」可重新生成召唤兽资质（成长固定为 1.25）。

---

## 功能截图
![项目 截图](./public/demo.jpg)


---

## 项目地址
- **GitHub**：[https://github.com/your-username/menghuan_react18](https://github.com/your-username/menghuan_react18)
- **在线演示**：[http://onlinemovies1212.com/](http://onlinemovies1212.com/)