Hace un par de semanas empecé el proyecto de Futboh haciendo vibecoding en mis ratos libres. En la primera semana ya tenía algo jugable online y la segunda ha sido de mejoras. Aún le podría dedicar otra semana más a dejarlo de verdad pulido.
Actualmente el juego permite echar unas partidas de futbolín con teclado (no recomendable), gamepad y VR desde el navegador. También incluye unos cuantos modos: versus IA, versus jugadores online o en local, y todas sus variantes.
Hace tiempo que tenía un juego así en mente y hacerlo a la vieja usanza me habría llevado probablemente un año o dos. Pese a estar vibecodeado en su totalidad, no es un trabajo de días: un LLM no sabe cómo se tiene que sentir el juego al jugarlo, no te puede hacer de tester ni de diseñador.
Capturas
Detalles sobre Futboh.com
Cuando vi el dominio libre no me lo pensé mucho: lo hago. En parte para probar Opus 5 que acababa de salir y en parte para ver hecho el juego que tenía en mente. No tengo intenciones comerciales.
Por ahora, mantengo el repositorio privado, no pienso que un proyecto vibecodeado aporte mucho en ese sentido.
Herramientas de IA
El juego está vibecodeado usando Claude Code, mayormente con el modelo Claude Opus 5. Para el sonido, los escenarios y algunas mejoras del menú he usado Kimi K3 y GPT 5.6 (Sol y Luna).
He usado Claude Code y opencode, el MCP de Context7 y las skills que me recomendó autoskills. Solo he tenido un CLAUDE.md; opencode hace fallback a él, así que no hace falta tener ambos.
Proceso
Investigué qué tecnologías usar para hacerlo web y muy accesible. Di con Babylon.js como game engine, Rapier3D para las físicas y Colyseus para el multijugador. Hace unos años habría sido bastante más complicado hacerlo sin estas librerías extraordinarias y abiertas. Gracias por existir.
El tiempo dedicado en total me es difícil de calcular, algunas veces le soltaba el prompt y me ponía a hacer otra cosa. Se podría decir que le he dedicado dos fines de semana de forma intermitente.
Después de elegir tecnologías empiezo con la especificación.
Spec
Refino una spec inicial con Claude Desktop, donde ya le especifico lo que quiero y cómo lo quiero: lenguajes, librerías, estilo, target final, qué está dentro del scope y qué fuera, y haciendo que me pregunte sobre el proyecto hasta tener algo más concreto. Después le pido que me ayude a escribir los prompts, los reviso y voy paso a paso pidiendo que implemente cada uno y revisando el resultado ejecutando el juego. Para cada escenario y música he tenido que hacer un prompt específico con sus respectivos refinamientos para arreglar defectos.
Prompts
Generados por IA a partir de la spec refinada. Unos 10 en total, básicamente dividen cada apartado del videojuego; menús, controles, sonido, modelos 3D… Con algunos prompts ha estado una hora trabajando solo. Al terminar solía abrir un nuevo chat para ir refinando los detalles que no funcionan bien y arreglando bugs antes de pasar al siguiente prompt.
Estilo visual
Teniendo que ser 3D, para navegador y jugable en VR, no hay muchas más opciones que usar low poly para asegurar el tiro y no tener que optimizar después. Es más, el juego no calcula sombras: las que ves son “artificiales”, como si fuera un PNG estirado puesto directamente debajo de la pelota o de los muñecos.
En el móvil, un Motorola Edge 60 Fusion, los FPS rondan los 50-70 y en PC con una RTX 4070 Ti casi llega a 300 quitando el límite del navegador. Por defecto limitado a 144 FPS. Con unas Meta Quest 3 he podido jugar sin ningún problema, va fluido.
Sonido
Para el sonido he recortado un trozo de audio de una partida de futbolín, se lo he pasado a GPT 5.6 Sol y le he dicho que lo reproduzca programáticamente teniendo en cuenta la velocidad, etc. Ha hecho magia.
La parte musical está hecha con el MCP de Resonant y convertida a webm con ffmpeg.
Despliegue y costes
Por ahora, lo que he gastado en el juego han sido 10 € del dominio en Cloudflare y el coste de las suscripciones de IA en estas dos semanas, 20 € entre GPT y Claude que costaría “medio mes”. No solo he estado haciendo el juego así que digamos, otros 10-15 € de IA.
En servidores por ahora he gastado 0. Estoy usando el mes gratuito de Railway para el servidor multijugador autoritativo. Lo mantendré vivo mientras haya gente jugando. Para el hosting web he usado Cloudflare, así que 0 €.
En total 25 € redondeando por lo alto.
Lecciones aprendidas
Con este ya son unos cuantos proyectos que hago usando LLMs y diferentes herramientas para controlarlos.
- Siempre he recomendado ir poquito a poco y teniendo el control sobre el código generado. Esto lo sigo recomendando, pero con una excepción: si simplemente quieres hacer un prototipo para ver si funciona y no te importa no tener el control, ya puedes ver que el resultado no es tan malo. Ten en mente que para hacer cualquier cambio, aunque sea mínimo, dependes de la IA o de tener tiempo para andar rebuscando en ficheros.
- Recuperar el ownership del proyecto una vez perdido puede ser costoso. Requiere comprender código ajeno y siendo producto de un LLM, probablemente algunas cosas que parezca tienen sentido, en verdad no lo tienen una vez profundizas.
- Un LLM es capaz de resintetizar sonidos a partir de un fichero WAV. Mayor compresión que esa es complicada de conseguir.
- También es capaz de diseñar en 3D escenarios, figuras y lo que haga falta. No esperes mucha definición ni que salga perfecto a la primera: es normal que ponga las caras del revés y veas el modelo negro.
- El modo plan gasta muchos tokens, no siempre merece la pena. Con el juego del futbolín alcanzaba contextos de 150k o 300k tokens rápido.
- Los tests son aún más importantes, y también que sean rápidos. En el fichero AGENTS.md o equivalente merece la pena indicar el flujo de validación que debe tener cada cambio.