Blog
Godot Card FX Lab: un experimento de fin de semana con shaders e IA
Un pequeño laboratorio en Godot para explorar efectos visuales de cartas y sobres, hecho por curiosidad con ayuda de la IA.
De vez en cuando me gusta hacer proyectos muy pequeños, sin roadmap, sin objetivos de producto y sin la expectativa de que terminen convirtiéndose en algo más grande. Godot Card FX Lab fue exactamente eso: un experimento de un fin de semana con IA generativa para probar shaders de Godot y ver qué tipo de efectos podía generar alrededor de un juego de cartas.
La pregunta era bastante simple. ¿Cómo podría sentirse una carta al aparecer, al pasar el ratón por encima, al arrastrarla, al mejorarla, al desaparecer o al abrir un sobre? No quería construir un juego de cartas completo. Solo quería tener un lugar pequeño donde probar ideas visuales rápido y ver cuáles tenían algo interesante.
Open source · MITsergi-io/card-fx-labGodot Card FX Lab es un pequeño laboratorio de efectos visuales para cartas y sobres hecho con Godot. Puedes consultar o descargar el código en GitHub.Prueba el laboratorio
Puedes abrir el experimento directamente aquí o visitar su página en itch.io si prefieres verlo en una pestaña separada.
Un sitio para probar ideas
El proyecto está hecho con Godot 4.7 y organizado como una colección de módulos de efecto independientes. Hay una escena principal con un catálogo, una previsualización en vivo y un panel para cambiar propiedades. La idea era no tener que tocar la escena de una carta cada vez que quisiera probar algo nuevo: seleccionar un efecto, ajustar sus valores y ver inmediatamente qué pasaba.
El catálogo actual incluye estos 9 efectos:
- Hard Hover: inclina la carta en perspectiva, con elevación, movimiento flotante y brillo según la posición del cursor.
- Card Dissolve: consume la carta con ruido procedural y bordes calientes, para después poder restaurarla.
- Drag & Drop: añade movimiento con muelle, inclinación por velocidad, inercia al soltarla y rebotes contra los límites.
- Cinematic Burning: prende la carta desde un punto elegido con un frente de carbonización turbulento, llamas por capas y ceniza movida por el viento.
- Samurai Slash: ejecuta una combinación de cortes iaijutsu que separa la carta en fragmentos con estelas luminosas.
- Vortex Absorption: coloca un agujero negro que hace vibrar, deformarse, girar y colapsar la carta.
- Card Boost: carga la carta con un flash dorado, energía azul, chispas ascendentes y un aura sostenida.
- Booster Pack Opener: acumula presión mágica en un sobre, lo hace estallar en púrpura y revela 4 cartas en abanico.
- Booster Pack Opener 2: rasga el cierre superior del sobre con fragmentos de foil y un destello, antes de elevar 4 cartas en un abanico vertical.
No todos los efectos son igual de útiles ni tienen el mismo nivel de pulido. Eso también forma parte del experimento. Algunos existen porque una idea parecía divertida y quería ver si podía llevarla a pantalla en una tarde.
La IA tuvo bastante que ver con ese ritmo. Para generar y explorar los efectos usé GPT 5.5 y GPT 5.6 SOL (High), como una herramienta más para probar shaders, proponer variaciones, desbloquear una aproximación que no estaba funcionando o generar una primera versión sobre la que poder iterar. El resultado ha sido bastante interesante. No porque la IA sustituya el criterio de diseño, sino porque reduce mucho la distancia entre pensar en un efecto y poder verlo moverse.
Hasta aquí llega
No quiero llevar Godot Card FX Lab mucho más allá de esto. No es el inicio de un juego de cartas, ni una promesa de producto, ni un framework que vaya a mantener durante años. Es un experimento divertido de un fin de semana con IA generativa, terminado en el momento en el que ya había respondido las preguntas que me interesaban.
Me gusta poder dejar algunos proyectos así: pequeños, abiertos, con una licencia MIT y sin presión por justificar su existencia más allá de haber aprendido algo y haber pasado un buen rato construyéndolo.
Thanks for reading, Hack the Planet!