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.