An open API service indexing awesome lists of open source software.

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 !

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) 开源。

---

感谢你的关注和支持!希望你喜欢这个小游戏合集!🎉