O que é animar um personagem?

É trocar a posição ou a imagem dele bem rapidinho, uma depois da outra. Quando as trocas são rápidas, o seu olho vê movimento, mesmo sendo só figuras paradas aparecendo em sequência. É o mesmo truque do caderninho de desenhos.

Por que a troca precisa ser rápida?

Porque é a velocidade que engana o olho e cria a ideia de movimento. Se as imagens trocassem devagar, você veria fotos separadas. Rápido, elas se juntam e viram uma animação suave.

Preciso de muitos quadros para animar?

Não. Poucos quadros já dão a ideia de movimento, como duas posições diferentes das pernas. Quanto mais quadros, mais suave fica, mas dá para começar com bem pouquinho e já ficar legal.

A animação usa coordenadas?

Usa sim. Trocar a posição do personagem é mudar o x e o y dele. Por isso a animação combina tão bem com o que você aprendeu no módulo: o personagem anda pela tela e mexe as pernas ao mesmo tempo.

O que eu aprendi neste módulo?

Você aprendeu que a tela é um mapa de números com x e y, que dá para mandar o personagem para um ponto, fazer ele seguir um alvo, descobrir colisões e animar trocando de posição rapidinho. É tudo o que faz um jogo ganhar movimento. Mandou muito bem!

Módulo 9 - Coordenadas e movimento

Projeto: animar o personagem

7 min de leitura · por Cesar Gargiulo, revisado pela equipe ValorFinal e GuardiaSec · Atualizado em 07/07/2026

O que você vai aprender

Entender que animar é trocar de posição ou imagem rapidinho.
Perceber que a troca rápida engana o olho e parece movimento.
Montar a sequência de uma animação na ordem certa.
Juntar tudo o que você aprendeu no módulo.

O que é animar

Você já reparou como o personagem do jogo parece que anda de verdade, mexendo as perninhas? O segredo é a animação. Animar é trocar de posição ou de imagem bem rapidinho, uma logo depois da outra. Quando as trocas acontecem rápido, o seu olho é enganado e vê movimento, mesmo sendo só figuras paradas aparecendo em sequência. É um truque muito antigo e muito legal.

O Téo já tinha feito isso sem saber. Lembra do flipbook, aquele caderninho com um desenho diferente em cada página? Quando você passa as folhas rápido, o desenho parece se mexer. A animação do jogo é igual. Cada imagem se chama quadro. O personagem mostra um quadro, depois outro, depois outro, num piscar de olhos. Junte isso com as coordenadas e ele anda pela tela mexendo as pernas ao mesmo tempo.

A receita de uma animação

A animação tem uma receitinha que se repete. O personagem mostra a primeira posição ou imagem. Espera um tiquinho, um tempo bem pequeno. Depois troca para a próxima posição ou imagem. Espera de novo. E repete tudo bem rápido. Essa espera pequena entre as trocas é o que faz a mágica funcionar. Se trocasse devagar demais, pareceria fotos separadas. Rápido, vira movimento.

No projeto de agora, os passos de uma animação vão aparecer embaralhados. A sua missão é colocar cada um na ordem certa, do primeiro ao último, para o personagem parecer que se mexe. Pense na receita: o que precisa aparecer primeiro? Quando vem a esperinha? E o que faz tudo se repetir para o movimento continuar? Leia todos os passos com calma antes de montar.

🎮 Jogo da aula

A ordem de animar o personagem

Os passos da animação estão embaralhados. Coloque cada um na ordem certa, do primeiro ao último, para o personagem parecer que se mexe.

Conseguiu montar a ordem? Então você acabou de criar uma animação! Deu os passos na ordem certa, com as esperinhas no lugar, para o personagem ganhar vida. Se errou a ordem em alguma tentativa, foi só ajustar e tentar de novo, igual quem cria jogos de verdade. Cada tentativa te deixa mais esperto.

Você conseguiu!

Você aprendeu que a tela é um mapa de números e que animar é trocar de posição bem rápido. Com coordenadas, movimento e animação, seus personagens ganham vida de verdade!

Neste módulo você descobriu um monte de coisa poderosa: que a tela é um mapa de números com x e y, que dá para mandar o personagem para um ponto certo, que ele pode seguir um alvo aos pouquinhos, que os jogos usam colisão para saber quando dois personagens se encostam, e que animar é trocar de posição bem rapidinho. Tudo isso junto é o que faz um jogo se mexer. No próximo módulo, a aventura continua. Antes, uma última perguntinha.

Teste rápido

O que faz um personagem parecer que se mexe na tela?

Perguntas frequentes

O que é animar um personagem?: É trocar a posição ou a imagem dele bem rapidinho, uma depois da outra. Quando as trocas são rápidas, o seu olho vê movimento, mesmo sendo só figuras paradas aparecendo em sequência. É o mesmo truque do caderninho de desenhos.
Por que a troca precisa ser rápida?: Porque é a velocidade que engana o olho e cria a ideia de movimento. Se as imagens trocassem devagar, você veria fotos separadas. Rápido, elas se juntam e viram uma animação suave.
Preciso de muitos quadros para animar?: Não. Poucos quadros já dão a ideia de movimento, como duas posições diferentes das pernas. Quanto mais quadros, mais suave fica, mas dá para começar com bem pouquinho e já ficar legal.
A animação usa coordenadas?: Usa sim. Trocar a posição do personagem é mudar o x e o y dele. Por isso a animação combina tão bem com o que você aprendeu no módulo: o personagem anda pela tela e mexe as pernas ao mesmo tempo.
O que eu aprendi neste módulo?: Você aprendeu que a tela é um mapa de números com x e y, que dá para mandar o personagem para um ponto, fazer ele seguir um alvo, descobrir colisões e animar trocando de posição rapidinho. É tudo o que faz um jogo ganhar movimento. Mandou muito bem!

Fontes

Seu progresso fica salvo neste aparelho. Assinantes sincronizam entre os aparelhos.

← Encostou! Descobrindo a colisão Concluir e avançar →