H5-Beispiel · Star Sprint

Sammle in 45 Sekunden 5 Sterne, weiche 2 Robotern aus und starte mit 3 Lebenspunkten. WASD/Pfeiltasten bewegen, P pausiert, R startet neu. Mobile Viewports zeigen Richtungstasten. Die Quellen enthalten HTML/JS und Vite.

Herunterladen und starten

Entpacke in einen neuen Ordner native-h5, sodass package.json direkt darin liegt. Wechsle dorthin und wähle einen Weg:

python3 -m http.server 8000 --bind 127.0.0.1 --directory plain/dist

npm ci
npm run dev

Öffne http://127.0.0.1:8000/ für die einfache Version oder http://127.0.0.1:5173/ für Vite. Dokumentiert ist Move to Combos/native-h5 auf dem Desktop; nutze deinen eigenen Pfad.

Star Sprint lokal: Start, Bewegung, Sternesammeln und Punkte prüfen.

Testen und veröffentlichen

Starte, sammle einen Stern und prüfe den Punktestand; alle 5 führen zum Sieg. Prüfe Kollisionsschaden, Zeitablauf, Pause und Neustart. Stoppe für Vite dev, dann:

npm run build
npm run preview

Prüfe http://127.0.0.1:4173/; die einfache Variante nutzt plain/dist. Veröffentliche und behalte deine combos.json.

Die dokumentierte Vite-Veröffentlichung nutzte pc,mobile, Revision 1. Star Sprint spielen , Canvas-Code 07752. Vollständige Tastatursiege wurden lokal und online erreicht. Mobile Steuerung wurde nur im Viewport geprüft, nicht auf einem echten Telefon.

Der erste gesammelte Stern auf der öffentlichen Combos-Seite.

Quellen und Downloads

index.html/src/style.css: Canvas, HUD, Tasten, Layout und Touch. src/main.js: Eingaben, Bewegung, Sammeln, Kollisionen, Zeit, Ergebnisse, Zeichnen. package.json/vite.config.js: Skripte und relative URLs. plain/dist: entsprechende Version ohne Build.

Dieser Ausschnitt erklärt die Punktevergabe; er ist kein verpflichtender Integrationscode:

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

• Quellen beider Versionen und Cover
• Fertiger HTML/JS-Build
• Fertiger Vite-Build

Beide Build-Archive enthalten index.html direkt im entpackten Stamm.

Quelle: Combos-Integrationsleitfaden , geprüft am 2026-10-08 mit CLI v1.14.2. Die Ergebnisse beziehen sich auf die im Original dokumentierten Durchläufe.