Este projeto é uma recriação do clássico Flappy Bird, desenvolvido utilizando apenas HTML, CSS e JavaScript puro, com foco em lógica de jogo, física e manipulação do DOM.
O jogador controla um pássaro que deve atravessar obstáculos (canos) sem colidir.
- ✔ Sistema de gravidade e física realista
- ✔ Pulo com controle suave
- ✔ Geração dinâmica de obstáculos
- ✔ Sistema de pontuação
- ✔ Detecção de colisão precisa
- ✔ Tela de Game Over
- ✔ Botão de reinício
- ✔ Efeitos sonoros (pulo, ponto e morte)
- ✔ Rotação do pássaro baseada na velocidade
- HTML5
- CSS3
- JavaScript (Vanilla)
flappy-bird/
│
├── index.html
├── style.css
├── script.js
└── assets/
├── bg.webp
├── bird.png
├── ground.png
├── sfx_wing.mp3
├── sfx_point.mp3
└── sfx_die.mp3- Baixe ou clone o projeto
- Extraia os arquivos
- Abra o arquivo abaixo no navegador:
index.html- Clique do mouse → pular
- Tecla espaço → pular
- Toque na tela → pular
- O pássaro sofre ação constante da gravidade
- O jogador controla o movimento com impulsos (pulo)
- Os canos são gerados com alturas aleatórias
- A pontuação aumenta ao passar pelos obstáculos
- O jogo termina ao colidir com canos ou chão
- Animação do pássaro (asas)
- Chão em movimento
- Sistema de recorde (localStorage)
- Dificuldade progressiva
- Música de fundo
- Menu inicial mais completo
Gustavo Estudante de Desenvolvimento de Sistemas - SENAI
Este projeto foi desenvolvido para fins educacionais.
Deixa uma estrela no repositório ⭐ Isso ajuda muito!