Todos los proyectos

2026 · Videojuego para navegador y móvil

A punto de salir

Mara Vey y las Piedras del Sol

Mara Vey es una cartógrafa que busca lo que queda de una civilización que adoraba al Sol. El primer mundo, la Costa de Jade, es un juego de plataformas en 2.5D hecho con three.js. Se juega en el navegador, en ordenador o en móvil, y se puede instalar como una app.

Tráiler del Mundo 1 (26 s). Empieza sin sonido: actívalo desde el reproductor.

01 En corto

Qué hay en el juego.

  • El Mundo 1 completo. Son nueve fases: seis niveles, un campamento para practicar, un nivel secreto y un jefe con tres fases. Entre una y otra te mueves por un mapa en 3D, y la historia se cuenta en el diario de Mara.
  • Todo sale del código. Los 44 modelos 3D se generan con scripts de Blender, y la música y los efectos se crean en el navegador con Web Audio. No hay arte ni sonido de terceros.
  • Pensado para jugar en el móvil. Está en español y en inglés, tiene tres dificultades y opciones de accesibilidad. Con una conexión 4G, la pantalla de título sale en unos 3 segundos.
Plataforma
Navegador en ordenador, tableta y móvil. Se instala como PWA y se juega con pantalla táctil, teclado o mando.
Tecnología
Three.js, Vite, Web Audio, Python para Blender y Playwright.
Calendario
El primer commit es del 25 de septiembre de 2026 y el Mundo 1 estaba completo el 28. Hasta el 5 de octubre seguí con el arte, el audio, la interfaz y los textos.
Pruebas
165 pruebas automáticas de mecánicas y bots que juegan todos los niveles en cada dificultad. Además, mis partidas en el móvil y en el PC.

02 Mi papel

Quién hizo qué.

Yo

  • Decidí la plataforma, el nivel de calidad y las prioridades.
  • Elegí entre las propuestas cada vez que había que tomar un camino.
  • Jugué en mi móvil y en mi PC, y muchas correcciones salieron de mis notas.
  • Decidí qué se arreglaba antes y qué podía esperar.

Los agentes de Claude Code

  • Escribieron las especificaciones de cada nivel, con medidas exactas y planes de prueba.
  • Escribieron el código, generaron los modelos 3D y compusieron la música.
  • Revisaron el trabajo: unos puntuaban el arte y otros buscaban fallos de juego, interfaz y audio.
  • Escribieron los bots de Playwright que juegan cada nivel en cada dificultad.

Trabajé con una sesión principal de Claude Code que repartía el trabajo entre otros agentes. Unos construían en ramas separadas, otros revisaban, y los bots jugaban. Las reglas las puse yo al principio: comparar con buenos juegos del género, enseñarme cada avance con capturas, probarlo todo en el móvil y convertir cada fallo que yo encontrara en una prueba automática.

03 Cómo se hizo

Tres cosas que cambiaron al jugarlo.

Los bots se pasaban todos los niveles, pero hay cosas que solo salen jugando. Estos son tres casos en los que mis partidas cambiaron el juego.

1-4 · La Senda de las Cascadas

Un ídolo que parecía imposible de coger

Jugando en el móvil apunté que uno de los ídolos escondidos parecía imposible. El juego no enseñaba en ningún momento a saltar desde una balsa justo después de hundirla de un golpe, el margen de tiempo era muy corto y el búfer de entrada a veces se comía el salto.

Se añadió una charca para practicar, se amplió el margen y apareció un bocadillo que explica el movimiento, además de una prueba nueva. Ningún bot lo había detectado: un bot hace el movimiento perfecto, así que no se confunde.

Mara de pie sobre una balsa de troncos en un río de la selva, con más balsas y monedas delante.

1-6 · La Escalinata del Ocaso

Me quedé atrapado en un foso

En el nivel 1-6 me quedé encerrado en un foso porque un puente de losas se volvió a formar encima de mí. El agente que buscaba fallos hizo entonces un escáner: pone a Mara en cada casilla donde se puede estar de pie, en las nueve fases, espera y comprueba si puede salir.

Encontró cuatro sitios así, el mío incluido. Los bots no los habían visto porque siguen la ruta y nunca se quedan quietos dentro de un foso. Los cuatro están arreglados y cada uno tiene su prueba.

Mapa del mundo

El mapa necesitó ocho rondas

El primer mapa me pareció demasiado verde y con pinta de dibujos animados al lado de la selva oscura de los niveles. El siguiente se pasó de oscuro. Pedí otro enfoque: una isla que se mira como una maqueta.

Hicieron falta ocho rondas, y cuando una salía peor se volvía a la anterior. Las notas del agente revisor ayudaban a ver qué fallaba, pero cómo tenía que ser el mapa lo decidí jugando.

Vista aérea de la isla de la Costa de Jade: selva, ríos, cascadas, caminos entre niveles y un templo escalonado en la cima.

04 Detalles

El sonido y otros detalles.

Música y sonido

La banda sonora es original y se genera en el propio navegador con Web Audio, igual que los efectos. Hay un tema principal que aparece en todo el mundo, y cada nivel tiene su canción basada en él. La música cambia con la partida: entran instrumentos según avanzas, cambia en las persecuciones y se vuelve más tensa cuando queda poco tiempo.

Hay opciones para quien las necesite: sonido mono que mantiene los avisos que vienen de un lado, menos intensidad, avisos más fuertes, avisos visuales y por vibración, y un ajuste de retardo para auriculares Bluetooth.

Menú de audio y accesibilidad del juego con controles de música, efectos, audio mono e intensidad.
Los ajustes de audio y accesibilidad.

Accesibilidad e idiomas

El texto en español está escrito directamente en español, con sus propios nombres: la Costa de Jade, el Guardián del Sol, el Amuleto Solar que te protege de un golpe. Hubo una revisión completa de la interfaz: foco visible en todos los menús, botones táctiles de 40 px como mínimo, el gesto Atrás de Android y menos animaciones si el sistema lo pide.

Carga y tarjetas gráficas

Para que abra rápido, el juego enseña primero la pantalla de título y prepara la escena 3D por detrás. Con una conexión 4G simulada, el título sale en unos 3 segundos en vez de 30, y lo que se descarga antes de verlo bajó de 4,7 MB a 0,9 MB.

En mi PC, con una gráfica AMD, el mapa se quedaba en negro. En las pruebas automáticas no pasaba, porque ese navegador no usa tarjeta gráfica. El fallo venía de valores no válidos en varios shaders. Se añadieron protecciones, lo comprobé en mi Radeon y, si el navegador pierde el contexto de WebGL, ahora el juego vuelve a montar el render con una calidad menos.

05 Galería

El Mundo 1 en capturas.

06 Estado

En qué punto está.

La versión 1.0 está terminada y saldrá gratis en el navegador.

Hay cinco mundos más pensados, pero todavía no he empezado a construirlos.

Software libre: Three.js, Vite, Playwright y Blender. Tipografías Cinzel y Rubik.

Siguiente proyecto

Picklet