Nadaila escreveu:Calculando Sprites;



A imagem acima tem 12 animações, quando usamos para a programação sempre comece contando do 0.

Como saber qual o tamanho dos frames?
Na imagem há 12 frames, divida o comprimento da imagem (Width) pelo número de frames X. E para Y, divida a altura da imagem (Height) pelo número de frames Y.

Logo: 384 / 12 = 32
Logo: 64 / 1 = 64

Cada frame X tem o comprimento de 32 enquanto Y de 64. Lembre-se, estamos apenas calculando o tamanho de cada frame, a imagem acima com a contagem do 0 não conta nessa etapa.

Agora que já sabemos como calcular e temos a quantidade de cada frame e suas proporções vamos voltar ao projeto.

Vamos adicionar algumas constantes com os resultados que obtemos.



Agora compare com a imagem, olhe onde o personagem está de frente para nós, número 4. Então frente = 4.

SpriteWidth, ou seja, Comprimento da Sprite.
SpriteHeigh, ou seja, Altura da Sprite.
Pelo cálculo obtemos Width 32 e Height 64.

Desenhando a sprite;
Vamos alterar agora o evento do button1. Apenas adicionei um underline para quebrar a linha.



No retângulo verde, temos. (lembre-se da aula passada Graphics, aqui são as coordenadas onde será desenhada a imagem)

A imagem será desenhada na coordenada X:0 e Y:0 com o Comprimento : SpriteWidth e Altura : SpriteHeight.

No retângulo azul, essa é a area que será retirada da Sprite.
Irá pegar uma area da Sprite, a partir da coordenada X: Frente * SpriteWidth e Y:0 com o Comprimento : SpriteWidth e Altura : SpriteHeight.

Frente = 4, SpriteWidth = 32;
4 * 32 = 128.



O retângulo vermelho da imagem acima, mostra o tamanho de 128 pixel.
A imagem será pega de X:128 até X: 160, 160 já é o começo do frame 5.



Espero que tenham entendido, tentei simplificar o máximo para que entendam e consigam fazer suas próprias animações. Para mudar o personagem apenas troque o Frente
para Direta, Esquerda ou Costas.

Baixem o projeto e não se esqueçam de treinar, estudem bastante o código aqui.

Projeto Aula