# 2048-little-game

**Repository Path**: coderlaogu/2048-little-game

## Basic Information

- **Project Name**: 2048-little-game
- **Description**: 2048网页小游戏，网页打开即玩
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-05
- **Last Updated**: 2025-07-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# 2048 游戏

这是一个基于 HTML、CSS 和 JavaScript 实现的经典 2048 游戏。玩家可以通过键盘方向键控制方块的移动，相同数字的方块碰撞后会合并，目标是达到 2048 分。

## 🎯 功能特点

- 使用 JavaScript 面向对象编程，结构清晰。
- 支持键盘控制（上下左右方向键）。
- 自动检测游戏胜利或失败状态。
- 简洁美观的界面设计，使用 CSS3 动画过渡效果。
- 响应式布局，适配不同屏幕尺寸。

## 🧰 技术栈

- **HTML5**
- **CSS3**
- **JavaScript (ES6 Class)**

## 🚀 如何运行

1. 克隆项目到本地：
   ```bash
   git clone https://gitee.com/your-username/2048-game.git
   ```

2. 打开项目文件夹：
   ```bash
   cd 2048-game
   ```

3. 用浏览器打开 `index.html` 文件即可开始游戏：
   ```bash
   open index.html
   ```

## 🕹️ 游戏操作

- 使用键盘方向键控制方块移动：
  - **←** 向左移动
  - **→** 向右移动
  - **↑** 向上移动
  - **↓** 向下移动
- 点击 “Try again” 按钮可重新开始游戏。

## 📁 项目结构

```
.
├── index.html         # 游戏页面结构
├── style.css          # 游戏样式与动画
├── script.js          # 游戏逻辑
├── .gitignore         # Git 忽略配置
├── LICENSE            # 开源协议文件
├── package.json       # 项目配置文件
```

## 🧑‍💻 主要类与方法

在 `script.js` 中定义了 `Game2048` 类，包含以下主要方法：

```js
class Game2048 {
  constructor()
  initializeGame()
  setupEventListeners()
  addRandomTile()
  move(direction)
  moveLeft()
  moveRight()
  moveUp()
  moveDown()
  checkWin()
  checkGameOver()
  updateDisplay()
  showGameMessage(message, className)
  hideGameMessage()
}
```

## 📜 协议

本项目使用 MIT 协议，请参阅 `LICENSE` 文件获取详细信息。

## 🤝 贡献

欢迎提交 Issue 和 Pull Request！请遵循项目贡献指南。