Papo Técnico: Princípios de Animação de Personagem para Games 2D

Buenas gurizada. Fez frio pra caramba nesta noite aqui pros lados de Floripa, e este post foi regado a chimarrão e rock'n'roll pra aquecer. Voltando a falar em games 2D de maneira um pouco mais aprofundada conforme prometido alguns posts atrás, o assunto de hoje é animação de personagens. Estes esquemas que vou mostrar apresentam os princípios usados em vários games 2D, e até mesmo em games e aplicativos 3D.
--------------------------------------------------------------------------------------------------------------------------

Montando a estrutura:
 Lembra daqueles velhos games de RPG, onde seus personagens e os NPCs eram todos semelhantes visualmente, mudando apenas suas cores e alguns detalhes? Todos eles eram criados em cima de modelos base, como os da imagem acima. Após ter este modelo base, a equipe de arte pode criar todos os detalhes como olhos, narizes, sobrancelhas, bocas, etc, para criar as variadas combinações que geram todos os personagens do game. Basicamente é como trabalhar com módulos

Analisando a próxima imagem, vemos que no caso deste game (Alundra - PS1), os personagens são gerados em 3 camadas nesta ordem de prioridade: cabeça, tronco e pernas. Cada um destes elementos possui variadas animações, das mais simples como caminhar, às mais complexas como lutar, e que com diferentes combinações de cores, roupas, faces, cabelos, acabam criando vários personagens em cima de um único modelo e animação. O simples deslocamento do tronco e da cabeça para cima e para baixo pode gerar as animações de idle de respiração ou mesmo cansaço, dependendo do timing e da intensidade do movimento.

Estes elementos devem ser feitos para se encaixar da melhor maneira possível a este modelo e suas variações, caso elas existam. No exemplo acima, eu criei um personagem com rosto mais magro e outro mais gordo, porém todos os demais elementos como nariz e olhos se encaixam em ambos.

Tal recurso é usado por uma série de fatores, sendo o principal economia de memória. Imagine um game com 50 personagens, cada um desenhado com suas roupas, acessórios, cores, animações, todas específicas para cada um. O processamento para calcular tudo isto, aliado às animações de cenário seria tão alto que poderia deixar a máquina muito lenta ou mesmo travá-la. Ao se fazer arte para games, temos que ter sempre em mente o equilíbrio entre duas coisas: beleza x performance.
Ajuda bastante se elementos customizáveis forem feitos em tons de cinza, pois através da programação podemos gerar todas as cores e economizamos muito do processamento.
--------------------------------------------------------------------------------------------------------------------------

Elementos estáticos:
São elementos aplicados aos personagens para diferenciá-los dos demais, e que não são animados em cena. Geralmente são roupas e acessórios, e você os vê se movimentando em cena, mas ele só se move para acompanhar o elemento que está escondendo , como se fosse uma máscara. Veja o exemplo abaixo:

 Os modelos em pixel art foram extraídos do site abaixo:
http://lpc.opengameart.org/static/lpc-style-guide/styleguide.html
--------------------------------------------------------------------------------------------------------------------------

Elementos animados:
Funcionam como os elementos estáticos, no entanto eles possuem animações próprias. São estes que dão expressões aos personagens, sendo geralmente elementos faciais. Este mesmo princípio é usado em avatares em diversos aplicativos e plataformas, como Nintendo Wii e XBox Live.
--------------------------------------------------------------------------------------------------------------------------

Juntando tudo:

Finalmente chegamos a parte divertida, que é ver os personagens em ação, criados a partir da combinação de todos os elementos que trabalhamos separadamente, tanto estáticos quanto animados, é interessante ver como isto pode gerar resultados engraçados. Para este post, eu criei duas cabeças, 2 cabelos, 3 formatos de olhos, 3 de sobrancelhas, 3 de nariz e 5 posições para a boca, e dava para fazer muitas combinações ainda, sem contar com as cores.

Gostaria de falar um pouco mais, mas já é passado de 6 da manhã, e acho que tá na hora de dormir. Então, mais sobre games 2D fica pra um próximo post.
Hasta luego, indiada!! zzzzZZZZzzz............ zzzzzzzzzzZZZZZZZzzzzz...........