# mv_fight

**Repository Path**: clig/mv_fight

## Basic Information

- **Project Name**: mv_fight
- **Description**: 利用 Proxy 代理与 Reflect 反射实现 mv 模型视图，多层数据动态渲染页面，模仿 vue3 双向绑定中 viewModel 核心功能，实现一个 打怪升级 的小游戏“勇士之战”。
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: https://clig.gitee.io/mv_fight/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-06-04
- **Last Updated**: 2022-06-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# mv_fight
## 利用 Proxy 代理与 Reflect 反射实现 mv 模型视图，多层数据动态渲染页面，模仿 vue3 双向绑定中 viewModel 核心功能，实现一个 打怪升级 的小游戏“勇士之战”。

#### 介绍
##### 选择对战勇士游戏界面
![选择对战勇士游戏界面](https://images.gitee.com/uploads/images/2022/0604/204414_ef0e0fa4_4955478.jpeg "20220604203139.jpg")

##### 战胜对手勇士获得奖励界面
![战胜对手勇士获得奖励界面](https://images.gitee.com/uploads/images/2022/0604/204522_2eee09ef_4955478.jpeg "20220604203128.jpg")

##### 游戏胜利界面
![游戏胜利界面](https://images.gitee.com/uploads/images/2022/0604/204610_8f46c243_4955478.jpeg "20220604203134.jpg")

##### 软件架构
 **软件架构说明** 

index.html ———— 入口文件

main.css —————— 样式文件

main.js ——————— 脚本文件

#### 安装教程

1.  安装 http-server

```
npm install --global http-server
```

2.  启动项目

```
http-server -c-1
```

#### 使用说明

1.  打开浏览器，访问：http://127.0.0.1:8080
2.  选择要对战的勇士，点击战斗，在攻速大于对手的时候，对手受到攻击伤害，点击战斗，可以利用攻速带来的时间差避免自己的伤害
3.  游戏结果

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request