homemade-game
GitHub ↗纯前端 HTML5/JavaScript 自制小游戏合集,含 2048、贪吃蛇、象棋、五子棋、俄罗斯方块等 9 款经典游戏
技术栈
Homemade Game 自制小游戏合集
一个包含多款经典游戏的自制合集,涵盖益智、棋类、街机等类型,大部分基于纯前端 HTML5 + JavaScript 实现,开箱即玩。
✨ 功能特性
- 9 款经典游戏:2048、贪吃蛇、俄罗斯方块、中国象棋、五子棋、围棋、斗兽棋、斗地主、RPG 冒险
- 纯前端实现:绝大多数游戏仅需浏览器打开
index.html即可运行,无需服务器 - 响应式设计:部分游戏支持移动端触摸操作
- 本地存档:2048 等游戏自动保存最高分到浏览器本地存储
- 独立子项目:每个游戏位于独立文件夹,可单独运行和修改
🎮 游戏列表
| # | 游戏 | 类型 | 技术栈 | 状态 | 运行方式 |
|---|---|---|---|---|---|
| 1 | 2048 | 益智 / 数字合并 | HTML + CSS + JavaScript | ✅ 完整 | 浏览器打开 index.html |
| 2 | 贪吃蛇 | 街机 / 休闲 | HTML + CSS + JavaScript | ✅ 完整 | 浏览器打开 index.html |
| 3 | 俄罗斯方块 | 街机 / 益智 | HTML + CSS + JavaScript | ✅ 完整 | 浏览器打开 index.html |
| 4 | 中国象棋 | 棋类 / 双人对战 | HTML5 Canvas + JavaScript | ✅ 完整 | 浏览器打开 index.html |
| 5 | 五子棋 | 棋类 / 双人对战 | HTML + CSS + JavaScript | ✅ 完整 | 浏览器打开 index.html |
| 6 | 围棋 | 棋类 | HTML + CSS + JavaScript | ✅ 完整 | 浏览器打开 index.html |
| 7 | 斗兽棋 | 棋类 | HTML + CSS + JavaScript | ⚠️ 存在 Bug | 浏览器打开 index.html |
| 8 | 斗地主 | 卡牌 | HTML + CSS + JavaScript | ⚠️ 存在 Bug | 浏览器打开 index.html |
| 9 | RPG 文字冒险 | RPG / 回合制战斗 | Python 3 | ✅ 完整 | python game.py |
游戏简介
2048 — 经典数字合并益智游戏。通过方向键滑动方块,合并相同数字,目标达到 2048。支持键盘与触摸操作,自动保存最高分。
贪吃蛇 — 经典街机游戏。使用方向键控制蛇的移动,吃食物增长身体,避免撞墙和撞到自己。包含分数与等级系统。
俄罗斯方块 — 经典下落方块游戏。旋转和移动方块,填满整行消除得分。
中国象棋(古风版) — 采用中国古典风格设计的完整象棋游戏。实现全部棋子规则、将军提醒、送将保护、将死判定,支持红黑双人对战。
五子棋 — 15x15 标准棋盘双人对战。黑白轮流落子,先连成五子者获胜,包含落子动画与获胜高亮。
围棋 — 围棋对弈游戏,基于 HTML5 实现。
斗兽棋 — 经典动物棋类游戏(当前版本存在已知 Bug)。
斗地主 — 三人扑克牌游戏(当前版本存在已知 Bug)。
RPG 文字冒险 — 基于 Python 的回合制战斗 RPG。支持角色创建、属性系统、探索事件(战斗/宝箱/商人)、物品与技能系统、敌人难度动态调整。
🛠 技术栈
| 类别 | 技术 |
|---|---|
| 前端游戏 | HTML5 + CSS3 + 原生 JavaScript(ES6+) |
| 图形渲染 | HTML5 Canvas / DOM |
| RPG 游戏 | Python 3(标准库) |
| 数据存储 | localStorage(浏览器本地) |
📁 项目结构
homemade-game/
├── 2048/ # 2048 数字合并游戏
│ ├── index.html
│ ├── script.js
│ ├── styles.css
│ └── README.md
├── 贪吃蛇/ # 贪吃蛇游戏
│ ├── index.html
│ ├── script.js
│ └── style.css
├── 俄罗斯方块/ # 俄罗斯方块游戏
│ ├── index.html
│ ├── game.js
│ └── style.css
├── 象棋/ # 中国象棋(古风版)
│ ├── index.html
│ ├── script.js
│ ├── style.css
│ └── README.md
├── 五子棋/ # 五子棋
│ └── index.html # 内联 CSS + JavaScript
├── 围棋/ # 围棋
│ ├── index.html
│ ├── game.js
│ └── styles.css
├── 斗兽棋(bug)/ # 斗兽棋(存在 Bug)
│ ├── index.html
│ ├── script.js
│ ├── style.css
│ └── start.bat
├── 斗地主(bug)/ # 斗地主(存在 Bug)
│ ├── index.html
│ ├── script.js
│ └── style.css
├── rpg/ # Python 文字 RPG 冒险
│ ├── game.py # 游戏主入口
│ ├── game_gui.py # GUI 版本
│ ├── dungeon.py # 地牢/探索逻辑
│ ├── start_game.bat # Windows 一键启动
│ └── README.md
├── .gitignore
└── README.md # 本文件(合集总览)
🚀 快速开始
前端游戏(HTML/JS)
无需安装任何依赖,直接用浏览器打开对应游戏文件夹中的 index.html 即可:
# 示例:运行 2048
# 直接双击 2048/index.html,或在浏览器地址栏输入文件路径
也可以使用任意静态文件服务器:
# 使用 Python 内置服务器(任选其一)
python -m http.server 8000
# 然后访问 http://localhost:8000/2048/
RPG 游戏(Python)
cd rpg
python game.py
或在 Windows 上双击 start_game.bat。
📖 操作说明
通用键盘操作
| 按键 | 适用游戏 | 功能 |
|---|---|---|
| ↑ ↓ ← → | 2048、贪吃蛇、俄罗斯方块 | 方向控制 |
| 鼠标点击 | 象棋、五子棋、围棋、斗兽棋 | 落子 / 选牌 |
| R / 重新开始按钮 | 多数游戏 | 重新开始 |
RPG 游戏操作
在游戏主菜单中输入数字选择:
1探索 — 开始冒险,随机遇到敌人、宝箱或商人2查看状态 — 显示角色属性与等级3查看物品栏 — 管理背包物品4查看技能 — 查看已学技能5退出游戏
战斗中选择:攻击 / 使用物品 / 使用技能 / 逃跑。
🤝 贡献指南
欢迎提交 Issue 和 Pull Request!标注为「bug」的游戏(斗兽棋、斗地主)尤其欢迎修复贡献。新增游戏请放在独立文件夹中,并包含 index.html 入口。
📄 许可证
未指定(各子游戏可独立使用)
👤 作者
GYOUNG - GitHub