Cómo hacer sprites de juegos de lucha: puñetazos, patadas y barridos

Los sprites de juegos de lucha son de los más difíciles de hacer bien en un juego 2D. Al protagonista de un plataformas le basta con caminar, saltar y quizá un ataque. Un luchador necesita una docena de ataques que se distingan de un vistazo, una postura agachada que nunca se levanta por accidente y la misma cara y el mismo traje en todos ellos. Los jugadores miran a estos personajes durante horas, así que cualquier fallo se nota.

Esta guía explica qué hace distintos a los sprites de juegos de lucha, qué golpes necesita un luchador básico, cómo deben diferenciarse los ataques débiles, medios y fuertes fotograma a fotograma y cómo mantener al mismo luchador en toda la lista de golpes. Todas las hojas del artículo son resultados reales de 8 fotogramas del generador de sprites con IA de este sitio, hechos con el selector de golpes de lucha que se describe al final.

Qué hace distintos a los sprites de juegos de lucha

Tres cosas separan una hoja de sprites de lucha de una animación de personaje normal.

• Siempre vista lateral. Los luchadores se dibujan de perfil puro mirando al rival. El juego refleja el sprite cuando los personajes cambian de lado, así que se dibuja una sola dirección y nunca una vista de tres cuartos.
• Cada ataque tiene tres fases. El arranque es la preparación antes del golpe, la fase activa es el momento en que el ataque puede impactar y la recuperación es la vuelta a la guardia. Los jugadores leen estas fases para decidir cuándo bloquear y cuándo castigar, así que tienen que verse en el dibujo, no solo en el código.
• La guardia es un contrato. Cada ataque normal empieza y termina en la misma postura, para que el juego pueda encadenar golpes sin que el personaje salte entre poses. Un ataque agachado empieza y termina agachado.

Si nunca has hecho una hoja de sprites, la guía para hacer un sprite sheet explica tamaños de celda, número de fotogramas e importación en el motor. Este artículo da eso por sabido y se centra en lo propio de los juegos de lucha.

La lista de golpes de un luchador básico

Los juegos de lucha 2D clásicos usan seis botones de ataque: débil, medio y fuerte, para puño y para patada. Combinados con tres posturas (de pie, agachado y en el aire) dan 18 ataques normales. Sumando las animaciones de movimiento y de reacción, un luchador mínimo queda así:

Animación	Cantidad	Fotogramas por hoja	Notas
Guardia en reposo	1	6–8	Se repite sin parar. Solo una respiración leve.
Caminar hacia delante y atrás	2	8	Caminar hacia atrás puede ser la misma animación al revés.
Agacharse	1	6	La guardia agachada de la que parte todo ataque bajo.
Salto	1	8	Impulso, subida, punto más alto, caída y aterrizaje.
Normales de pie	6	6–8	Débil, medio y fuerte, de puño y de patada.
Normales agachado	6	6–8	Los mismos botones, en bajo.
Normales en el aire	6	6–8	En el aire, hacia delante y abajo.
Recibir golpe, bloquear, derribo	3+	6–12	El derribo se queda en su último fotograma.

Son unas 25 hojas por personaje antes de cualquier movimiento especial. Por eso la coherencia importa aquí más que en ningún otro sitio: 25 hojas dibujadas un poco distintas parecen 25 personas diferentes.

Débil, medio y fuerte deben verse distintos

El error más común en los sprites de lucha son tres puñetazos que en realidad son el mismo a distinta velocidad. La fuerza en un juego de lucha no es el esfuerzo. Es el tipo de ataque, y cada tipo tiene una forma distinta a lo largo de los fotogramas.

Los ataques débiles son rápidos y cortos. El puño o el pie sale y vuelve casi sin preparación, el cuerpo apenas gira y el personaje vuelve enseguida a la guardia. En la hoja de arriba, la mayoría de los ocho fotogramas son la guardia; el brazo solo está extendido un instante.

Los ataques fuertes comprometen todo el cuerpo. La preparación lleva el puño a la cadera, las caderas y los hombros giran hacia el golpe, el brazo llega a la extensión completa y la recuperación es lo bastante lenta como para que el rival castigue un fallo. Compara las dos hojas: el puñetazo fuerte da un paso adelante y mantiene el brazo extendido dos fotogramas; el débil no.

El medio queda entre los dos: una preparación breve, una extensión recta completa y una recuperación normal.

Un reparto práctico para una hoja de 8 fotogramas:

• Débil: 1 de guardia, 1 de arranque, 2 activos, 3 de recuperación, 1 de guardia.
• Medio: 1 de guardia, 2 de arranque, 2 activos, 2 de recuperación, 1 de guardia.
• Fuerte: 1 de guardia, 2 de arranque, 2 activos, 2 de recuperación, 1 de guardia, con el mayor cambio de pose en los fotogramas activos.

