# H5 轻量游戏合集 (H5 Lightweight Games Hub)

> 零后端、零依赖的纯 HTML/CSS/JavaScript 轻量级网页游戏合集，单文件即可运行，适配 Cloudflare Pages 等静态托管平台。

H5 轻量游戏合集 是一个纯前端的轻量级网页游戏合集，共规划 24 款游戏，其中 6 款已上线。
全部游戏仅使用 HTML、CSS 和 JavaScript 开发，不依赖任何后端服务、数据库或第三方运行时，
单文件平均体积约 11 KB，支持键盘与触摸操作，以 MIT 许可开源，支持一键发布到 GitHub Pages 与 Cloudflare Pages。

## 已上线游戏

- [2048](https://game24.vip880.cc.cd/games/2048/): 4×4 棋盘上滑动合并相同数字，每次移动随机生成 2 或 4，目标合成 2048。经典数字合并玩法，无时间压力。 分类：益智；操作：方向键 / WASD / 触摸滑动；体积 11.7 KB（实测）。
- [俄罗斯方块](https://game24.vip880.cc.cd/games/tetris/): 七种四格骨牌下落堆叠，填满整行消除得分，随等级提升下落加速。含下一个方块预览与硬降落点提示。 分类：益智；操作：← → 移动 / ↑ 旋转 / ↓ 软降 / 空格 硬降 / P 暂停；体积 12.1 KB（实测）。
- [扫雷](https://game24.vip880.cc.cd/games/minesweeper/): 经典 Windows 扫雷。左键翻开格子，右键插旗，数字表示周围八格地雷数。首点必安全，支持双击快速展开。 分类：益智；操作：左键翻开 / 右键插旗 / 双击数字快速展开；体积 10.1 KB（实测）。
- [打砖块](https://game24.vip880.cc.cd/games/breakout/): 控制挡板左右移动反弹小球，击碎上方砖块阵列。球速随关卡递增，掉球即失一条命。含多角度反弹与道具掉落。 分类：动作；操作：← → 或鼠标移动 / 空格发射；体积 12.0 KB（实测）。
- [贪吃蛇](https://game24.vip880.cc.cd/games/snake/): 方向控制蛇身移动，吃到食物得分并变长，撞墙或撞自身即结束。支持穿墙模式与加速。 分类：休闲；操作：方向键 / WASD / 触摸滑动；体积 11.1 KB（实测）。
- [记忆翻牌](https://game24.vip880.cc.cd/games/memory/): 翻牌找出所有相同图案配对，记录步数与用时。支持 4×4 / 6×6 难度切换。 分类：休闲；操作：鼠标点击 / 触摸；体积 8.2 KB（实测）。

## 规划中的游戏

### 益智
- 数独：9×9 格推理填数，行列宫不重复（约 20 KB，技术难点：回溯生成保证唯一解、对称挖洞控制难度、位运算集合加速候选计算、DLX 算法可选）
- 猜数字：根据 A/B 提示推理四位数（约 9 KB，技术难点：答案生成去重、A/B 计数双次遍历、历史记录渲染）
- 汉诺塔：递归经典，最少步数搬塔（约 10 KB，技术难点：递归求解动画可视化、拖拽与点击双操作、栈结构校验合法性）
- 数字华容道：滑块归位，复原数字顺序（约 10 KB，技术难点：逆序数 + 空格行奇偶性判定可解性、Fisher-Yates 打乱后校验、CSS Transform 平滑移动）
- 六边形消除：六边形网格旋转消除（约 22 KB，技术难点：轴向坐标（axial coordinates）与立方坐标转换、邻接查询、连通区域洪水填充）

### 策略
- 五子棋：先连五子者胜，可战 AI（约 18 KB，技术难点：五连判定（四方向计数）、极简极大极小搜索 + Alpha-Beta 剪枝、启发式打分表（活四/冲四/活三））
- 迷你塔防：布防炮塔，拦住敌人波次（约 35 KB，技术难点：A* 或 BFS 路径寻路、塔攻击范围与 cooldown 管理、波次配置数据驱动、敌人沿路径插值移动）

### 动作
- 太空射击：弹幕射击，躲避并击落敌机（约 30 KB，技术难点：对象池复用子弹实体、AABB 碰撞、弹幕模式脚本化、屏幕震动与粒子爆炸、Web Audio 音效合成）
- 飞跃管道：一键操控，穿过管道缝隙（约 12 KB，技术难点：简化重力积分、管道对象池与回收、视差多层背景、像素级碰撞（圆形近似））
- 像素平台跳跃：横版跳跃闯关，收集金币（约 40 KB + Phaser 运行时，技术难点：瓦片地图碰撞（AABB 扫掠）、可变跳跃高度、Coyote Time 与跳跃缓冲提升手感、镜头跟随）
- 弹球对战：双人同屏乒乓球对决（约 8 KB，技术难点：反弹角随击球点变化、AI  predictive 追踪、固定步长物理）
- 无尽跑酷：越跑越快，躲避障碍（约 45 KB + Phaser 运行时，技术难点：程序化关卡分段生成与回收、速度曲线、碰撞盒随姿态变化、localStorage 解锁状态）

### 休闲
- 三消宝石：交换宝石，三连消除（约 25 KB，技术难点：消除检测（行列扫描）、连锁下落与补位、无解局面检测与自动重排、缓动动画队列）
- 21 点：逼近 21 点但不爆牌（约 15 KB，技术难点：A 的软硬点数动态计算、庄家规则状态机、筹码持久化（localStorage））
- 纸牌接龙：经典 Windows 纸牌（约 28 KB，技术难点：HTML5 Drag and Drop / Pointer Events 拖拽、牌堆层叠 z-index、撤销栈）
- 指尖打字：限时打字，练手速准确率（约 9 KB，技术难点：逐字符比对与光标渲染、WPM/准确率公式、localStorage 排行榜）
- 节奏点击：跟着节拍点击下落的音符（约 20 KB，技术难点：Web Audio API 精确时钟调度（audioContext.currentTime）、谱面时间戳同步、输入延迟校准）

### 3D
- 3D 骰子：物理模拟投掷 3D 骰子（约 60 KB + three.js 运行时（可 CDN 懒加载），技术难点：three.js 场景与光照、Cannon-es / Rapier 刚体物理、朝上面判定（各面法向量点乘）、glTF 模型加载与 Draco 压缩）

## 技术栈

- 渲染：原生 Canvas 2D 与 DOM + CSS Transform，默认零第三方依赖
- 复杂 2D 游戏：Phaser 3（备选 Kaboom.js）
- 3D：three.js + cannon-es（仅 3D 分类，独立懒加载）
- 音效：Web Audio API 实时合成，零字节资源
- 持久化：localStorage（不上传服务器）
- 托管：GitHub Pages（推荐，零密钥）或 Cloudflare Pages，构建产物目录 dist，GitHub Actions 自动部署

## 关键事实

- 站点地址：https://game24.vip880.cc.cd
- 收录游戏总数：24（已上线 6）
- 单文件平均体积：约 11 KB
- 后端依赖数量：0
- 追踪与广告脚本数量：0
- 开源许可：MIT
- 移动端支持：全部游戏支持触摸操作

## 常见问题

- 需要下载吗？不需要，浏览器直接打开即玩。
- 有后端吗？没有，站点为纯静态托管，无任何服务器端逻辑。
- 数据会上传吗？不会，最高分等记录仅存于浏览器 localStorage。
- 支持手机吗？支持，全部游戏适配触摸操作与移动端视口。