CyberMaze 3D

¿Qué es CyberMaze 3D?

CyberMaze 3D es un laberinto de puzles tridimensional que se ejecuta por completo dentro de un navegador web, sin paso de descarga, sin cuenta que crear y sin instalación antes de que aparezca el primer pasillo. Se creó para GitHub Game Off 2026, donde el tema era SHIFT, y la interpretación es literal en lugar de decorativa.

Los muros están vivos. Los pasillos se elevan, se hunden y cambian su recorrido con una cuenta atrás en directo mientras el jugador sigue dentro del laberinto, así que una ruta calculada hace diez segundos puede que ya no sea la ruta que existe ahora. Cada reordenación se deriva de intercambios de aristas de árboles de expansión de la teoría de grafos, lo que mantiene la salida matemáticamente alcanzable por muchas veces que cambie el diseño. No hay estados sin salida.

Dos cámaras sostienen la experiencia. Una es una vista de persecución a nivel del suelo que mantiene al jugador dentro del laberinto; mantener pulsada Space eleva la vista a un holograma cenital de toda la estructura. El idioma de la interfaz sigue al del navegador, con chino o inglés disponibles y cambiables en cualquier momento, y el código fuente tiene licencia MIT.

Cómo jugar

El objetivo es llegar a la salida de un laberinto que se niega a quedarse quieto. Los jugadores recorren los pasillos mientras corre una cuenta atrás; cuando se activa, secciones de muro se elevan, descienden o cambian de recorrido, y el mismo espacio se convierte en un problema distinto. El progreso no depende solo de la velocidad, porque un desplazamiento puede abrir un atajo o cerrar el pasillo que hay justo delante.

Dos habilidades dan ventaja. Pulsar G fuerza una única reorganización cinética, lo que convierte el laberinto en algo que se puede cambiar a propósito en lugar de esperar a que ocurra. Pulsar F dispara un pulso de escaneo holográfico que dibuja la ruta óptima desde donde esté el jugador, de modo que un giro equivocado se puede corregir en vez de empeorar.

Llegar a la salida no acaba con el pensamiento. Un informe posterior a la partida coloca la ruta real en 2D junto a la solución óptima de A* y muestra el tiempo empleado, el número de pasos y una calificación con estrellas, con una repetición disponible para revisarla. Ver la diferencia entre la línea recorrida y la calculada es la forma más rápida de aprender dónde se desvió una ruta y qué pedía realmente el laberinto.

Controles

El movimiento usa W A S D o las teclas de flecha para recorrer los pasillos. Mantener pulsada Space eleva la cámara al holograma cenital del laberinto completo. G activa un desplazamiento de muros y F dispara el pulso de escaneo que revela la ruta óptima desde la posición actual. Q y E giran la cámara en pasos fijos de 90 grados, lo que mantiene la orientación predecible cuando el diseño cambia por completo.

Otras dos teclas ajustan la vista en lugar del laberinto. V alterna la cámara de seguimiento y H cambia a una vista limpia cinematográfica a pantalla completa para contemplar la estructura sin obstáculos. Escape o P pausan la partida y abren opciones de calidad gráfica, audio y tema visual.

En una pantalla táctil, un deslizamiento avanza una celda cada vez, y un panel flotante en la parte inferior de la pantalla incluye controles de un toque para la rotación, la vista cenital y ambas habilidades. Eso significa que el pulso de escaneo y la reorganización forzada quedan al alcance sin teclado, y la rotación de cámara que se usa para orientarse en escritorio tiene un equivalente táctil directo.

Consejos para tu primera partida

La cuenta atrás cambia el cálculo de cada decisión. Un pasillo largo es un compromiso, y el hábito más seguro es revisar el diseño antes de entrar en un tramo que un desplazamiento podría reescribir a tus espaldas.

El pulso de escaneo es más valioso al principio que al final. Dispararlo antes de elegir una dirección enseña la forma del laberinto más rápido que dispararlo después de un giro equivocado, y el holograma cenital responde a otra pregunta: no dónde va la línea óptima, sino cuánta estructura queda por cruzar.

