Sprites e Layouts
Trocando os sprites: Imagem única
Nosso quadrado vermelho vai tomar a forma de um encanador italiano agora, para isso devemos alterar seus sprites.
Caso não consiga ver corretamente, dê zoom segurando a tecla Crtl + Roda do mouse.
Rode seu jogo e vera que temos nosso personagem, porém mesmo mexendo ou pulando ele perece parado, vamos criar uma animação para podermos criar a impressão de movimento no nosso personagem.
Trocando os sprites: faixa de sprites
Se você rodar o jogo agora verá que a animação não está funcionando, isso por que não associamos ela ao teclado ainda, vamos fazer isso então!
Associando animações aos eventos do teclado
Nossa animação para a direita está feita, para a animação para a esquerda não precisamos fazer tudo novamente.
Movendo para os lados corretamente
Rode seu jogo. Agora seu personagem se move para direita e esquerda, mas não volta a olhar para a direita. Isso acontece por que não estamos desespelhando nosso personagem, para fazer isso você deve:
-
Adicionar uma nova ação a condição “Right arrow is down”.
-
Selecione “Sprite” como ação “Set mirrored” novamente;
-
Desta vez selecione “Not mirrored” no “State”
-
No final seu projeto deverá estar assim:

Rode seu jogo. Agora você se move para ambos os lados de maneira correta, porém, quando ele começa a se mover, não fica “parado” novamente, vamos corrigir isso.
Configurando animação para quando o personagem está parado
-
Crie um evento;
-
Selecione “Sprite” depois a condição “Platform On stopped”
-
Adicione uma ação ao evento.
-
Selecione “Sprite”, escolha o evento “Set animation” e escreva “mario_parado”
-
No final seu programa deverá estar assim:

Rode seu programa e agora seu personagem se move e para corretamente.
Tela de Game Over
Vamos agora criar nossa tela de game over, para fazer isso, vamos primeiro criar um layout.
-
Na janela “Projects”, clique com o lado direito do mouse na pasta “Layouts” e escolha a opção “Add layout”

2. Uma tela como a seguir abrirá

As opções são:
Add event sheet: Cria uma folha de eventos separada, nela você pode adicionar eventos que só funcionarão nessa nova tela.
Don’t add event sheet: Cria a tela mas sem event sheet
Cancel: cancela a criação de um novo layout (tela)
Para este exercício vamos usar a segunda opção “Don’t add event sheet”.
3. Uma nova tela foi criada, ela deve estar em branco.
4. Crie um objeto do tipo “TiledBackground” e pinte-o de preto;
5. Você pode ver que na sua tela existe um tracejado, ele indica o tamanho da tela, redimensione o “TiledBackground” até cobrir essa área tracejada

6. Adicione um objeto “Text”
7. No painel de propriedades você pode alterar o texto, fonte, cor, etc. Escreva em branco “GAME OVER” sem aspas e centralize a mensagem tanto dentro da caixa de texto quando dentro da parte preta.

8. No Layout 1 adicione um novo comportamento ao seu personagem, o “Destroy outside layout”, esse comportamento realmente “mata” o personagem caso ele saia da tela.

9. Vá em “Event sheet”
10. Escolha “Sprite” e escolha a condição “On destroyed”

11. Adicione uma ação a recém-criada condição.
12. Selecione “System” e escolha a ação “Go to layout”

13. Selecione o “layout 2” e clique em “Done”

14. Seu evento deverá estar assim:

15. Para funcionar, você que apagar o evento “Is outside layout” criado na última aula

16. Para apagar selecione o evento todo e clique em “Delete” ou com o lado direito do mouse e selecione a opção “Delete”

Exercício Individual 1:
-
Adicione a animação de pulo
-
Associe a animação ao pulo
-
Associe o som do pulo ao pulo
Exercício individual 2:
-
Importar as musicas de “morte” e “game over” da pasta de assets
-
Quando o Mario morrer a música tema deverá parar;
-
A música de morte deverá tocar;
-
Esperar 3 segundos no layout 1
-
Ir para o layout 2
-
Tocar a música de game over