给 7 岁小朋友做的 H5 小游戏合集。单文件、零依赖、零构建——每个游戏都是一个 index.html，浏览器直接打开就能玩，手机竖屏适配。
| 游戏 | 目录 | 类型 | 玩法 |
|---|---|---|---|
| 🎀 甜心乐园大冒险 | sweet-adventure/ |
点跳跑酷 | 角色自动向右跑，点屏幕跳/二段跳，收集甜品躲障碍，冲向终点彩虹门。4 个可选角色，关卡制 + 最高分记录 |
| 📜 米小圈历史大冒险 | mxq-history/ |
益智答题 | 穿越 8 个历史时代（远古→明清），每关 6 题（选择/连线/排序），集齐宝物图鉴，全通解锁 Boss 关「时空大挑战」 |
| 🎒 米小圈上学记 | mxq-school/ |
剧情养成 | 陪米小圈过一天：起床、上课答题、课间猜拳、抢午餐，最后写日记攒小红花 |
| ⛏️ 三丽鸥方块乐园 | block-park/ |
沙盒建造 | 挖方块、盖房子，5 种装饰块 + 宝石彩蛋 + 小动物 |
| 🚩 米小圈闯关大冒险 | mxq-platform/ |
平台跳跃 | 马里奥式自由操控，5 关手工关卡，二段跳 + 弹簧 + 移动平台，收集课本换星级 |
| 🍓 甜甜消消乐 | sweet-match/ |
三消 | 7×7 棋盘，4 连出条纹糖、5 连出彩虹糖，10 关步数内达成收集目标 |
进度和最高分都存在 localStorage，刷新不丢。
cd kids-games
python3 -m http.server 8000
# 浏览器打开 http://localhost:8000/必须走 HTTP 服务（不能直接 file:// 双击打开），否则子目录跳转和部分浏览器的音频策略会失效。
- 纯原生：无框架、无打包、无 CDN 依赖，Canvas 手绘 / DOM+CSS transform / SVG 三种渲染方式各按游戏取舍
- 音效音乐用 WebAudio 现场合成，不带任何音频文件
- 刻意保守的语法（不用箭头函数、模板字符串、可选链）——目标是老旧安卓机和 iOS 旧版 WebView 也能跑
- 移动端踩过的坑：不用 CSS
inset（旧 WebView 不认会导致 canvas 按 DPR 原始像素渲染，角色被顶出屏幕）；canvas 必须 JS 显式设style.width/height；ctx.roundRect为 iOS<16 打了 polyfill - 每页带全局 error 提示条，方便在没有开发者工具的手机上排查
个人业余项目，纯自娱自乐、非商用。角色形象均为手绘原创，仅是致敬孩子喜欢的动画风格，与任何 IP 权利人无关。