这是一个基于 React + TypeScript + TailwindCSS 的《羊了个羊》Web 复刻版。
- 目标:消除所有桌面上的卡牌。
- 规则:
- 点击卡牌将其移动到下方的槽位中。
- 槽位中如果有 3 张相同的卡牌,则会消除。
- 如果槽位满了(7张)且无法消除,游戏失败。
- 只有最上层(未被遮挡)的卡牌可以点击。
- React 18
- TypeScript
- Vite
- TailwindCSS
- Zustand (状态管理)
- Lucide React (图标)
-
安装依赖:
npm install
-
启动开发服务器:
npm run dev
-
构建生产版本:
npm run build
- 核心消除玩法
- 随机关卡生成
- 遮挡关系判断
- 道具系统(撤回、洗牌、移出)
- 每日一关(固定种子)
- 排行榜系统