CyberMaze 3D

Was ist CyberMaze 3D?

CyberMaze 3D ist ein dreidimensionales Puzzle-Labyrinth, das vollständig in einem Webbrowser läuft – ohne Download, ohne Konto und ohne Installation, bevor der erste Korridor erscheint. Es wurde für GitHub Game Off 2026 entwickelt, dessen Thema SHIFT war, und die Umsetzung ist wörtlich statt dekorativ.

Die Wände leben. Korridore steigen auf, versinken und verlegen sich nach einem Live-Countdown neu, während der Spieler noch im Labyrinth steht – eine Route, die vor zehn Sekunden funktioniert hat, ist vielleicht nicht mehr die Route, die jetzt existiert. Jede Neuordnung basiert auf Kantentauschen von Spannbäumen aus der Graphentheorie, wodurch der Ausgang mathematisch erreichbar bleibt, egal wie oft sich das Layout ändert. Es gibt keine aussichtslosen Zustände.

Zwei Kameras tragen das Erlebnis. Eine ist eine Verfolgeransicht auf Bodenhöhe, die den Spieler im Labyrinth hält; das Halten von Space hebt die Sicht in ein Draufsicht-Hologramm der gesamten Struktur. Die Sprache der Oberfläche folgt dem Browser, Chinesisch oder Englisch sind verfügbar und jederzeit umschaltbar, und der Quellcode steht unter MIT-Lizenz.

So spielst du

Das Ziel ist, den Ausgang eines Labyrinths zu erreichen, das einfach nicht stillhalten will. Die Spieler gehen durch die Korridore, während ein Countdown läuft; wenn er abläuft, heben sich Wandabschnitte, senken sich oder verlegen sich, und derselbe Raum wird zu einem anderen Problem. Es geht nicht nur um Geschwindigkeit, denn eine Verschiebung kann eine Abkürzung öffnen oder den Korridor direkt vor einem schließen.

Zwei Fähigkeiten geben dir Hebel in die Hand. Mit G erzwingst du eine einzelne kinetische Neuordnung, wodurch das Labyrinth zu etwas wird, das du gezielt verändern kannst, statt darauf zu warten. Mit F löst du einen holografischen Scan-Impuls aus, der die optimale Route von deinem aktuellen Standort aus zeichnet, sodass ein falscher Abzweig korrigiert statt verschlimmert werden kann.

Das Erreichen des Ausgangs beendet das Nachdenken nicht. Ein Bericht nach dem Lauf stellt den tatsächlichen Pfad in 2D neben die optimale A*-Lösung und nennt die benötigte Zeit, die Anzahl der Schritte und eine Sternebewertung; eine Wiederholung steht zur Ansicht bereit. Der Abstand zwischen der gelaufenen Linie und der berechneten ist der schnellste Weg zu lernen, wo eine Route falsch abgebogen ist und was das Labyrinth eigentlich verlangt hat.

Steuerung

Für die Bewegung durch die Korridore verwendest du W A S D oder die Pfeiltasten. Das Halten von Space hebt die Kamera in das Überkopf-Hologramm des gesamten Labyrinths. G löst eine Wandverschiebung aus, und F feuert den Scan-Impuls ab, der die optimale Route ab der aktuellen Position zeigt. Q und E drehen die Kamera in festen 90-Grad-Schritten, was die Orientierung vorhersehbar hält, wenn sich das Layout ändert.

Zwei weitere Tasten verändern die Ansicht statt das Labyrinth. V schaltet die Verfolgerkamera um, und H wechselt zu einer kinematografischen, aufgeräumten Vollbildansicht für einen ungestörten Blick auf die Struktur. Escape oder P pausiert den Lauf und öffnet Optionen für Grafikqualität, Audio und visuelles Thema.

Auf einem Touchscreen bewegt eine Wischgeste einen Schritt pro Feld, und ein schwebendes Dock am unteren Bildschirmrand bietet Ein-Tipp-Steuerung für Drehung, Überkopfansicht und beide Fähigkeiten. So bleiben Scan-Impuls und erzwungene Neuordnung auch ohne Tastatur erreichbar, und die Kameradrehung, die auf dem Desktop zur Orientierung dient, hat ein direktes Touch-Äquivalent.

Tipps für deinen ersten Lauf

Der Countdown verändert die Rechnung hinter jeder Entscheidung. Ein langer Korridor ist eine Verpflichtung, und die sicherste Angewohnheit ist, das Layout zu prüfen, bevor du in einen Abschnitt gehst, den eine Verschiebung hinter dir neu schreiben könnte.

Der Scan-Impuls ist früh am wertvollsten, nicht spät. Ihn abzufeuern, bevor du eine Richtung wählst, vermittelt die Form des Labyrinths schneller, als ihn nach einem falschen Abzweig abzufeuern; und das Überkopf-Hologramm beantwortet eine andere Frage: nicht, wo die optimale Linie verläuft, sondern wie viel der Struktur noch zu durchqueren ist.

