2048
🧩 2048 Web Game – A modern and responsive web-based version of the classic 2048 puzzle. Built with HTML, CSS, and JavaScript, featuring smooth animations, intuitive controls, and a clean UI. Merge tiles, reach 2048, and set new high scores!
Install / Use
/learn @mahmudnibir/2048README
2048 Game
[!NOTE] This project is intended for learning and experimentation.
A modern implementation of the classic 2048 puzzle game, built with HTML, CSS, and JavaScript.
How to Play
- Use your arrow keys or WASD keys to move all tiles
- When two tiles with the same number touch, they merge into one with their sum
- After each move, a new tile with a value of 2 or 4 appears
- Create a tile with the number 2048 to win!
Features
- Smooth animations and transitions
- Mobile-friendly with touch/swipe support
- Score tracking with best score saved locally
- Undo last move functionality
- Responsive design that works on all devices
- Game state preservation
- Clean, modern UI
Controls
- Arrow Keys or WASD: Move tiles
- New Game button: Start a new game
- Undo button: Revert last move
- On mobile: Swipe in any direction to move tiles
Installation
1️⃣ Clone the repository and navigate into it:
git clone https://github.com/mahmudnibir/2048.git
cd 2048
2️⃣ Open index.html in your web browser
3️⃣ Start playing!
Technologies Used
- HTML5 – The backbone of the project, ensuring a semantic and accessible structure.
- CSS3 – Styled with modern techniques like Grid Layout and smooth Animations that make it pop.
- JavaScript (ES6+) – Using modern Vanilla JS to keep things interactive and lit.
- Local Storage – Keeping your scores on lock for that persistent gaming vibe.
[!TIP] If you find this project helpful, please consider giving it a star ⭐ on GitHub! It helps others discover the project.
Contribution Guidelines
Want to improve the script? Contributions are welcome!
📌 How to Contribute
| Step | Action | |------|--------| | 🏗 Fork | Clone the repo & create a new branch | | 🔧 Develop | Make your changes, write clear commit messages | | 📌 Push | Push to your fork & create a PR | | 🚀 Review | Wait for approval & merge |
License
📝 This project is licensed under the MIT License. See the LICENSE file for details.
Contact
Developed by Nibir Mahmud
Email: nibirbbkr@gmail.com
Github: @mahmudnibir
Related Skills
node-connect
345.9kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
106.4kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
345.9kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
345.9kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
