https://github.com/yviscool/klotski
经典益智游戏数字华容道，多尺寸支持，移动音效与胜利烟花特效！像素风设计，支持在线试玩与自定义体验。
https://github.com/yviscool/klotski
gamedev
Last synced: 5 months ago
JSON representation
经典益智游戏数字华容道，多尺寸支持，移动音效与胜利烟花特效！像素风设计，支持在线试玩与自定义体验。
- Host: GitHub
- URL: https://github.com/yviscool/klotski
- Owner: yviscool
- Created: 2024-12-31T14:47:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-31T14:48:10.000Z (11 months ago)
- Last Synced: 2025-09-06T07:37:39.755Z (9 months ago)
- Topics: gamedev
- Language: HTML
- Homepage: https://digital-puzzle.vercel.app
- Size: 108 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 数字华容道 - klotski
 
**数字华容道** 是一款经典的益智游戏，通过移动数字方块，将它们按顺序排列。本项目使用现代前端技术实现，支持多种难度选择和动态效果，提供流畅的游戏体验。
🌐 **项目地址**: [https://github.com/yviscool/klotski](https://github.com/yviscool/klotski)
---
## 🎮 功能特点
- **多种难度选择**：支持 2x3、3x3、4x4 等多种难度模式。
- **动态效果**：方块移动流畅，带有音效和动画。
- **计时与步数统计**：实时记录游戏时间和步数。
- **胜利提示**：游戏完成后显示烟花效果和胜利弹窗。
- **响应式设计**：适配桌面和移动设备，随时随地畅玩。
---
## 🚀 使用方法
### 在线体验
直接访问 [klotski](https://digital-puzzle.vercel.app/) 即可在线体验。
### 本地运行
1. 克隆项目到本地：
```bash
git clone https://github.com/yviscool/klotski.git
```
2. 进入项目目录：
```bash
cd klotski
```
3. 打开 `index.html` 文件即可运行。
---
## 🛠️ 技术栈
- **HTML5**：页面结构与内容。
- **CSS3**：样式与动画效果。
- **JavaScript**：游戏逻辑与交互。
- **SweetAlert2**：美化弹窗提示。
- **tsParticles**：实现烟花效果。
---
## 📸 截图
---
## 📜 许可证
本项目基于 **MIT 许可证** 开源。详情请参阅 [LICENSE](LICENSE) 文件。
---
## 🤝 贡献指南
欢迎贡献代码！如果您有任何建议或发现问题，请提交 Issue 或 Pull Request。
1. Fork 本项目。
2. 创建新分支 (`git checkout -b feature/YourFeature`)。
3. 提交更改 (`git commit -m 'Add some feature'`)。
4. 推送分支 (`git push origin feature/YourFeature`)。
5. 提交 Pull Request。
---
## 📧 联系
如有任何问题，请联系：
📩 **Email**: [your-email@example.com](mailto:your-email@example.com)
🌐 **GitHub**: [yviscool](https://github.com/yviscool)
---
**Enjoy the game! 🎉**
---