Hop Quest Template: Endlos-Springer im Browser umbauen
Hop Quest Template: Endlos-Springer im Browser umbauen
Hop Quest ist eine der fünf Spielvorlagen in Zugo: ein vertikaler Springer auf Canvas, bei dem die Figur automatisch abprallt und Sie nur steuern, wohin. Gewertet werden Höhenmeter, dazu gibt es Münzen, vier Plattformarten und einen Bestwert. Das Klonen kostet keine Credits, umgebaut wird im Chat.
Auf den nächsten Abschnitten steht, wie das Spiel tatsächlich funktioniert, womit es sich steuern lässt, welche Änderungen die Schwierigkeit verschieben und wo ein Browserspiel aus der Vorlage ehrlich aufhört.
Wie funktioniert Hop Quest?
Die Figur springt von allein. Jede Landung auf einer Plattform wirft sie wieder nach oben, verloren ist die Runde erst, wenn sie unten aus dem Bild fällt. Sie steuern ausschließlich die Bewegung nach links und rechts, und genau diese Reduktion macht das Genre so zugänglich.
Der Bildschirm scrollt mit, sobald die Figur die obere Hälfte erreicht, und die Wertung ist die erreichte Höhe in Metern. An den seitlichen Rändern wickelt sich die Welt um: Wer rechts hinausläuft, kommt links wieder herein. Dieses Detail rettet Runden, die sonst an einer Bildschirmkante enden würden.
Der Reiz entsteht aus vier Plattformarten. Es gibt feste Plattformen, wandernde, zerbrechende, die nach dem ersten Auftreten verschwinden, und Sprungfedern, die deutlich höher katapultieren. Aus der Mischung dieser vier ergibt sich der gesamte Schwierigkeitsverlauf.
Dazu kommen Münzen als zweite, freiwillige Wertung. Sie liegen oft abseits der sicheren Linie, und damit entsteht die kleine Entscheidung, die jede Runde interessant macht: sicher weiterklettern oder für ein paar Münzen ein Risiko eingehen. Am Ende zeigt der Bildschirm Höhe und Bestwert, bei einem neuen Rekord erscheint ein eigener Hinweis.
Womit lässt sich das Spiel steuern?
Die Vorlage bedient drei Eingabearten, und die dritte ist die, an die man selten denkt.
| Gerät | Eingabe | Anmerkung |
|---|---|---|
| Rechner | Pfeiltasten links und rechts oder A und D | Präziseste Steuerung, gut für lange Runden |
| Handy und Tablet | Finger auf dem Bildschirm ziehen | Die Figur folgt der waagerechten Position |
| Handy mit Lagesensor | Gerät kippen | Neigung steuert die Richtung, funktioniert nur bei erteilter Freigabe |
Die Neigungssteuerung ist ein netter Bonus und keine verlässliche Grundlage. Browser fragen dafür je nach Gerät um Erlaubnis, und manche Menschen mögen sie schlicht nicht. Lassen Sie das Ziehen mit dem Finger deshalb immer aktiv, auch wenn Sie die Neigung bewerben.
Auf dem Titelbildschirm spielt sich das Spiel selbst vor. Dieser Vorführmodus ist mehr wert als jedes Standbild, weil Vorbeischauende das Prinzip in drei Sekunden verstehen. Wenn Sie den Titel umgestalten, lassen Sie die Vorführung darunter laufen.
Was verschiebt die Schwierigkeit am stärksten?
Bei Springern sitzt die Balance in wenigen Zahlen, und jede davon wirkt sofort. Ändern Sie eine, spielen Sie zwei Runden, entscheiden Sie dann.
Der Abstand zwischen den Plattformen ist der größte Hebel. Weite Abstände zwingen zu genauem Steuern und lassen Runden früh enden, enge Abstände machen die ersten Meter langweilig. Ein sanfter Anstieg über die Höhe ist fast immer die richtige Antwort.
Der Anteil der Plattformarten ist der zweite Hebel. Viele zerbrechende Plattformen erzeugen Hektik, viele Sprungfedern erzeugen große, unkontrollierte Sprünge und damit ein glückslastiges Spiel. Beide Extreme fühlen sich unfair an, obwohl die Ursachen entgegengesetzt sind.
Der dritte Hebel ist die Seitengeschwindigkeit der Figur. Ist sie zu träge, kommen Sie bei einem weiten Sprung nicht rechtzeitig unter die nächste Plattform, ist sie zu flink, schießen Sie ständig über das Ziel hinaus. Genau hier lohnt das Ausprobieren am Handy, weil der Daumen anders zielt als die Tastatur.
Formulieren Sie solche Wünsche in einem Satz: „Setze die Plattformen in den ersten fünfzig Metern enger, erhöhe danach den Abstand langsam, und reduziere die Sprungfedern auf jede zehnte Plattform."
Wofür lohnt sich ein solches Spiel?
Der häufigste sinnvolle Zweck ist die Beigabe, nicht der Verkauf. Ein Springer ist in zehn Sekunden verstanden und lädt zum zweiten Versuch ein, deshalb funktioniert er auf Firmenseiten, an Messeständen und in Aktionen besser als aufwendigere Genres.
Zwei Beispiele aus der Praxis: eine Adventsaktion, bei der die Münzen zu Sternen werden und ein Bestwert eine Verlosung freischaltet, oder ein Vereinsprojekt, bei dem das Maskottchen springt und die Plattformen die Vereinsfarben tragen.
Der zweite Zweck ist das Lernen. Wer verstehen will, warum sich ein Spiel gut oder schlecht anfühlt, hat hier ein laufendes System mit sehr wenigen Stellschrauben. Schwerkraft, Sprungkraft, Abstände, Plattformmischung: Vier Werte, deren Wirkung man direkt spürt, und dafür braucht es keine Zeile Code.
Was Hop Quest nicht ist: der Anfang eines kommerziellen Spiels. Dafür fehlen Speicherstand, Konten, Werbeplätze und Käufe. Was ein Builder bei Spielen leisten kann, ordnet Kann KI ein Spiel bauen? ein.
Was ändern Sie mit einzelnen Sätzen?
Die Vorlage verträgt schnelle Umgestaltungen, solange Sie sie einzeln vornehmen und dazwischen spielen.
- Thema: „Ersetze die Figur durch einen Frosch, blauer Himmel wird Nachthimmel, Plattformen werden Seerosenblätter."
- Münzen umdeuten: „Aus Münzen werden Kaffeebohnen, sammle zehn davon für einen kurzen Geschwindigkeitsschub."
- Neue Plattformart: „Füge eine rutschige Plattform hinzu, auf der die Figur seitlich weitergleitet." Das ist die aufwendigste Änderung dieser Liste.
- Ziel setzen: „Beende die Runde bei fünfhundert Metern mit einem Siegbildschirm statt endlos weiterzulaufen."
- Bedienung schärfen: „Mache die seitliche Beschleunigung etwas direkter und begrenze die Höchstgeschwindigkeit."
Jede Änderung kostet 3 Credits, ein frischer Build 6, im Hi-Fi-Modus jeweils das Doppelte. Vor der Übergabe wird jede Fassung in einer Sandbox geöffnet, eine Änderung, die das Spiel zerstört, wird als Fehler gemeldet statt ausgeliefert. Wie sich ein anderes Arcade-Genre unter denselben Regeln umbauen lässt, zeigt die Neon-Drift-Vorlage.
Was kostet der Umbau in Credits?
Der Klon ist kostenlos, weil ein fertiges Spiel kopiert und kein Modell aufgerufen wird. Die erste spielbare Runde kostet also gar nichts.
| Aktion | Credits | Wofür |
|---|---|---|
| Spiel in ein Projekt klonen | keine | Kopie, keine KI |
| Eine Änderung im Chat | 3 | Thema, Figur, eine Balanceregel |
| Frischer Build | 6 | Wenn Neubauen sauberer ist als Korrigieren |
| Änderung im Hi-Fi-Modus | 6 | Doppelter Satz |
| Build im Hi-Fi-Modus | 12 | Doppelter Satz |
Free bringt 5 Credits mit, das reicht für den Klon und eine Änderung, also für die eigene Figur im Bild. Pro kostet 25 $ im Monat und bringt 200 Credits, das sind rund 66 Änderungen oder 33 Builds, Business kostet 99 $ im Monat mit 800 Credits.
Planen Sie bei Spielen mehr Durchgänge ein als bei Websites. Eine vollständige Umgestaltung samt Balance landet meist zwischen acht und zwanzig Änderungen. Der Grund ist einfach: Eine Seite ist fertig, wenn sie sich gut liest, ein Spiel erst, wenn es sich gut anfühlt, und dafür muss gespielt werden.
Wo hört diese Vorlage ehrlich auf?
Drei Grenzen sollten Sie kennen, bevor Sie Erwartungen wecken.
Der Bestwert wird nicht gespeichert. Er lebt in der laufenden Sitzung und ist nach dem Neuladen verschwunden. Eine dauerhafte Bestenliste bedeutet Datenbank und Anmeldung, also Supabase zusätzlich zum Spiel, und damit auch die Frage, wie Sie mit erfundenen Namen umgehen.
Ton ist nicht enthalten. Sprungtöne und Musik lassen sich ergänzen, aber Audio im Browser darf erst nach der ersten Berührung starten, und auf dem Handy kommt die Stummschaltung dazu. Behandeln Sie das als kleines eigenes Vorhaben.
Und es bleibt ein 2D-Spiel im Browser. Kein Eintrag in den App-Stores, keine Werbeplätze, keine Käufe im Spiel, keine Gegner mit eigener Logik. Wer einen echten Jump-and-Run mit Gegnern, Leveln und Zwischenzielen möchte, beschreibt ihn besser von Grund auf, wie es Plattformer mit KI erstellen zeigt.
Wie fangen Sie an?
Spielen Sie zuerst zwei oder drei vollständige Runden in der Vorschau, ohne etwas zu ändern. Notieren Sie dabei den Moment, in dem Sie zum ersten Mal geflucht haben. Dieser Moment ist Ihre Änderungsliste, und er sagt mehr als jede Beschreibung.
Klonen Sie danach das Spiel und arbeiten Sie in dieser Reihenfolge: Figur und Thema, Plattformmischung, Bedienung, zuletzt Feinheiten wie Partikel und Farben. Wer mit dem Aussehen beginnt, wirft nach der ersten Balanceänderung die Hälfte davon weg.
Das Spiel liegt auf zugo.dev, Startguthaben inklusive. Nach dem Veröffentlichen bekommen Sie eine Adresse zum Weiterschicken, und die ehrlichste Rückmeldung ist immer noch die Frage, ob jemand nach der ersten Runde eine zweite startet.