This project is a web-based version of the popular 2048 puzzle game. Players combine numbered tiles by sliding them on a grid to create the tile with the number 2048. The game features smooth animations, intuitive controls, and a clean user interface designed for both desktop and mobile devices. It offers an engaging and addictive experience for casual gamers and puzzle enthusiasts alike.
Use the arrow keys (← ↑ → ↓) to slide the tiles on the grid.
When two tiles with the same number touch, they merge into one with their sum.
The goal is to create a tile with the number 2048!
Experience the live website: 2048 Demo
Core
- HTML - Markup
- Sass (v1.83.4) - Styling
- JavaScript - Scripting
Development
- ESLint (v8.57.0) - Code Quality
- Prettier (v3.3.2) - Code Formatting
- Classic 2048 gameplay: Combine numbered tiles by sliding them to reach the 2048 tile.
- Smooth animations: Visual feedback for tile merges and moves.
- Responsive layout: Works well on desktop and mobile screens.
- Score tracking: Displays current score dynamically.
- Start and Restart controls: Easy to start a new game or restart the current one.
- Keyboard controls: Use arrow keys to move tiles.
- Game status messages: Shows winning and losing messages clearly.
- Clean and modern design: Simple UI with clear tile colors and fonts.
- Clone the repository:
git clone https://github.com/hetskoweb/2048_game.git
cd 2048_game- Install dependencies:
npm install
# or
yarn install- Run the project locally:
npm start
# or
yarn start