InicioProyectosArtículosSobre mí
🇪🇸🇬🇧
▼

Clevergy Game ya se puede jugar en la web: entra en clevergy-game.pages.dev para explorar todos los mundos, personajes del equipo y enemigos en tiempo real.


Cómo surgió la idea

Era difícil superar el regalo del año anterior. Estábamos comiendo pizzas con Manu y nos pusimos a hablar de qué podíamos hacer. Ahí surgió la idea.

Manu y Alejandro comiendo pizzas hablando de la idea

Comiendo pizzas con Manu cuando surgió la idea


¿Por dónde empezamos?

¿Cómo se crea un juego? ¿HTML, CSS?

Pues se lo pedí a Fable y me hizo el juego en un solo archivo HTML. Para ello le dije que crease un Mario Bros pero con los diferentes personajes del equipo, y le describí un poco cómo debían ser sus poderes.

Captura del primer prototipo del juego creado en un solo HTML con Fable

Primer prototipo funcional del juego en un solo archivo HTML

Primera impresión: GUAU. Y tanto.

Pero sentía que le faltaba alma. Cualquiera podría haber hecho lo mismo, pero no se sentía de Clevergy.

Le pregunté a la IA y me dijo que tenía que crear imágenes con los movimientos de cada personaje.

Primer prototipo del juego en movimiento

Primer prototipo funcional del juego en movimiento

Retreat: The Legend of the Team - Héroes y habilidades

Diseño de los 18 héroes del retreat, habilidades y mundos

Pero llegó el momento de probarlo y se quedaba corto, así que le pedí varios niveles y una historia. Pero era todo muy repetitivo. No me encantaba.


El desvío de Angry Birds

Le dije: borra todo menos el primero y créame un segundo mundo con Angry Birds.

Pero me arrepentí... y eso que ya había generado mi propia imagen.

Alejandro versión Angry Bird

Mi versión Angry Bird

Cómo funcionaba el prototipo de Angry Birds

Cómo funcionaba el prototipo descartado

Angry Birds descartado. ¿Y ahora qué hago?

Sinceramente, me apagué un poco.


El punto de giro: Claude Opus 5.5 e inspiración

Hasta que vi que quedaba un mes y me fijé en todo lo que la gente estaba creando con Claude Opus 5.5. Me inspiré en otros juegos, como Doodle Shooter.

Juego creado con Claude Opus 5.5

Juegos creados con Claude Opus 5.5

Captura de Doodle Shooter

Inspiración: Doodle Shooter

Ahí es cuando todo cogió forma. Ya tenía, digamos, el 70% del juego y era increíble.

Faltaban toques de creatividad: conforme lo veía se me ocurrían ideas. No os hago spoiler, lo tendréis que descubrir jugando.

Y ya después de varios prompts, el juego estaba casi listo. ¿Qué faltaba?


La parte física

Y aquí es donde diseñé y encargué la parte física. Creo que los regalos tienen 3 partes, como los viajes:

  1. Cuando se planifican.
  2. Cuando se reciben: ¿Cómo daba el juego? ¿Decía simplemente «aquí tenéis la URL»?
  3. Cuando se recuerdan: ¿Cómo se iba a recordar?

¿Cómo? Pues ya podéis abrir los sobres que tenéis.

Carnets físicos de Clevergy Game en acción

Los carnets físicos personalizados en acción


El último fin de semana y el mundo de la integración

Y ya por último, quedaba solo un fin de semana y pensé: ¿por qué no jugar?

Aquí aproveché para crear algo que mi cabeza tenía que escupir: el mundo de la integración, que ahora lo veréis.


¿Cómo hacerlo atractivo? Multijugador y Cloudflare MCP

¿Cómo lo hago atractivo? Pues haciendo que la gente compita entre ellos (por eso Playus es tan adictivo).

Así que creé un ranking y le dije al MCP de Cloudflare que crease una base de datos para guardar las estadísticas y que habilitara el modo multijugador.

Spoiler: no funcionaba. Y por más que le decía, no lo arreglaba.

