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；案例結果來自原文記錄的實測。