# 2048

**Repository Path**: im-wind/vue-2048

## Basic Information

- **Project Name**: 2048
- **Description**: 使用vue开发的web端2048小游戏
- **Primary Language**: JavaScript
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: http://game.imzl.net/2048
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2021-05-10
- **Last Updated**: 2024-09-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 游戏, Vue, JavaScript

## README

# 2048_web

## 项目依赖安装
```
npm install
```

### 启动项目
```
npm run serve
```

### 打包项目到生产环境
```
npm run build
```
## 项目结构介绍和游戏配置
* game.js：游戏参数配置文件
* App.vue：游戏整体界面入口文件
* assets：静态资源文件
* components：
    * common：公共模块文件
    * game：游戏内容相关文件
* store：
    * index.js：记录游戏得分和游戏状态
* 游戏所涉及的算法和逻辑都在components/game/GameBody.vue文件中
* 游戏中的动画和样式所在：
    * 动画及数字对应的颜色：assets/css/tile.css
    * 方块位置样式：assets/css/tile-position.css
    * 样式与颜色结合在html界面中的逻辑：components/game/Tile.vue
## 游戏界面截图
### pc端
<img src="https://gitee.com/im-wind/vue-2048/raw/master/src/assets/image/main-1.png">

### 移动端
<img src="https://gitee.com/im-wind/vue-2048/raw/master/src/assets/image/main-2.png">

### 在线地址：[http://game.imzl.net/2048](http://game.imzl.net/2048)