Clone do Flappy Bird

Introdução:

Flappy Bird é um jogo popular desenvolvido em 2013 pelo desenvolvedor vietnamita Dong Nguyen. Nestes documentos, vamos apresentar um código básico para um clone do Flappy Bird, desenvolvido em JavaScript puro.

Clone ou baixe o zip do repositório

Extraia os arquivos em algum local do seu dispositivo

Configurações

Dentro da raíz do projeto possui a pasta "serve" dentro dela contém os seguinte arquivo

• express.mjs

Este arquivo é onde fica alocado o servidor express express do game onde está configurado as rotas do projeto

Após ter instalado em sua máquina o pacote npm instale as dependências

cd ./localDoArquivo/serve
npm i
nodemon express.mjs

Com o servidor web ligado e projeto configurado, vamos iniciar o projeto e jogar

Iniciar projeto

Projeto: Play Flappy Clone

Estrutura do código:

O código para o clone do Flappy Bird é relativamente simples e consiste em apenas um arquivo JavaScript e um arquivo HTML para a página do jogo. Ele lida com a movimentação do pássaro e dos obstáculos na tela e a detecção de colisão.

Funcionamento do código:

O código começa criando uma tela para o jogo dentro do arquivo HTML. Em seguida, o arquivo JavaScript define as variáveis necessárias para o jogo, incluindo a velocidade do pássaro, a posição inicial do pássaro e a largura dos obstáculos. Depois, o código cria o pássaro e os obstáculos na tela e define a lógica para movê-los.

O jogo começa quando o usuário pressiona a tecla de espaço, o que faz com que o pássaro comece a voar e os obstáculos comecem a se mover em direção ao pássaro. O usuário deve usar a tecla de espaço para fazer o pássaro voar e evitar os obstáculos.

O código também inclui a detecção de colisão, que verifica se o pássaro colidiu com um obstáculo. Se isso acontecer, o jogo termina e uma mensagem é exibida na tela.

Conclusão:

Este código para um clone do Flappy Bird em JavaScript puro é uma ótima maneira de aprender os fundamentos do desenvolvimento de jogos em JavaScript. O código é relativamente simples e fácil de entender, mas ainda oferece um desafio para os jogadores. Com algumas modificações, esse código pode ser expandido para incluir recursos adicionais, como gráficos mais avançados ou mais obstáculos e lembrando que este código é apenas um projeto de clone, este projeto é sem fins lucrativos.

Nos deixe seu feedback.

Contato:

email: luizzleandro827@gmail.com

linkedin: linkedin