Atividade 1 - Colocar o Fundo e a Nave do Jogador

Esta atividade terá duas partes: carregar o fundo do jogo e carregar a nave que o jogador vai controlar (por enquanto, ela será apenas uma imagem fixa).
Para ambas as partes, o método é bem parecido: primeiro carregamos a imagem no jogo na Scene 1 e depois a tornamos visível na Scene 2.
Você pode pensar na Scene 1 como o local onde enviamos a imagem para o jogo e na Scene 2 como o local onde criamos e exibimos o que foi enviado.

Parte 1: O Fundo

Vamos começar pelo fundo.
Novamente, para adicionar imagens ao jogo, primeiro as carregamos na Scene 1 e depois as colocamos no jogo na Scene 2.

Vá até o Passo 1 na função preload() em Scene1.js:

Agora, carregue a imagem do fundo no preload().

Para revisar:

• Nada acontecerá logo após completar essa linha, pois você está apenas carregando a imagem para uso futuro, não exibindo-a ainda.
• imageID é o nome que você dá à imagem.
• imagePosition é o caminho da imagem.
  (Exemplo: para uma imagem chamada example.png na pasta assets, o caminho será assets/example.png)

Depois, vá para os Passos 1 e 2 na função create() em Scene2.js.
Cada passo exige uma linha de código, totalizando 2 linhas:

Carregue a página e veja se o fundo está funcionando!
Seu console à direita deve ficar assim:

Parte 2: A Nave do Jogador

Agora vamos fazer praticamente a mesma coisa, mas com sintaxe diferente, pois a nave do jogador é uma spritesheet em vez de uma imagem comum (você verá o motivo na próxima atividade).

Para esta parte, vá até o Passo 2 na função preload() em Scene1.js:

• SpriteID e SpritePosition funcionam do mesmo jeito que imageID e imagePosition.
• FrameWidth será 32 e FrameHeight será 48.

Agora, vá até a seção do player em Scene2.js:

Depois de adicionar a nave do jogador, seu console deverá ficar assim: