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.
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.
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.