H5 · 星星冲刺
45 秒内收集 5 颗星星，避开 2 个巡逻机器人，初始 3 点生命。WASD / 方向键移动，P 暂停，R 重玩，手机视口提供屏幕方向键。完整源码含免构建版与 Vite 工程。
下载并在本地运行
操作位置： 新建的 native-h5 文件夹与终端。
操作： 下载本节源码附件，解压到 native-h5，让 package.json 直接位于该目录根部。终端进入这个目录后，在下面两条路线中选一条执行。
成功现象： 免构建版打开 8000，Vite 开发版打开 5173；均出现星星冲刺的开始界面。
python3 -m http.server 8000 --bind 127.0.0.1 --directory plain/distnpm ci
npm run dev本机示例目录是桌面 Move to Combos/native-h5；解压到其他位置时使用自己的路径。浏览器打开免构建版 http://127.0.0.1:8000/ 或 Vite 开发版 http://127.0.0.1:5173/。
图 05｜星星冲刺本地运行，先验证开始、移动和收集计分。
验证、构建和发布
操作位置： 本地浏览器、native-h5 根目录终端与 Combos 页面。
操作： 点击开始，移动到星星，检查分数增加；收齐 5 颗显示获胜。验证碰撞扣血、超时失败、P 暂停和 R 重玩。Vite 路线停止 dev 后执行 build 和 preview，打开 4173；免构建路线直接使用 plain/dist。完成后按发布与更新发布。
成功现象： 最终成品和线上版本都能运行核心玩法；保留自己的 combos.json 继续修改。
npm run build
npm run preview本次实际发布 Vite 生成的 dist，平台声明 pc,mobile，revision 1。打开星星冲刺 ；Canvas 搜索码 07752。本地与线上键盘完整通关；手机方向键仅完成浏览器视口检查，未计入手机真机验收。
图 06｜星星冲刺从 Combos 公开页面运行并收集到第一颗星星。
源码说明和附件
| 文件 | 负责的内容 |
|---|---|
| index.html / src/style.css | Canvas、HUD、按钮、布局和手机方向键 |
| src/main.js | 输入、移动、收集、碰撞、倒计时、胜负和绘图 |
| package.json / vite.config.js | 开发、构建、预览和相对资源地址 |
| plain/dist/ | 同一玩法的直接 HTML + JS 成品，无需编译 |
下面说明案例如何计分，完整程序在源码附件中。它不是接入 Combos 的必需代码，也不是终端命令。
if (!star.collected && Math.hypot(
star.x - state.player.x, star.y - state.player.y
) < 35) {
star.collected = true;
state.score++;
}
if (state.health <= 0 || state.elapsed >= 45) show('lost');
else if (state.score === 5) show('won');源码： 包含两个制作版本和封面，适合跟做、修改。** 成品：** 两个 dist ZIP 都可解压后运行；根目录直接有 index.html。
来源：Combos 开发者接入指南 。原文核对日期：2026-10-08，CLI v1.14.2；案例结果为原文记录的实测结果。