/dev: La animación Xayah

Por fluffynus

¡Hola a todos! Soy Warren "fluffynus" Goff, animador sénior, y voy a hablarles sobre el desarrollo de Xayah desde la perspectiva de la animación.

Al construir la animación de un campeón nuevo en LoL, nuestro propósito es lograr dos cosas. La primera es comunicar la jugabilidad de forma clara, esto incluye la animación de ataque (la animación de las habilidades, de muerte, etc…), y las sensaciones que provoca. La segunda es definir la personalidad del campeón al añadir características únicas del personaje a la partida. En resumen, queremos que la animación de un campeón sea clara y satisfactoria cuando utilicen los ataques automáticos y habilidades, sin que deje de ser fiel a la esencia del personaje.

El estilo de juego ágil de Xayah y su compleja ala crearon algunos desafíos en la animación: ¿Cómo lograr que sus movimientos se vean bien, a pesar de que ocurran muy rápido, mientras presumimos de su enérgica personalidad?


Una rebelde ligera

Arte conceptual de Xayah

Xayah tiene enfriamientos cortos en el juego tardío y escala bien con velocidad de ataque, así que sabíamos que con el tiempo saltaría entre hechizos y ataques automáticos muy rápidamente. Debido a esto, exploramos varios estilos de ataque para encontrar ese elemento que crea sinergia con su kit y aporta una sensación de satisfacción incluso cuando lanza sus plumas a gran velocidad. También queríamos que el ala de Xayah se viera natural durante sus animaciones (sin importar la velocidad), lo que añadió otra capa de complejidad.

Lo que aprendimos de la exploración:

  • El ala de Xayah se ve perfecta cuando gira porque podemos cambiar su forma de maneras muy interesantes (#SpinToWin).
  • Xayah y su ala no son suaves ni blandas, sus movimientos son directos y concisos al igual que su personalidad.
  • Se ve mucho más natural cuando cada una de las plumas de su ala inician y terminan su movimiento de forma separada, especialmente durante las animaciones más veloces.

Habiendo aprendido esto, pudimos crear animaciones que se ven y se sienten bien, incluso a alta velocidad.


Un suministro inagotable de plumas letales

Cuando animamos los ataques automáticos y los hechizos para LoL siempre trabajamos a 30 cuadros por segundo. Los ataques automáticos y habilidades de Xayah pueden interrumpirse después de los 10 cuadros, significa que solo tenemos 0,33 segundos (10 cuadros) para anticipar y mostrar la animación del ataque. Debido a esto, tenemos que ser muy específicos en las poses que elegimos para Xayah durante esos 10 cuadros. Sus animaciones de ataque tienen que ser distintivas y obvias para que todo jugador pueda reconocer lo que está haciendo, al mismo tiempo tiene que parecer ágil y peligrosa para que sea divertido jugar con ella.

El astuto carácter de Xayah coincide con su concepto de arte, así que decidimos que las animaciones deberían sentirse ágiles y de respuesta inmediata. Para reforzar su fiera personalidad, su pluma actúa como una pluma en lugar de parecer una tela sin vida. Ya que (probablemente) Xayah incrementa su velocidad de ataque y puede lanzar hechizos en medio de los ataques automáticos, decidimos no dejar animaciones entre ambas acciones. En otras palabras, ella puede moverse de una animación a otra de forma inmediata, sin cuadros de transición. Es algo que preferimos evitar, pero ayudó a que Xayah se sintiera ágil y de respuesta inmediata.

Queríamos asegurarnos de que los jugadores pudieran ver claramente cuándo Xayah va a lanzar un ataque automático, así que usamos una pose de anticipación y la sostuvimos durante 5 cuadros. Después de eso, pasamos al ataque real y a su seguimiento.

Todo esto tiene que ocurrir dentro de 10 cuadros:

  • Cuadros 1-6: Anticipación
  • Cuadros 7-8: Ataque
  • Cuadros 10+: Seguimiento

Animación del ataque automático de Xayah

Mantener la acción dentro de 3 poses principales les facilita a los jugadores la lectura del personaje, ya que primero ven la anticipación que inmediatamente cambia a la acción de lanzar la pluma.


Dile eso a mis plumas

Animar el ala de Xayah fue todo un desafío. Antes de llegar a donde estamos ahora tuvimos que probar muchos diseños y rigs. La versión final tiene 39 huesos, que es casi igual que la totalidad del cuerpo de algunos campeones, así que nos tardamos más de lo habitual en animarla.

El ala de Xayah con controles visibles

Fue particularmente importante controlar las formas de su ala durante las acciones veloces ya que no queríamos que se viera rígida o poco natural. Nuestra meta era que el ala de Xayah se sintiera con peso y bajo su control, como si fuera un dedo adicional. A pesar de que el resto de las animaciones de Xayah se sienten concisas, el ala mantiene una sensación de fluidez en cada movimiento antes de terminar en una pose de ala.

Por ejemplo, durante la animación de la habilidad definitiva de Xayah, controlamos la forma de su ala para que girara suavemente mientras ella se lanza por el aire, sin que dejara de sentirse ágil cuando libera su Tormenta de Plumas.

Animación de la habilidad definitiva de Xayah

Tuvimos que experimentar mucho con la animación de los ataques, habilidades y ala de Xayah antes de lograr tener una jugabilidad clara, que diera satisfacción al jugar y que capturara su intensa personalidad. Nos emociona que finalmente Xayah y Rakan estén juntos en la Grieta, ¡y esperamos que disfruten de este dúo!


5 months ago