Skip to Content
ДокументацияРуководство по интеграцииПолные примерыПример H5 · Star Sprint

Пример H5 · Star Sprint

Собери 5 звёзд за 45 секунд, избегая 2 роботов. Начальное здоровье — 3. WASD/стрелки перемещают, P ставит на паузу, R начинает заново. В мобильном viewport есть кнопки направлений. Исходники содержат HTML/JS и Vite.

Скачай и запусти

Распакуй в новую папку native-h5, чтобы package.json лежал в её корне. Перейди туда и выбери вариант:

python3 -m http.server 8000 --bind 127.0.0.1 --directory plain/dist
npm ci npm run dev

Открой http://127.0.0.1:8000/ для простой версии или http://127.0.0.1:5173/ для Vite. В записи использован Move to Combos/native-h5 на рабочем столе; укажи свой путь.

Star Sprint локально: начало, движение, сбор звёзд и счёт.

Star Sprint локально: начало, движение, сбор звёзд и счёт.

Проверь и опубликуй

Начни игру, возьми звезду и проверь счёт; все 5 дают победу. Проверь урон от столкновений, проигрыш по времени, паузу и повтор. Для Vite останови dev и выполни:

npm run build npm run preview

Проверь http://127.0.0.1:4173/; простой вариант использует plain/dist. Опубликуй и сохрани свой combos.json.

Описанная Vite-публикация: pc,mobile, ревизия 1. Играть в Star Sprint , код Canvas 07752. Полные победы с клавиатурой записаны локально и онлайн. Мобильное управление проверено только в viewport, без настоящего телефона.

Первая звезда на публичной странице Combos.

Первая звезда на публичной странице Combos.

Исходники и загрузки

index.html/src/style.css: Canvas, HUD, кнопки, расположение, сенсорное управление. src/main.js: ввод, движение, сбор, столкновения, время, исход и отрисовка. package.json/vite.config.js: скрипты и относительные URL. plain/dist: тот же вариант без сборки.

Фрагмент объясняет начисление очков; это не обязательный код интеграции:

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');

Оба готовых архива содержат index.html прямо в корне после распаковки.


Источник: руководство по интеграции с Combos , проверено 2026-10-08 с CLI v1.14.2. Результаты относятся к запускам, описанным в оригинале.

Last updated on