Así que le pregunté: ¿no hay alguna manera de hacerlo con Cloudflare? Como me había creado súper guay y sencillo la base de datos, pensé que seguro que tenían algo. Y efectivamente: TURN real-time.


Aprendizajes

Y así es como termina el proyecto, aprendiendo y disfrutando una vez más:

  • Cómo funciona un juego.
  • Cómo crear un juego cooperativo.
  • Cómo desde Cloudflare puedo hacerlo todo: tener un producto con base de datos que actualiza tablas y hace todo mirando bien mi código.

Pequeña reflexión

Recuerdo una frase que me dijo un profesor de lengua:

«Todo está ya inventado. Todo gira en torno a lo mismo.»

Y yo le dije: «¿Y qué me dices de Avatar, la película?»
Él me respondió: «Pues es una película de indios y vaqueros, pero azules.»

Inventar algo completamente revolucionario es difícil. Dar con la tecla y crear algo que nunca se haya hecho antes es muy complicado.

Pero siempre puedes transformar y mezclar ideas que ya existen. Siempre hay espacio para innovar, para contar las historias de una forma diferente y, sobre todo, para conseguir sorprender a la gente.

¿Quién será el salvador del retreat?

🎮 Juega ya en clevergy-game.pages.dev.

Presentación y gameplay de Clevergy Game

Mis zapatillas de correr

Estas son mis zapatillas de correr. Y como esto es el footer... tenían que estar a tus pies. ¿A que están de locos? ⚡️👟

Explorar

  • Inicio
  • Proyectos
  • Artículos
  • Sobre mí
  • CV Interactivo

Creaciones

  • porfolio.recetaspati.com↗
  • recetaspati.com↗
  • Sitemap XML

Stack & Craft

  • ⚡Next.js 15 & React 19
  • 🎨Tailwind CSS
  • 🤖Cursor & Claude Code
  • ☁️Cloudflare Pages
  • 100% Indie & Craft 🛠️

© 2026 Alejandro Ramírez.Hecho con ☕, 🥐 y mucho código.

Ningún píxel fue dañado en la creación de este blog.
InicioProyectosArtículosSobre mí
🎮Proyectos
·🗓️2026-10-04·🕒~4 min de lectura

¿Cómo creé Clevergy Game? El regalo definitivo con IA, carnets y multijugador

La historia detrás de Clevergy Game: desde la idea con pizzas hasta mundos con Fable y Claude Opus, carnets físicos y Cloudflare MCP.

#IA#Proyectos#Clevergy#Videojuegos#Cloudflare
¿Cómo creé Clevergy Game? El regalo definitivo con IA, carnets y multijugador

Clevergy Game ya se puede jugar en la web: entra en clevergy-game.pages.dev para explorar todos los mundos, personajes del equipo y enemigos en tiempo real.


Cómo surgió la idea

Era difícil superar el regalo del año anterior. Estábamos comiendo pizzas con Manu y nos pusimos a hablar de qué podíamos hacer. Ahí surgió la idea.

Manu y Alejandro comiendo pizzas hablando de la idea

Comiendo pizzas con Manu cuando surgió la idea


¿Por dónde empezamos?

¿Cómo se crea un juego? ¿HTML, CSS?

Pues se lo pedí a Fable y me hizo el juego en un solo archivo HTML. Para ello le dije que crease un Mario Bros pero con los diferentes personajes del equipo, y le describí un poco cómo debían ser sus poderes.

Captura del primer prototipo del juego creado en un solo HTML con Fable

Primer prototipo funcional del juego en un solo archivo HTML

Primera impresión: GUAU. Y tanto.

Pero sentía que le faltaba alma. Cualquiera podría haber hecho lo mismo, pero no se sentía de Clevergy.

Le pregunté a la IA y me dijo que tenía que crear imágenes con los movimientos de cada personaje.

Primer prototipo del juego en movimiento

Primer prototipo funcional del juego en movimiento

Retreat: The Legend of the Team - Héroes y habilidades

Diseño de los 18 héroes del retreat, habilidades y mundos

Pero llegó el momento de probarlo y se quedaba corto, así que le pedí varios niveles y una historia. Pero era todo muy repetitivo. No me encantaba.


El desvío de Angry Birds

