devlog

Design eines Drei-Spur-Endless-Runners für Tastatur und Touch

Wie ein von einem Creator erstellter Drei-Spur-Runner verfeinert wurde, damit Spurwechsel, Sprünge und Rutschen auf Desktop und Mobilgeräten lesbar bleiben.

Titelbild zu Design eines Drei-Spur-Endless-Runners für Tastatur und Touch

Das Versprechen eines Drei-Spur-Runners

Ein Drei-Spur-Endless-Runner wirkt einfach, weil der Spieler nur wenige Aktionen hat: nach links oder rechts wechseln, springen, rutschen und entscheiden, wann eine Münze das Risiko wert ist. Genau wegen dieses begrenzten Vokabulars kommt es auf jedes Detail an. Wenn das Spiel fair ist, liest der Spieler die Strecke, führt eine Aktion aus und versteht das Ergebnis. Wenn nicht, verschmelzen Hindernisse mit dem Hintergrund, Eingaben kommen zu spät oder die Kamera verdeckt die sichere Route.

Für den Creator-Upload Endless Runner konzentrierte sich die Überprüfung darauf, diese lesbare Entscheidungsschleife auf Tastatur und Touch zu erhalten. Der Build enthielt bereits ein Hilfspanel für den ersten Start, zwei Geschwindigkeitsstufen, Punkte- und Distanzzähler, Münzen, sich bewegende Gefahren, Pause, Neustart und einen gespeicherten Bestwert. Die Aufgabe bestand nicht darin, ein anderes Spiel zu erfinden, sondern zu überprüfen, ob das bestehende Design seine Regeln kommuniziert und konsistent reagiert.

Spurwechsel müssen diskret und vorhersehbar sein

Der Spieler sollte immer wissen, welche der drei Spuren aktiv ist. Ein Befehl nach links oder rechts wechselt genau eine Spur, es sei denn, die Figur befindet sich bereits am Rand. Wiederholte Tastendrücke dürfen keine unsichtbare zusätzliche Bewegung in die Warteschlange stellen, die später ausgeführt wird. Die Animation kann zwischen Positionen interpolieren, aber die Kollisionslogik muss während des Übergangs mit der visuellen Position übereinstimmen.

Auf dem Desktop akzeptiert der Runner die Pfeiltasten als primäre Konvention und unterstützt auch A und D. Auf Touch wird ein horizontaler Wisch auf dieselbe Einzelspur-Entscheidung abgebildet. Die Wischschwelle muss kleine Scrollbewegungen ignorieren, sich aber dennoch unmittelbar anfühlen. Visuelle Bewegung, Kollisionszustand und Kamerarahmen sollten von demselben Spurindex gesteuert werden, sodass ein schmales mobiles Viewport keine anderen Regeln erzeugt.

Springen und Rutschen brauchen lesbare Verträge

Springen und Rutschen sind keine austauschbaren Fluchtanimationen. Ein Bodenhindernis erfordert einen Sprung; ein niedriges Überkopfhindernis erfordert ein Rutschen. Jedes Hindernis benötigt ausreichenden Kontrast, Voraussehbarkeit und konsistente Höhe, damit der Spieler diesen Vertrag erkennen kann, bevor das Eingabefenster schließt.

Tastaturspieler können die Pfeil-nach-oben-Taste, W oder Leertaste zum Springen und die Pfeil-nach-unten-Taste oder S zum Rutschen verwenden. Touch-Spieler verwenden vertikale Wischbewegungen. Der Hilfebildschirm muss diese Steuerung angeben, aber die Strecke selbst sollte sie durch frühe, isolierte Beispiele vermitteln. Eine Kombination aus Spurwechsel und Sprung kann später aufregend sein; diese Kombination zu verwenden, bevor der Spieler die Silhouetten versteht, wirkt willkürlich.

Schwierigkeit sollte Zeit komprimieren, nicht Informationen entfernen

