Skip to content

lazarok09/AppMataMosquito

Repository files navigation

Aplicativo Mata Mosquito

NPM

Sobre o projeto

https://lazarok09.github.io/AppMataMosquito/index.html

App Mata Mosquito é uma aplicação estilo mini game que visa utilizar funçoes nativas do Javascript, de forma simples, a fim de criar um jogo sem muita condificação extensa. Pela simplicidade algumas más práticas como: passar parâmetros em URL são comuns; mas como a aplicação é um exercício consciente de recursos de baixo nível, não há problema em usar isso.

A aplicação consiste em uma "raquete" personalizada que usa o cursor do mouse como expoente, e algumas funções que fazem um mosquito aparecer randomicamente sob determinado tempo e quando você mata um é iniciada outra função pra salvar os pontos e remover o mosquito que você clicou, retomando ao loop de colocar outro mosquito em tela. O uso do setInterval é constante bem como a chamada de funções dentro de funções e recuperação desses parâmetros em outras páginas HTML.

Principais aprendizados

  • Paradigma procedural ou imperativo
  • Maneiras criativas de usar o setInterval;
  • Saber a ordem correta de chamada das funções.
  • Declaração de variáveis globais para fora do escopo de funções facilita a vida e muito.
  • Criação da página sobre com Bootstrap a caminho da responsividade.

Imagens

Background do game

No computador 1366x720

Página do jogo

Inicio(index.html)

Vidas e pontos

Ao clicar iniciar jogo (app.html)

Tela venceu

Quando vence(vitoria.html)

Game over

Quando perdee (fim_de_jogo.html

Tecnologias utilizadas

Front end

  • HTML / CSS / JS
  • Bootstrap 4
  • Font awesome

Como executar o projeto

Entrar no link no começo deste mesmo readme

Ou clonar o repositório, baixar e executar o index.html

✏️ Autor

Lazaro Souza 🏃
Entusiasta na arte de aprender algo do zero
Cursando Superior de Tecnologia em Análise e Desenvolvimento de Sistemas 📚 (2020-2022)

https://www.linkedin.com/in/lazarok09

Aprenda a usar o markdown no seu GitHub

Use emojis no seu readme 🎨

< / :heart: >