Skip to content

Inspirado no jogo eletrônico para dispositivos móveis de 2013, no qual se tornou um grande sucesso. Acabei fazendo uma adaptação do jogo para desktop, utilizando apenas JavaScript, HTML e CSS.

Notifications You must be signed in to change notification settings

cristiantariga/flappy-bird

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 

Repository files navigation

Flappy Bird

Jogue o jogo online: http://nasty-iron.surge.sh/
1. Motivação
Minha principal motivação foi a familiaridade que todos possuem com a identidade do jogo, a simplicidade das mecânicas e o desafio de fazer um jogo de desenvolvimento rápido, mas divertido. Foi desenvolvido em um final de semana e utilizou recursos básicos de programação Frontend, provando que é possível ter bons resultados com pouco.
2. Tecnologias Utilizadas

  • JavaScript
  • HTML 5
  • CSS3

3. Tutorial
O jogo se encontra hospedado online e possui uma jogabilidade simples. cenário do jogo
3.1 Movimentação vertical
Diferentemente do jogo original, é possível se mover para os dois sentidos verticais (cima e baixo) utilizando as setas PageUp (voar pra cima) e PageDown (voar pra baixo). Ao voar pra cima, o personagem sobe 200 pixels na tela e ao mergulhar pra baixo ele desce 60 pixels, dando maior controle sobre a decida comparado a subida
3.2 Colisão
O jogo encerra quando o personagem colidir com qualquer um dos canos na frente dele, assim mostrando a tela de fim de jogo. Mais uma diferença entre esse jogo e o original, é o fato de que não há colisão com o chão e nem com o céu (no jogo original se o personagem encostasse no chão, era detectado colisão).
3.3 Tela de fim de jogo
Quando for detectado qualquer colisão, o jogo automaticamente é encerrado e é apresentado ao jogador uma tela de “Game Over”. A tela de encerramento é uma clara referência à tela apresentada quando um jogador morre no jogo Grand Theft Auto V, tornando-se bem diferente do Flapp Bird original nesse aspecto. É possível visualizar a pontuação e reiniciar o jogo apenas apertando a barra de espaço. tela de encerramento
4. Diagrama do jogo
Abaixo um diagrama bem simples, que tem como objetivo explicar algumas questões do jogo com uma melhor representação visual. Além disso, deixa mais claro a jogabilidade, movimentação e lógica de construção do cenário. diagrama

About

Inspirado no jogo eletrônico para dispositivos móveis de 2013, no qual se tornou um grande sucesso. Acabei fazendo uma adaptação do jogo para desktop, utilizando apenas JavaScript, HTML e CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published