/game-mata-mosquito

Aplicação desenvolvida na Seção 8: JavaScript do Curso de Desenvolvimento Web Completo.

Primary LanguageHTML

App Game Mata Mosquito 🦟

Desenvolvido na Seção 8: JavaScript do Curso Desenvolvimento Web Completo 2022.

O jogo

Conteúdo

Aulas 1 e 2:

  • preparando o ambiente.

Aula 3:

  • definindo a dimensão do palco do jogo.
  • aplicação window.innerWidth e window.innerHeight.

Aula 4:

  • criação de posições aleatórias (valores ref. a eixos x e y).
  • aplicação dos métodos Math.random(), Math.floor().
  • manipulação do DOM (createElement, appendChild).

Aula 5:

  • criação de tamanhos variados para o mosquito.
  • switch case.

Aula 6:

  • alterando a orientação da imagem de modo aleatório.

Aula 7:

  • crianco e removendo mosquitos a cada ciclo de tempo.
  • setInterval determina o aparecimento de novos mosquitos.
  • .remove() para remoção do mosquito anterior (se houver).

Aula 08:

  • criando o cenário.
  • incluindo background e criando painel de tempo e vidas.

Aula 09:

  • implementando o controle de pontos de vida.
  • incluindo o evento de click no mosquito.
  • lógica para controle das vidas perdidas.

Aula 10:

  • game over.
  • utilização do BOM para encaminhar à página de fim de jogo.

Aula 11:

  • adicionando o cronômetro para controlar o tempo de partida.
  • setInterval(), document.gerElementById.
  • clearInterval(), quando vencer o jogo.

Aula 12:

  • redirecionando o usuário para página de vitória.

Aula 13:

  • criando a página inicial.
  • renomeando a antiga index.html para app.html.
  • criação do select e sua lógica.

Aula 14:

  • aplicando o nível de dificuldade.

Aula 15:

  • ajustes e considerações finais.