Atividade 2 - Animando a Nave do Jogador

Para dar mais vida ao nosso jogo, vamos colocar as coisas em movimento!
Vamos animar o jogador que já criamos.

animation_part play_animation

Quando a sua nave estiver animada, ela deve ficar assim.
Repare nas chamas saindo do motor! (A velocidade pode variar dependendo da taxa de quadros — frame rate — que você escolheu).

animation

Vamos fazer um último ajuste na animação: também vamos mover o fundo.
Troque o fundo de uma imagem comum para um TileSprite assim:

this.background = this.add.tileSprite(0, 0, config.width, config.height, "background");
this.background.setOrigin(0, 0);

O TileSprite permite que o fundo se mova, mesmo sem ser uma spritesheet, pois é um tipo de Sprite com textura repetitiva que pode ser rolada no canvas infinito do Phaser.

move_background

Agora teste!
Se estiver funcionando, vai parecer que a nave está voando pelo espaço! 🚀

animation spaceship and background