Die erste Stufe dient als Aufwärmphase und gibt dem Spieler ein Ziel von fünfhundert Metern. Die zweite Stufe erhöht Geschwindigkeit und Hindernisdichte in Richtung eines Ziels von fünfzehnhundert Metern. Die Schwierigkeit durch Verkürzung des Entscheidungsfensters zu erhöhen, kann funktionieren, aber das Spiel muss visuelle Informationen bewahren. Schnelleres Spiel erfordert sauberere Abstände, stärkere Silhouetten und disziplinierte Kombinationen statt einer Wand aus zufälligen Objekten.

Münzlinien sind als sanfte Führung nützlich. Sie können eine sichere Spur aufzeigen oder zu einem berechneten Umweg einladen, sollten aber nicht direkt in eine unlesbare Kollision führen. Ein faires System lässt einen erfahrenen Spieler Muster antizipieren, behält aber genügend Variation für Wiederspielbarkeit. Überleben ist wichtiger als das Sammeln jeder Münze.

Mobiles Layout ist Teil des Spieldesigns

Ein Desktop-Screenshot beweist keine Mobiltauglichkeit. Die geschützte Vorschau wurde in einem schmalen Telefon-Viewport mit sichtbarem Hilfebildschirm und dann mit gestartetem Spiel getestet. Steuerung, Statuszähler und Pause-Aktionen mussten ohne horizontales Scrollen lesbar bleiben. Touch-Handler wurden für alle vier Richtungen überprüft, und der normale eingebettete Modus blieb spielbar, ohne Vollbild zu erzwingen.

Auch die umgebende Malaguo-Seite ist wichtig. Der Spielbereich muss ein stabiles Seitenverhältnis reservieren, das Vollbild-Steuerelement muss erreichbar bleiben, und Teilen- oder Melden-Aktionen dürfen das Spiel nicht abdecken. Ein mobiler Browser fügt eigene Adress- und Navigationsleisten hinzu, daher muss der sichere Abstand weniger vertikalen Platz tolerieren, als die nominelle Bildschirmgröße vermuten lässt.

Was die Überprüfung akzeptierte

Der Kandidaten-Build startete erfolgreich nach seinem bewusst gestalteten Erste-Hilfe-Bildschirm. Linksbewegung und Springen reagierten auf Tastatureingaben, Distanz und Punktzahl stiegen während des Spiels, und die Browserkonsole blieb sauber. Mobiles Layout und Wisch-Handler deckten denselben Aktionssatz ab. Der Katalogtext wurde erweitert, sodass Spieler die beiden Ziele, das Risiko des fahrenden Zuges, die Bestwert-Persistenz und die genaue Steuerung vor dem Start verstehen.

Die Genehmigung bedeutet nicht, dass das Design nie verbessert werden kann. Zukünftige Versionen können bessere Onboarding-Telemetrie, mehr entworfene Muster-Sequenzen, Barrierefreiheitsoptionen und reichhaltigeren Sound hinzufügen. Sie bedeutet, dass diese benannte Version das auf ihrer Seite beschriebene Mechanik auf den Geräten liefert, die sie zu unterstützen behauptet, ohne eine kaputte Route hinter einem öffentlichen Link zu verstecken.

Eine Checkliste für Runner-Ersteller

Testen Sie Spurgrenzen, schnelle entgegengesetzte Eingaben, Sprung- und Rutsch-Erholung, Pause während der Bewegung, Neustart nach Kollision und Persistenz der Erste-Hilfe-Anzeige. Überprüfen Sie jedes Tastatur-Label gegen den Code. Testen Sie auf Touch kurze und diagonale Wischbewegungen, Browser-Scrolling und das kleinste unterstützte Viewport. Spielen Sie schließlich lange genug, um die höhere Geschwindigkeitsstufe zu erreichen. Ein Runner, der die ersten zwanzig Sekunden funktioniert, kann dennoch versagen, wenn Timing, Spawn-Dichte und Animationsüberlappung unter Druck geraten.

♡ Gefällt mir · 0

Diskussion 0

Anmelden um an der Diskussion teilzunehmen.

Beginne eine konstruktive Diskussion.