https://github.com/zhenghaoyang24/webgames
各种打开即可游玩的小游戏! A collection of mini-games that you can play right away !
https://github.com/zhenghaoyang24/webgames
games games-list vuegame webgame
Last synced: 4 months ago
JSON representation
各种打开即可游玩的小游戏! A collection of mini-games that you can play right away !
- Host: GitHub
- URL: https://github.com/zhenghaoyang24/webgames
- Owner: zhenghaoyang24
- License: mit
- Created: 2025-01-23T13:30:33.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-13T12:03:45.000Z (over 1 year ago)
- Last Synced: 2025-07-19T05:23:10.345Z (12 months ago)
- Topics: games, games-list, vuegame, webgame
- Language: Vue
- Homepage: https://multiwebgames.netlify.app/
- Size: 156 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# webgames
中文 | [English](https://github.com/zhenghaoyang24/webgames/blob/master/README_EN.md)
🎮 **webgames** 是一个包含多个小游戏的网页应用,打开即可游玩!。所有游戏均基于 Vue 3 开发,代码简洁易扩展,欢迎体验和贡献!
## 项目预览
在线游玩:[vue-webgames](https://vue-webgames.netlify.app/)
## 已支持的游戏
1. **贪吃蛇**
控制蛇吃食物,避免撞到墙壁或自己的身体。

2. **2048**
通过合并数字方块,最终达到 2048。

3. **扫雷**
经典的扫雷游戏,考验你的逻辑推理能力。
4. **数独**
一个简单的数独游戏,填入正确的数字吧。

5. **记忆卡片**
点击方格,匹配所有的 emoji !

6. **迷宫**
一个迷宫,不难也不简单!

## 技术栈
- **前端框架**: Vue 3
- **语言**: TypeScript
- **构建工具**: Vite
## 贡献指南
若你有任何想法,欢迎提 `issue` 或 `PR`。若你想添加新游戏,请按照以下步骤操作:
1. 在 [src/components/games/](https://github.com/zhenghaoyang24/webgames/tree/master/src/components/games) 目录下创建一个新的游戏组件(这个组件包含游戏的所有内容),例如 `Game.vue`。
2. 在 [src/data/gameList.ts](https://github.com/zhenghaoyang24/webgames/blob/master/src/data/gameList.ts) 中添加新游戏的信息:
```typescript
{
name: '游戏名',
component: '组件名',
description: '游戏描述',
loadComponent: () => import('@/components/games/Game.vue'),
}
```
3. 至此,游戏内容会自动出现在游戏列表中,可以直接点击游玩。
## 许可证
本项目基于 [MIT 许可证](https://github.com/zhenghaoyang24/webgames?tab=MIT-1-ov-file) 开源。
---
感谢你的关注和支持!希望你喜欢这个小游戏合集!🎉