Fallstudie · Canvas-Spiel

Neon Drift

Ein kompaktes Top-down-Rennspiel, das ohne Anmeldung direkt im Browser startet und Tastatur, Touch sowie reduzierte Bewegung berücksichtigt.

Status
Spielbar
Technik
Canvas · JavaScript
Steuerung
Tastatur · Touch
Veröffentlicht
2026
Screenshot von Neon Drift mit dreispuriger Neonstraße und Spielerfahrzeug.
Ein echter Spielstand aus der veröffentlichten Browser-Version.

Ausgangslage

Das Ziel war ein kleines Spiel, das ohne Installation, Konto oder Einführung verständlich ist. Eine Runde soll in wenigen Sekunden beginnen, auf dem Mac ebenso funktionieren wie auf dem Smartphone und trotzdem eine eigenständige visuelle Sprache besitzen.

Umsetzung

Das Spielfeld wird in einem HTML-Canvas gezeichnet. Drei Fahrspuren, zufällig erzeugter Verkehr, Energieobjekte und eine mit dem Punktestand steigende Geschwindigkeit bilden die Spielschleife. Gesteuert wird mit Pfeiltasten, A und D oder einer horizontalen Wischbewegung.

  • Eigene Canvas-Zeichenroutine für Straße, Fahrzeuge und Partikel
  • Gemeinsame Spiellogik für Tastatur- und Touch-Steuerung
  • Pause, Neustart, Kollisionen und begrenzter lokaler Bestwert
  • Gedämpfte Effekte und Geschwindigkeit bei reduzierter Bewegung

Qualität und Datenschutz

Datenschutz

Das Spiel lädt keine externen Dienste, benötigt kein Konto und überträgt keinen Spielstand. Nur der Bestwert wird unter dem dokumentierten Schlüssel neon-drift-high-score-v1 im lokalen Browser gespeichert.

Qualität

Modultests prüfen Bewegung, Kollisionen und Spielende. Browsertests decken Tastatur, Wischen, Pause, Seitenverhältnis und Reduced Motion ab.

Ergebnis

Neon Drift ist als eigenständiges, sofort spielbares Browserprojekt veröffentlicht. Die gemeinsame Steuerungslogik funktioniert mit Tastatur und Touch, während Pause, lokaler Bestwert und Reduced Motion die kurze Spielschleife vervollständigen.

Nächste Schritte

Als nächste Ausbaustufe sind klar getrennte Schwierigkeitsstufen und ein sichtbarer Reset des Bestwerts vorgesehen. Optionale, standardmäßig ausgeschaltete Toneffekte bleiben danach eine mögliche Ergänzung.

Eine Runde fahren

Keine Anmeldung. Direkt starten.

Spiel starten