Pygames: Animando os movimentos direcionais de um personagem

No post anterior (https://vemfazermatematicaegames.blogspot.com/2020/06/pygames-criando-animacoes.html) construímos uma animação pautada em diversas posições de um personagem que ficam se repetindo. Hoje iremos acrescentar as setas direcionais (direita e esquerda) para controlar o movimento desse personagem animado. Você pode conferir os arquivos e a programação aqui utilizados na seguinte pasta do GDrive: https://drive.google.com/drive/folders/18Tr4eOVSye8fzX8lNzHH_eqG_J9-DL8_?usp=sharing.

O primeiro detalhe é que precisamos duplicar as imagens do personagem que andava para direita e agora, temos de ter a opção para a esquerda (isso pode ser realizado usando o InkScape com a opção "inverter objetos horizontalmente [tecla H]). Na programação teremos o loading com os seguintes códigos:

imagesdireita = [] imagesdireita.append(pygame.image.load("direita1.png")) imagesdireita.append(pygame.image.load("direita2.png")) imagesdireita.append(pygame.image.load("direita3.png")) imagesdireita.append(pygame.image.load("direita4.png")) imagesdireita.append(pygame.image.load("direita5.png")) imagesdireita.append(pygame.image.load("direita6.png")) imagesdireita.append(pygame.image.load("direita7.png")) imagesdireita.append(pygame.image.load("direita8.png")) imagesdireita.append(pygame.image.load("direita9.png")) imagesesquerda = [] imagesesquerda.append(pygame.image.load("esquerda1.png")) imagesesquerda.append(pygame.image.load("esquerda2.png")) imagesesquerda.append(pygame.image.load("esquerda3.png")) imagesesquerda.append(pygame.image.load("esquerda4.png")) imagesesquerda.append(pygame.image.load("esquerda5.png")) imagesesquerda.append(pygame.image.load("esquerda6.png")) imagesesquerda.append(pygame.image.load("esquerda7.png")) imagesesquerda.append(pygame.image.load("esquerda8.png")) imagesesquerda.append(pygame.image.load("esquerda9.png"))

Para fazer que o personagem se movimente utilizamos as opções já vistas em post anteriores (event.type == pygame.KEYDOWN e event.type == pygame.KEYUP) com o uso do deltaX igual a zero quando a tecla está levantada e valor igual 5 ou -5 (direita e esquerda) para fazer o personagem deslizar pelo eixo X (Y está fixo nesse exemplo) e o "xpos" faz o calculo do quanto foi deslocado pelo eixo X:

for event in pygame.event.get(): if event.type == pygame.KEYUP: if event.key == pygame.K_LEFT: deltaX = 0 if event.key == pygame.K_RIGHT: deltaX = 0 if event.type == pygame.KEYDOWN: if event.key == pygame.K_LEFT: clock.tick(FPS) deltaX = -5 pressionado = 1 if event.key == pygame.K_RIGHT: clock.tick(FPS) deltaX = 5 pressionado = 2 xpos = xpos + deltaX ypos = ypos + deltaY

A seguir temos uma sequência de "if" (se) que delimita algumas situações:

if deltaX != 0 : itera = itera + 1 if xpos < -25: xpos = WIDTH -1 if xpos > WIDTH: xpos = 0 screen.fill(GRAY) indexImg = int(itera/int((6*FPS)/60))%3

O primeiro "if deltaX != 0" significa que se o deltaX é definido como zero", então ele inicia o cálculo de iterações responsáveis pelas animações (fica correndo direto) e tem ligação direta com o "indexImg" (fórmula para iteração das imagens que foram carregadas). Temos dois "if" (xpos maior e menor do que o tamanho da tela) responsáveis por delimitar o máximo que o personagem anda na tela. Agora vem a parte mais importante, a sequência de casos possíveis de deslocamento na tela e o que fazer em cada situação, que estão escritas no código abaixo:

elif deltaX < 0: screen.blit(imagesesquerda[indexImg], (xpos,ypos)) elif deltaX == 0 and pressionado == 1: screen.blit(imagesesquerda[0], (xpos,ypos)) elif deltaX == 0 and pressionado == 2: screen.blit(imagesdireita[0], (xpos,ypos)) pygame.display.flip() clock.tick(60)

Quando temos o valor do delta maior ou menor que zero (estritamente) significa que estamos apertando as teclas direcionais e movimentando o personagem para direita ou esquerda, por isso logo em seguida temos o código do "screen.blit" responsável pelas imagens da direita ou da esquerda, conforme a tecla que foi apertada. Mas quando for zero, significa ausência de tecla apertada e temos duas possibilidades: ter uma imagem específica carregada na posição de frente ou um contador de estado que guarde qual foi a última tecla utilizada (esse é a situação que utilizaremos no nosso exemplo). Com os dois "elif deltaX == 0 and pressionado == " temos além da verificação do deltaX igual a zero, a verificação do estado "pressionado", que se observamos no código das teclas acima, quando o valor de "pressionado" é igual a 1 era na tecla esquerda e 2 na tecla da direita, o que permite que se guarde essa memória e, exiba na tela o "screen.blit" de acordo com a posição correta que acabou de ser teclada. 

Agora é a sua vez, procure inserir novas imagens de outros personagens e tente fazer as adaptações. E se precisar utilizar outras teclas, como proceder? Deixe nos comentários suas descobertas e até a próxima.