2048 Game - React + TypeScript

🎮 在线试玩

访问地址： https://smilesnow819.github.io/2048game/

---

一个使用 React + TypeScript + Vite 构建的 2048 游戏。

功能特性

• 🎮 经典的 2048 游戏玩法
• 🤖 智能 AI 助手 - 使用深度搜索算法自动游戏
• ⚡ 使用 React 19 + TypeScript 开发
• 🎨 流畅的动画效果 (Framer Motion)
• 📱 响应式设计 - 支持键盘和触摸操作
• 🚀 基于 Vite 构建

AI 功能说明

• 智能算法: 使用 minimax 算法和前瞻搜索，评估每一步的最佳选择
• 可视化决策: 显示 AI 的移动方向和预测得分
• 灵活控制: 支持启动/停止 AI，可设置步数
• 深度搜索: 默认 5 层深度搜索，平衡性能与智能程度

快速开始

安装依赖

npm install

开发模式

npm run dev

构建项目

npm run build

预览构建结果

npm run preview

部署

GitHub Pages 自动部署

项目已配置 GitHub Actions 工作流，当代码推送到 main 分支时会自动构建并部署到 GitHub Pages。

部署流程

1. 推送代码到 main 分支
2. GitHub Actions 自动触发构建流程
3. 构建成功后自动部署到 GitHub Pages

详细部署说明请查看 DEPLOYMENT.md

技术栈

• 前端框架: React 19
• 开发语言: TypeScript
• 构建工具: Vite
• 动画库: Framer Motion
• 代码规范: ESLint

项目结构

src/
├── components/     # React 组件
├── hooks/         # 自定义 Hooks
├── utils/         # 工具函数
├── types/         # TypeScript 类型定义
└── constants/     # 常量定义

许可证

MIT License