Skip to Content

Ejemplo H5 · Star Sprint

Recoge 5 estrellas en 45 segundos evitando 2 robots, con 3 puntos de vida iniciales. WASD/flechas mueven, P pausa y R reinicia. La vista móvil ofrece botones direccionales. El código incluye versiones HTML/JS y Vite.

Descarga y ejecuta

Extrae en una nueva carpeta native-h5 con package.json en la raíz. Entra y elige una ruta:

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

Abre http://127.0.0.1:8000/ para la versión simple o http://127.0.0.1:5173/ para Vite. La ruta documentada era Move to Combos/native-h5 en el escritorio; usa la tuya.

Star Sprint local: inicio, movimiento, recogida y puntuación.

Star Sprint local: inicio, movimiento, recogida y puntuación.

Prueba y publica

Inicia, recoge una estrella y comprueba los puntos; las 5 dan la victoria. Revisa daño por colisión, derrota por tiempo, pausa y reinicio. En Vite, detén dev y ejecuta:

npm run build npm run preview

Prueba http://127.0.0.1:4173/; la versión simple usa plain/dist. Publica y conserva tu combos.json.

La versión registrada usó Vite, pc,mobile, revisión 1. Jugar Star Sprint , código Canvas 07752. Se completaron victorias con teclado localmente y en línea. Los controles móviles solo se revisaron en viewport, no en teléfono real.

Primera estrella recogida en la página pública de Combos.

Primera estrella recogida en la página pública de Combos.

Código y descargas

index.html/src/style.css: Canvas, HUD, botones, diseño y controles táctiles. src/main.js: entrada, movimiento, recogida, colisiones, tiempo, resultados y dibujo. package.json/vite.config.js: scripts y URL relativas. plain/dist: equivalente sin compilación.

Este fragmento explica la puntuación; no es código obligatorio de integración:

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 ZIP contienen index.html en la raíz al extraer.


Fuente: Guía de integración de Combos , revisada el 2026-10-08 con CLI v1.14.2. Los resultados corresponden a las pruebas documentadas en la guía original.

Last updated on