# 网页版2048小游戏

**Repository Path**: zhang-kangbin/web-version-2048-games

## Basic Information

- **Project Name**: 网页版2048小游戏
- **Description**: 本次开发的2048小游戏是在PC端通过HTML5 、CSS3和Javascript相结合的技术以及利用VisualStudio Code开发工具来实现。该游戏依旧保持了原本的游戏规则，但考虑到电脑端操作不如手机端操作方便，游戏暂时不能通过像手机一样触控的方式操作，所以玩家可以通过用键盘的方向键模拟手指操作来玩这个游戏。该游戏是在浏览器端实现的，建议使用带有谷歌内核的浏览器，以便达到最好的游戏体验。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-06-11
- **Last Updated**: 2024-11-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 网页版2048小游戏

#### 介绍
本次开发的2048小游戏是在PC端通过HTML5 、CSS3和Javascript相结合的技术以及利用VisualStudio Code开发工具来实现。该游戏依旧保持了原本的游戏规则，但考虑到电脑端操作不如手机端操作方便，游戏暂时不能通过像手机一样触控的方式操作，所以玩家可以通过用键盘的方向键模拟手指操作来玩这个游戏。该游戏是在浏览器端实现的，建议使用带有谷歌内核的浏览器，以便达到最好的游戏体验。

#### 软件架构
index.html

Game2048.js

jQuery库文件


#### 使用方法

点击index.html文件即可在浏览器开始游戏

#### 使用说明
网页版2048的玩法是，通过键盘的方向键上（↑）、下（↓）、左（←）、右（→）控制移动。每移动一次，所有的数字方块都会向移动的方向靠拢，然后系统会在空白的地方随机出现一个新的数字（2或4）方块，相同数字的方块在移动的过程中会叠加在一起，通过不断地叠加，最后拼凑出2048就算成功，否则算失败。

#### 游戏截图

![游戏开始](%E6%B8%B8%E6%88%8F%E5%BC%80%E5%A7%8B.png)![游戏结束](%E6%B8%B8%E6%88%8F%E7%BB%93%E6%9D%9F.png)![输入图片说明](%E6%B8%B8%E6%88%8F%E8%8E%B7%E8%83%9C.png)![输入图片说明](%E6%B8%B8%E6%88%8F%E7%BB%93%E6%9D%9F.png)

#### 参与贡献
1.  传智播客. HTML5+CSS3网站设计基础教程[M]. 人民邮电出版社, 2016-03-01
2.  Visual Studio Code文档 Visual Studio Code 官方，2020-01-05 
3.  Web前端开发中HTML5的应用探讨.《电脑编程技巧与维护》, 2021 年第 003 期
4.  俞华锋.基于HTML5的网页设计与实现[J].科技信息，2012(29)