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
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