• Feuere den Scan-Impuls an einer Kreuzung ab statt mitten in einem Korridor, damit die aufgedeckte Linie sofort umgesetzt werden kann.
• Halte Space an einem Entscheidungspunkt gedrückt, um das ganze Labyrinth zu erfassen, bevor du den Countdown für eine Vermutung verbrauchst.
• Halte G in Reserve für den Moment, in dem ein Korridor sich schließt, denn eine erzwungene Neuordnung ist die einmalige Antwort auf eine blockierte Route.
• Drehe die Kamera mit Q und E in 90-Grad-Schritten, um dieselbe mentale Karte zu behalten, während sich die Wände um sie herum bewegen.
• Vergleiche nach ein paar Läufen die 2D-Projektion des gelaufenen Pfads mit der A*-Linie, um die Abzweigung zu erkennen, an der die Route abgedriftet ist.
• Öffne das Algorithmus-Labor und beobachte, wie BFS und A* dasselbe Labyrinth erkunden, denn der Unterschied in ihrer Suchreihenfolge erklärt viel darüber, warum eine Route gewinnt.

Inhalt und Wiederspielbarkeit

Der Bericht nach dem Lauf ist der Hauptgrund für einen weiteren Versuch. Er projiziert den tatsächlich gelaufenen Pfad in 2D neben die optimale A*-Lösung und speichert die Wiederholung sowie Zeit, Schritte und eine Sternebewertung, sodass Fortschritt messbar ist statt nur ein Gefühl. Das Jagen nach einer besseren Sternebewertung auf demselben sich verschiebenden Layout gibt jedem Lauf ein klares Ziel jenseits des bloßen Erreichens des Ausgangs.

Es gibt außerdem ein Algorithmus-Labor für Spieler, die die Mechanik sehen wollen, statt nur gegen sie zu spielen. Labyrinthgenerierung mit DFS und Prim sowie Pfadfindung mit BFS, DFS und A* lassen sich Bild für Bild durchlaufen, entweder manuell oder im Autopilot. Da sich die Wände durch Kantentausche von Spannbäumen verschieben, macht das Beobachten des Generierungsschritts die Garantie hinter jeder Neuordnung sichtbar statt abstrakt.

Drei visuelle Themen geben demselben Labyrinth einen anderen Charakter, und die Oberfläche kann jederzeit zwischen Chinesisch und Englisch wechseln. Fünfzig Unit-Tests decken die Invarianten von Labyrinthgenerierung und Pfadfindung ab – genau die Art von Grundlage, die in einem Spiel zählt, in dem ein einziger fehlerhafter Kantentausch das Versprechen brechen würde, dass der Ausgang immer erreichbar ist.

Präsentation und Performance

Alles wird prozedural in Three.js gerendert statt aus vorgefertigter Grafik zusammengesetzt, und sämtlicher Sound wird live im Browser mit WebAudio-Oszillatoren synthetisiert. Das Projekt nutzt React 18, react-three-fiber, TypeScript und Vite und läuft als browsernative Seite statt als installierte Anwendung.

Die drei visuellen Themes haben wirklich unterschiedliche Stimmungen. Hologram ist helles Glas bei Tageslicht; Cyber Void ist dunkles Neon vor dem tiefen Weltraum; Aurora Surge nutzt violette Säulen und Bänder aus Energielicht. Das Umschalten der Themes ist Teil des Pausenmenüs, zusammen mit Audio- und Grafikqualitätsoptionen, sodass der Look nach Geschmack oder nach dem, was das Display bequem darstellt, angepasst werden kann.

Das Kamerasystem leistet den Großteil der Präsentation. Die Verfolgeransicht auf Bodenhöhe vermittelt die Größe der Wände, wenn sie steigen und sinken, während das Überkopf-Hologramm denselben Raum in ein lesbares Diagramm verwandelt. Space gedrückt zu halten, um zwischen diesen beiden Lesarten eines Labyrinths zu wechseln, ist die visuelle Idee, um die das ganze Spiel herum gebaut ist, und die kinoreife Vollbildansicht reduziert die Oberfläche für einen klaren Blick darauf.

Wer sollte es spielen

Puzzle-Spieler, die einen stabilen Regelsatz und ein instabiles Spielfeld mögen, sind das natürliche Publikum. Man kann sich darauf verlassen, dass das Labyrinth den Spieler niemals einsperrt; die Herausforderung liegt also in Navigation und Timing statt in Glück, und ein verlorener Lauf lässt sich meist auf eine konkrete Entscheidung zurückführen.

Es passt auch zu allen, die neugierig auf Wegfindung sind. Das Algorithmus-Labor macht BFS, DFS und A* beobachtbar, und der Vergleich nach dem Lauf stellt die eigene Route der optimalen gegenüber, was ein weit besseres Lehrwerkzeug als ein Diagramm ist. Studierende und autodidaktische Entwickler, die sich mit Graphsuche beschäftigen, finden hier einen ungewöhnlich direkten Ablauf.

Schließlich eignet es sich für kurze Browser-Sitzungen. Es gibt nichts zu installieren und kein Konto zu erstellen, die Oberfläche lässt sich zwischen Chinesisch und Englisch umschalten, und Touch-Steuerung mit einem schwebenden Dock macht es auf einem Touchscreen mit einem Wisch pro Feld spielbar. Die drei Themes sind eine einfache Möglichkeit, damit eine schnelle Puzzle-Pause nicht jedes Mal gleich aussieht.