Las tres fuerzas pueden tener el mismo número de fotogramas. Lo que cambia es cómo se reparten, y el ritmo se ajusta en el motor dando más duración a los fotogramas activos.

Los golpes agachado se quedan agachados

Un ataque agachado se hace entero desde la postura agachada. El primer fotograma está agachado, el último también, y el personaje no se levanta en medio. Una hoja que empieza de pie, se agacha y vuelve a levantarse es otro golpe, y rompe los combos porque no parte de la postura en la que terminó el golpe anterior.

La patada fuerte agachado es el ejemplo clásico. En la mayoría de juegos de lucha es un barrido: la pierna delantera se desliza a ras de suelo para derribar al rival. Fíjate en lo que no cambia en la hoja de arriba: la cadera nunca sube, la cabeza se queda a la misma altura baja y la pierna vuelve a la postura agachada al final. El puñetazo fuerte agachado suele tener la forma opuesta, un gancho ascendente que lleva el puño por encima de la cabeza.

Ataques en el aire

Los ataques en el aire se lanzan hacia delante y abajo, porque golpean a un rival que está de pie debajo. La hoja necesita el propio salto (impulso, subida, el ataque en el punto más alto, caída y aterrizaje) para que el ataque coincida con el arco del salto.

Dos detalles hacen que las hojas de salto funcionen en el juego. Mantén al personaje del mismo tamaño en el aire que en el suelo, y deja que el motor mueva el sprite arriba y abajo en lugar de dibujar la altura en los fotogramas, salvo que quieras fijar el arco. Si dibujas la altura, deja idéntica la línea del suelo en el primer y el último fotograma para que el aterrizaje no dé un salto.

Un mismo luchador en todos los golpes

Mira con atención las hojas de este artículo. Todas salieron de la misma descripción, “karateka con gi blanco”, pero el puñetazo débil lleva cinturón blanco y los demás uno negro. Cada hoja se hizo solo a partir del texto, así que cada una es una lectura distinta de la descripción por parte del generador. En una lista de 25 hojas, diferencias pequeñas como esa hacen que un luchador parezca varias personas.

Los luchadores dibujados a mano lo resuelven con una hoja de modelo y reutilizando partes del cuerpo con rigor. Con un generador de IA, el equivalente es una imagen de referencia. Haz la primera hoja y usa uno de sus fotogramas como referencia para todos los demás golpes, y el generador dibujará al mismo personaje en lugar de reinventarlo cada vez. En SpriteGen es el botón Siguiente acción de una hoja terminada: guarda el primer fotograma de ese personaje como ancla y te deja describir el siguiente golpe. Usa esa misma referencia para crear un conjunto coherente de movimientos para tu luchador.

A los juegos de lucha también les encantan los trajes alternativos. Con una imagen de referencia puesta, describe el cambio junto con el golpe, por ejemplo “el mismo luchador con un gi rojo y una cinta negra en la cabeza, puñetazo fuerte”. El cambio se aplica en todos los fotogramas y el resto del personaje se queda como en la referencia.

Una regla para evitarte problemas: haz tus propios personajes. Los sprites extraídos de juegos de lucha comerciales, o sprites nuevos de sus personajes, no son tuyos para publicar.

Crea sprites de juegos de lucha con SpriteGen

El generador de sprites tiene un selector de golpes de lucha pensado para este flujo.

1. Describe al luchador. Por ejemplo “karateka con gi blanco y cinturón negro”. Si ya tienes el personaje, añádelo como imagen de referencia.
2. Elige “Vista lateral” como perspectiva.
3. Abre “Golpe de lucha” en la zona de acciones y elige tres cosas: la postura (De pie, Agachado o En el aire), el ataque (Puño o Patada) y la fuerza (Débil, Medio o Fuerte). “Patada fuerte (Agachado)” se convierte en un barrido bajo y “Puñetazo fuerte (Agachado)” en un gancho ascendente.
4. Elige el número de fotogramas. Con 8 basta para la mayoría de normales; usa 12 para un golpe fuerte que quieras ver más fluido.
5. Genera y después usa Siguiente acción para hacer el resto de la lista de golpes con el mismo luchador.

También puedes escribir el golpe en la descripción como lo escriben los jugadores. “Patada fuerte agachado”, “cr.HK” y “2HK” se entienden, igual que LP, MP, HP y LK, MK, HK para los seis botones.

Cada hoja sale como PNG transparente con celdas uniformes, lista para cortar en Unity, Godot, GameMaker o Phaser. Los pasos de importación para cada motor son los mismos que para cualquier otra hoja de sprites. En un luchador, configura la animación para que se reproduzca una vez en lugar de en bucle y haz que los fotogramas activos duren un poco más que los demás para que los golpes se sientan sólidos.

¿Listo para crear a tu luchador? Abre el generador de sprites, describe a tu personaje, elige un golpe de lucha y genera tu primera hoja.