Skip to Content

Exemplo H5 · Star Sprint

Colete 5 estrelas em 45 segundos, evite 2 robôs e comece com 3 pontos de vida. WASD/setas movem, P pausa e R reinicia. A viewport móvel mostra botões direcionais. O código contém versões HTML/JS e Vite.

Baixe e execute

Extraia em uma nova pasta native-h5, com package.json na raiz. Entre nela e escolha uma rota:

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

Abra http://127.0.0.1:8000/ para a versão simples ou http://127.0.0.1:5173/ para Vite. O exemplo usou Move to Combos/native-h5 na área de trabalho; adapte o caminho.

Star Sprint local: início, movimento, coleta e pontuação.

Star Sprint local: início, movimento, coleta e pontuação.

Teste e publique

Inicie, colete uma estrela e confira os pontos; as 5 dão vitória. Verifique dano por colisão, derrota por tempo, pausa e reinício. No Vite, pare dev e execute:

npm run build npm run preview

Confira http://127.0.0.1:4173/; a rota simples usa plain/dist. Publique e guarde seu combos.json.

A publicação registrada usou Vite, pc,mobile, revisão 1. Jogar Star Sprint , código Canvas 07752. Houve vitórias completas com teclado localmente e online. Os controles móveis só foram verificados em viewport, não em celular real.

Primeira estrela coletada na página pública do Combos.

Primeira estrela coletada na página pública do Combos.

Código e downloads

index.html/src/style.css: Canvas, HUD, botões, layout e toque. src/main.js: entrada, movimento, coleta, colisões, tempo, resultados e desenho. package.json/vite.config.js: scripts e URLs relativas. plain/dist: equivalente sem build.

Este trecho explica a pontuação; não é código obrigatório para integrar ao 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');

Ambos os ZIPs prontos têm index.html na raiz extraída.


Fonte: Guia de integração de desenvolvedores Combos , verificado em 2026-10-08 com CLI v1.14.2. Os resultados são os registrados no guia original.

Last updated on