🎮 2048 网页版游戏

一个使用纯原生 HTML5 + CSS3 + Vanilla JavaScript 开发的现代化 2048 小游戏，支持桌面和移动设备。

✨ 特性

• 🎯 完整的游戏逻辑：包含移动、合并、计分、游戏结束判断等所有核心机制
• 🖥️ 多设备支持：支持键盘方向键操作（桌面）和触摸滑动操作（移动设备）
• 📱 响应式设计：自适应不同屏幕尺寸，完美适配手机和平板
• 🎨 现代简洁界面：清晰的配色方案，视觉效果舒适
• ⚡ 零依赖：纯原生技术实现，无需任何框架或库，加载速度快
• 📦 单文件部署：所有代码合并在一个 index.html 文件中，部署简单

🚀 快速开始

方式一：直接打开

1. 下载 index.html 文件
2. 用浏览器打开该文件即可开始游戏

方式二：在线运行

访问 GitHub Pages（如已部署）或在任何 web 服务器上运行

🎮 游戏规则

• 通过按方向键（↑ ↓ ← →）或在移动设备上滑动，控制方块移动
• 相同数字的方块相碰撞时会合并，并累加得分
• 目标：合成 2048 方块
• 游戏结束：当无法再进行任何移动时，游戏结束

📋 操作说明

桌面设备

操作	按键
向上移动	↑
向下移动	↓
向左移动	←
向右移动	→
重新开始	R 键或点击重新开始按钮

移动设备

• 向上滑动：方块向上移动
• 向下滑动：方块向下移动
• 向左滑动：方块向左移动
• 向右滑动：方块向右移动
• 点击重新开始：按钮重新开始游戏

💻 技术栈

• HTML5：页面结构
• CSS3：样式设计和响应式布局
• Vanilla JavaScript (ES6+)：游戏逻辑和交互

📁 项目结构

index.html  # 包含所有 HTML + CSS + JavaScript 代码的单文件
README.md   # 项目说明文档

🔧 浏览器兼容性

支持所有现代浏览器：

• ✅ Chrome / Edge (最新版本)
• ✅ Firefox (最新版本)
• ✅ Safari (最新版本)
• ✅ 移动浏览器 (iOS Safari, Chrome Mobile)

📖 代码特点

• 📝 清晰的中文注释：代码逻辑清晰易懂
• 🏗️ 良好的代码封装：函数职责明确，易于维护
• 🎯 模块化设计：游戏逻辑、UI 渲染、事件处理分离

📈 游戏功能

• ✨ 实时显示当前得分
• 🏆 游戏结束提示
• 🔄 快速重新开始
• 🎨 动画效果（方块合并、移动）
• 📊 分数累加

📝 许可证

MIT License

👨‍💻 作者

yfwangning

🤝 贡献

欢迎提交 Issue 和 Pull Request！

---

祝你游戏愉快！ 🎉