Flipbooks

Curso de Efectos Visuales para Videojuegos con Unity

Contenido del curso

Introducción a los efectos visuales en videojuegos

Sistemas de partículas

Materiales y texturas

10
Materiales y texturas para partículas en Unity
09:23 min

VFX 1

Flipbooks

14
Flipbooks
Viendo ahora

Disparo de plasma

Sistemas de partículas II

18
Noise y Stretched Billboard en Unity
11:29 min

Sistemas de animación

Trails

21
Comprendiendo el uso de trails en VFX
06:39 min

Objetos 3D

Post-processing

25
Post processing
08:16 min

Cierre de curso

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:008:19

Flipbooks

Curso de Efectos Visuales para Videojuegos con Unity

Clase 14 de 27

Clase 14 / 27

Recursos

Crear efectos de fuego realistas en Unity es más sencillo de lo que parece cuando dominas la técnica de los flipbooks. Esta aproximación, heredada de la animación tradicional cuadro por cuadro, permite reproducir secuencias de imágenes dentro de un sistema de partículas para lograr efectos visuales dinámicos y atractivos sin necesidad de simulaciones complejas.

¿Qué son los flipbooks y por qué se usan en VFX?

Los flipbooks funcionan exactamente como aquellas animaciones de cuaderno que hacías de niño: dibujos en cada página que, al pasarlos rápidamente, generaban movimiento. En el contexto de los efectos visuales, un flipbook es una serie de imágenes previamente animadas y encapsuladas en una sola textura llamada sprite sheet [0:42]. Ambos términos, flipbook y sprite sheet, hacen referencia a lo mismo.

Una sprite sheet es literalmente una hoja llena de pequeñas texturas organizadas en una retícula. Cada celda contiene un fotograma de la animación. Al reproducirlas en secuencia dentro de un sistema de partículas, se genera la ilusión de movimiento, como una flama ardiendo o humo disipándose [3:17].

¿Cómo preparar el material de fuego en Unity?

El proceso comienza creando un nuevo material y asignándole el shader correcto para partículas [1:17]. Los pasos esenciales son:

Seleccionar el shader de partículas adecuado.
Asignar en el base map la textura de fuego tipo sprite sheet llamada Fire [1:30].
Cambiar el tipo de superficie a transparente para eliminar el fondo negro que acompaña la textura [1:52].

Esta textura contiene múltiples imágenes de flamas relacionadas entre sí, organizadas en filas y columnas dentro de una sola imagen.

¿Cómo configurar el sistema de partículas para flipbooks?

Una vez que tienes el material listo, necesitas conectarlo al sistema de partículas y ajustar varios parámetros [2:18]:

Desactivar el shape para que las partículas se emitan desde un solo punto.
Eliminar la velocidad inicial para apreciar mejor el efecto.
Ajustar el tiempo de vida a dos segundos.
Reducir el número de partículas emitidas a tres para visualizar con claridad.
Conectar el material de fuego en la sección de Renderer [2:50].

El paso fundamental está en la sección llamada Texture Sheet Animation [3:05]. Al activarla, debes indicar el tamaño de la retícula de tu sprite sheet en la propiedad tiles. Para la textura de fuego utilizada, el tamaño es de ocho por ocho: ocho columnas en X y ocho filas en Y [3:30]. Con esto configurado, la partícula reproduce imagen por imagen toda la secuencia contenida en la textura.

¿Qué requisitos debe cumplir un sprite sheet para funcionar correctamente?

Para que la animación se reproduzca sin errores, es fundamental que todas las imágenes dentro de la sprite sheet tengan el mismo tamaño [3:52]. En el ejemplo mostrado, cada fotograma de flama está encapsulado en cuadrados de 512 por 512 píxeles. Si las dimensiones no son uniformes, la retícula no podrá dividir correctamente la textura y la animación se verá distorsionada.

¿Cómo personalizar y complementar el efecto de fuego?

Una vez que el flipbook funciona, el sistema de partículas se comporta como cualquier otro y puedes modificarlo libremente [4:12]:

Cambiar el color o agregar un segundo color.
Ajustar el blending mode a aditivo para lograr un efecto más luminoso.
Modificar el color mode a aditivo, aunque esto puede hacer la imagen demasiado incandescente.

Para darle mayor realismo, puedes agregar un sistema secundario de partículas que simule las ascuas o sparks que emite el fuego al quemar madera o papel [4:55]. La clave está en cuidar los detalles: el tamaño, el color, la forma y el comportamiento natural del fuego [5:22].

¿Dónde conseguir más sprite sheets para experimentar?

Existen recursos gratuitos de sprite sheets disponibles para practicar y experimentar con diferentes efectos visuales. También es posible crear tus propias animaciones fuera de Unity e incorporarlas posteriormente a tus proyectos de VFX [5:42].

¿Ya experimentaste con flipbooks en tus proyectos? Comparte en los comentarios qué tipo de efectos lograste crear con esta técnica.

Introducción a los efectos visuales en videojuegos

Efectos visuales para videojuegos en Unity

Fundamentos básicos parte 1: Gameplay

Cómo el color comunica ideas en VFX

Fundamentos básicos parte 3: Contraste

Siluetas que comunican en VFX

Fundamentos básicos parte 5: Ritmo

Sistemas de partículas

Entendiendo los sistemas de partículas parte 1

Texturas, gravedad y emisión en Unity

Entendiendo los sistemas de partículas parte 3

Materiales y texturas

Materiales y texturas para partículas en Unity

VFX 1

Mi primer VFX parte 1

Mi primer VFX parte 2

Chispas, luz central y anillos en Unity

Flipbooks

Flipbooks

Disparo de plasma

Proyectil mágico con colisión en Unity

Disparo de plasma parte 2

Disparo de plasma parte 3

Sistemas de partículas II

Noise y Stretched Billboard en Unity

Sistemas de animación

Sistemas de animación parte 1

Sincroniza partículas en Unity con Animator

Trails

Comprendiendo el uso de trails en VFX

Objetos 3D

Comprendiendo el uso de los objetos 3D en los VFX

Explosión de suelo con rocas 3D en Unity

Texturas transparentes en objetos 3D con Unity

Post-processing

Post processing

Cierre de curso

Crea el ultimate de un mago en Unity

Despedida

Flipbooks