Le dije: borra todo menos el primero y créame un segundo mundo con Angry Birds.

Pero me arrepentí... y eso que ya había generado mi propia imagen.

Alejandro versión Angry Bird

Mi versión Angry Bird

Cómo funcionaba el prototipo de Angry Birds

Cómo funcionaba el prototipo descartado

Angry Birds descartado. ¿Y ahora qué hago?

Sinceramente, me apagué un poco.


El punto de giro: Claude Opus 5.5 e inspiración

Hasta que vi que quedaba un mes y me fijé en todo lo que la gente estaba creando con Claude Opus 5.5. Me inspiré en otros juegos, como Doodle Shooter.

Juego creado con Claude Opus 5.5

Juegos creados con Claude Opus 5.5

Captura de Doodle Shooter

Inspiración: Doodle Shooter

Ahí es cuando todo cogió forma. Ya tenía, digamos, el 70% del juego y era increíble.

Faltaban toques de creatividad: conforme lo veía se me ocurrían ideas. No os hago spoiler, lo tendréis que descubrir jugando.

Y ya después de varios prompts, el juego estaba casi listo. ¿Qué faltaba?


La parte física

Y aquí es donde diseñé y encargué la parte física. Creo que los regalos tienen 3 partes, como los viajes:

  1. Cuando se planifican.
  2. Cuando se reciben: ¿Cómo daba el juego? ¿Decía simplemente «aquí tenéis la URL»?
  3. Cuando se recuerdan: ¿Cómo se iba a recordar?

¿Cómo? Pues ya podéis abrir los sobres que tenéis.

Carnets físicos de Clevergy Game en acción

Los carnets físicos personalizados en acción


El último fin de semana y el mundo de la integración

Y ya por último, quedaba solo un fin de semana y pensé: ¿por qué no jugar?

Aquí aproveché para crear algo que mi cabeza tenía que escupir: el mundo de la integración, que ahora lo veréis.


¿Cómo hacerlo atractivo? Multijugador y Cloudflare MCP

¿Cómo lo hago atractivo? Pues haciendo que la gente compita entre ellos (por eso Playus es tan adictivo).

Así que creé un ranking y le dije al MCP de Cloudflare que crease una base de datos para guardar las estadísticas y que habilitara el modo multijugador.

Spoiler: no funcionaba. Y por más que le decía, no lo arreglaba.

Así que le pregunté: ¿no hay alguna manera de hacerlo con Cloudflare? Como me había creado súper guay y sencillo la base de datos, pensé que seguro que tenían algo. Y efectivamente: TURN real-time.


Aprendizajes

Y así es como termina el proyecto, aprendiendo y disfrutando una vez más:

  • Cómo funciona un juego.
  • Cómo crear un juego cooperativo.
  • Cómo desde Cloudflare puedo hacerlo todo: tener un producto con base de datos que actualiza tablas y hace todo mirando bien mi código.

Pequeña reflexión

Recuerdo una frase que me dijo un profesor de lengua:

«Todo está ya inventado. Todo gira en torno a lo mismo.»

Y yo le dije: «¿Y qué me dices de Avatar, la película?»
Él me respondió: «Pues es una película de indios y vaqueros, pero azules.»

Inventar algo completamente revolucionario es difícil. Dar con la tecla y crear algo que nunca se haya hecho antes es muy complicado.

Pero siempre puedes transformar y mezclar ideas que ya existen. Siempre hay espacio para innovar, para contar las historias de una forma diferente y, sobre todo, para conseguir sorprender a la gente.

¿Quién será el salvador del retreat?

🎮 Juega ya en clevergy-game.pages.dev.

Presentación y gameplay de Clevergy Game

En esta página

  1. Cómo surgió la idea
  2. ¿Por dónde empezamos?
  3. El desvío de Angry Birds
  4. El punto de giro: Claude Opus 5.5 e inspiración
  5. La parte física
  6. El último fin de semana y el mundo de la integración
  7. ¿Cómo hacerlo atractivo? Multijugador y Cloudflare MCP
  8. Aprendizajes
  9. Pequeña reflexión

· 2026-10-04 · ~4 min de lectura