跃檐 · 屋顶上的猫

一只猫在夜色屋檐上奔跑的单文件 H5 小游戏。零依赖，手机和微信内置浏览器直接开玩。

▶ 点这里试玩

玩法

• 轻点屏幕 起跳，空中再点一次 二段跳
• 躲开烟囱，吃到小鱼干 +5 分
• 跑得越久越快，看能撑到多少分

电脑上用 空格 / ↑ 也能跳。

特点

• 单文件：整个游戏就一个 index.html，HTML + CSS + Canvas，不到 20 KB
• 零依赖：没有框架、没有 CDN、没有外部字体，断网也能跑
• 为手机而做：触屏优先、高分屏适配、刘海屏安全区、禁掉了下拉刷新和误滚动
• 微信友好：切到后台自动暂停，回来接着玩

本地运行

下载 index.html，双击用浏览器打开即可。不需要服务器，不需要构建。

部署

任何静态托管都行。以 GitHub Pages 为例：

1. 把 index.html 传到仓库根目录
2. Settings → Pages → Source 选 Deploy from a branch，分支 main、目录 / (root)
3. 等一两分钟，访问 https://chenjay0521-pixel.github.io/cat-game/

把这个链接发到微信，好友点开就能玩。

技术说明

原生 Canvas 2D 绘制，固定时间步长的主循环，devicePixelRatio 缩放保证高分屏清晰。所有尺寸（重力、跳跃初速、跑速、障碍高度）都按屏幕尺寸换算，所以在任何比例的手机上手感一致。障碍按时间间隔生成而非距离间隔，速度提升时反应时间仍然公平。

待办

• 用 localStorage 保存最高分
• 加音效（跳跃、吃鱼、撞击）
• 移植成微信小游戏，接微信好友排行榜

License

MIT