• Dispara el pulso de escaneo en un cruce en lugar de en mitad de un pasillo, para poder actuar sobre la línea revelada de inmediato.
• Mantén pulsada Space en un punto de decisión para leer todo el laberinto antes de gastar la cuenta atrás en una suposición.
• Reserva G para el momento en que se cierre un pasillo, ya que la reorganización forzada es una respuesta de un solo uso a una ruta bloqueada.
• Gira la cámara en pasos de 90 grados con Q y E para mantener el mismo mapa mental mientras los muros se mueven a su alrededor.
• Después de varias partidas, compara la proyección en 2D del camino recorrido con la línea de A* para detectar el giro en el que se desvió la ruta.
• Abre el laboratorio de algoritmos y observa cómo BFS y A* exploran el mismo laberinto, porque la diferencia en su orden de búsqueda explica mucho sobre por qué gana una ruta.

Contenido y rejugabilidad

El informe posterior a la partida es el principal motivo para volver a jugar. Proyecta en 2D el camino realmente recorrido junto a la solución óptima de A* y registra la repetición, el tiempo, los pasos y una calificación con estrellas, así que la mejora se puede medir en lugar de solo intuir. Perseguir una mejor calificación con estrellas en el mismo diseño cambiante da a cada partida un objetivo claro más allá de simplemente llegar a la salida.

También hay un laboratorio de algoritmos para quienes quieren ver la maquinaria en lugar de limitarse a jugar contra ella. La generación de laberintos con DFS y Prim, y la búsqueda de rutas con BFS, DFS y A*, se pueden avanzar fotograma a fotograma, ya sea manualmente o en piloto automático. Como los muros cambian mediante intercambios de aristas de árboles de expansión, ver el paso de generación hace visible la garantía que hay detrás de cada reorganización en lugar de dejarla como algo abstracto.

Tres temas visuales dan al mismo laberinto un carácter distinto, y la interfaz puede cambiar entre chino e inglés cuando el jugador quiera. Cincuenta pruebas unitarias cubren las invariantes de generación de laberintos y búsqueda de rutas, el tipo de base que importa en un juego donde un solo intercambio de aristas defectuoso rompería la promesa de que la salida siempre es alcanzable.

Presentación y rendimiento

Todo se renderiza de forma procedural en Three.js en lugar de montarse a partir de ilustraciones prediseñadas, y todo el sonido se sintetiza en directo en el navegador con osciladores de WebAudio. La compilación usa React 18, react-three-fiber, TypeScript y Vite, y se ejecuta como una página nativa del navegador en lugar de una aplicación instalada.

Los tres temas visuales son estados de ánimo genuinamente distintos. Hologram es cristal luminoso a la luz del día; Cyber Void es neón oscuro contra el espacio profundo; Aurora Surge usa columnas violetas y franjas de luz energética. Cambiar de tema forma parte del menú de pausa junto con el audio y la calidad gráfica, así que el aspecto se puede ajustar al gusto o a lo que la pantalla soporte cómodamente.

El sistema de cámara hace la mayor parte del trabajo de presentación. La vista de persecución a nivel del suelo transmite la escala de los muros al elevarse y hundirse, mientras que el holograma cenital convierte el mismo espacio en un diagrama legible. Mantener Space para alternar entre esas dos lecturas de un mismo laberinto es la idea visual sobre la que se construye todo el juego, y la vista cinematográfica a pantalla completa retira la interfaz para ofrecer una mirada limpia.

Para quién es

Los aficionados a los puzles a quienes les gustan unas reglas estables y un tablero inestable son el público natural. Se puede confiar en que el laberinto nunca atrapará al jugador, lo que significa que el desafío es de navegación y tiempo más que de suerte, y una partida perdida normalmente se puede atribuir a una decisión concreta.

También encaja con cualquiera que sienta curiosidad por la búsqueda de rutas. El laboratorio de algoritmos convierte BFS, DFS y A* en algo que se puede observar, y la comparación posterior a la partida enfrenta la ruta del propio jugador con la óptima, lo que es una herramienta de enseñanza mucho mejor que un diagrama. Estudiantes y desarrolladores autodidactas que estén trabajando la búsqueda en grafos encontrarán el bucle inusualmente directo.

Por último, encaja en sesiones cortas en el navegador. No hay nada que instalar ni cuenta que crear, la interfaz se puede cambiar entre chino e inglés, y los controles táctiles con un panel flotante lo hacen jugable en una pantalla táctil con un deslizamiento por celda. Los tres temas son una manera sencilla de que una pausa rápida para un puzle no se vea idéntica todas las veces.