404 – Cyber Run: unser 3D-Spiel statt Fehlerseite
Statt einer langweiligen „Seite nicht gefunden" haben wir an einem Wochenende ein komplettes 3D-Endlos-Runner-Spiel gebaut: Du steuerst einen Roboter über einen Neon-Highway und weichst den Portraits unseres Teams aus, mit three.js, eigenem Sound und einem manipulationssicheren Highscore. Direkt hier spielbar.
Direkt im Browser, inkl. Vollbild
Klick auf „Jetzt spielen", dann läuft das Spiel direkt hier. Steuerung: Pfeiltasten oder A/D für den Spurwechsel, ↑ springen, ↓ sliden, auf dem Handy per Wischgeste. Tipp: einmal Vollbild aktivieren.
Aus „Fehler 404" wird ein Highscore-Jagd
Eine 404-Seite ist der Moment, in dem jemand etwas nicht gefunden hat. Wir haben daraus etwas gemacht, das man findet und behält: einen Endlos-Runner im Subway-Surfers-Stil. Der Spieler ist ein Roboter mit BlueBranch-Jetpack, rennt über einen dreispurigen Neon-Highway und muss den Portraits unseres echten Teams ausweichen, springen, sliden, Spur wechseln. Je weiter man kommt, desto schneller wird es, desto mehr Power-ups, Musik und Meme-Sprüche schalten frei. Ein Augenzwinkern, das gleichzeitig zeigt, wie wir arbeiten: Details, Spielgefühl und sauberer Code auch dort, wo niemand es erwartet.
Ausweichen statt Fehlermeldung
Drei Spuren, echte Team-Fotos als Hindernisse, Springen & Sliden, Reflexe statt Frust.
Immer schneller, immer mehr
Gestaffelte Schwierigkeit: Doppel- & Dreierreihen, rollende Hindernisse, Bonus-Spur, Tag/Nacht-Wechsel.
Weltweiter Highscore
Nach dem Crash trägst Du Dich in die Bestenliste ein, serverseitig gegen Manipulation abgesichert.
Was in dem Spiel steckt
Ein Wochenendprojekt, aber technisch kein Spielzeug. Ein Blick in den Code:
Echtes 3D mit three.js
WebGL-Rendering mit three.js r160, lokal gebündelt, ohne CDN. Das komplette Spiel (Szene, Physik, HUD, Logik) steckt in einer einzigen index.html. Keine Build-Pipeline, keine externen Abhängigkeiten.
Dynamischer Soundtrack
Drums, Bass und Effekte entstehen live per WebAudio im Browser, dazu kommt ein externer Synthwave-Track. Acht Musik-Stufen schalten mit dem Score frei, von Ambient bis zum „Final Rave" bei 200.000 Punkten.
Fairer Highscore
Die Bestenliste ist serverseitig gegen Manipulation abgesichert, damit die Platzierungen fair bleiben. IP-Adressen werden dabei nur DSGVO-freundlich als gekürzter Hash gespeichert.
Serverseitiger Namensfilter
Namen für die Bestenliste werden gegen die LDNOOBW-Wortlisten (DE und EN, rund 450 Begriffe) geprüft, normalisiert auch gegen Leetspeak und Trennzeichen. Kurze Begriffe matchen nur als ganzes Wort, damit „Cocktail" oder „Kassel" nicht fälschlich blockiert werden.
Mobil voll spielbar
Touch-Geräte steuern per Wischgeste (Latenz-arm, löst schon während der Bewegung aus). Ein reduziertes Render-Profil und eine Hochformat-Kamera halten alle drei Spuren im Bild; Zoom/Doppeltipp werden abgefangen.
Power-ups & Easter Eggs
Schild-, Magnet-, Slow-Mo- und Goldrush-Orbs, Doppelsprung, Daten-Chips, Bonus-Spur. Dazu ein Disco-Modus bei hohen Punktzahlen und ~60 Meme-Sprüche der 404-Sonne.
So sieht's aus
Neon-Highway, 404-Sonne, Highscore-Ticker, Screenshots aus dem laufenden Spiel.
Wir lieben unser Handwerk, auch dort, wo es niemand erwartet. Eine Fehlerseite ist für uns kein Ende, sondern eine Einladung: ein bisschen Neugier, ein Wochenende, three.js, und plötzlich hat der 404-Moment mehr Liebe zum Detail als manche Startseite.
