🏴‍☠️ Não Tire os Olhos do Horizonte

🚀 Demo ao Vivo

Acesse o jogo em produção: https://LeoAChaves.github.io/NaoTireOsOlhosDoHorizonte/

🎯 Sobre o Projeto

"Não Tire os Olhos do Horizonte" é um jogo de aventura pirata desenvolvido em HTML, CSS e JavaScript puro. O jogador pode escolher entre três personagens históricos:

• 🏴‍☠️ Edward Teach (Barba Negra)
• 🧭 Thomas Tew (O Caçador de Tesouros)
• 👑 Henry Every (O Rei dos Piratas)

Cada personagem possui 3 fases com desafios únicos que envolvem lógica, matemática, interpretação de poesias e estratégia de batalha naval.

✨ Funcionalidades

• 3 personagens jogáveis com histórias distintas
• 3 fases por personagem com desafios progressivos
• Sistema de batalha naval interativo
• Enigmas de lógica e matemática
• Interface temática com design pirata
• Sistema de dicas para auxiliar o jogador
• Telas de vitória e derrota personalizadas
• Responsivo para diferentes tamanhos de tela

🛠️ Tecnologias Utilizadas

Tecnologia	Descrição
HTML5	Estrutura das páginas
CSS3	Estilização e animações
JavaScript (ES6+)	Lógica do jogo, interatividade
GitHub Pages	Hospedagem

🗺️ Personagens e Desafios

Edward Teach (Barba Negra)

Fase	Desafio	Tipo
Fase 1	Posicionamento estratégico de navios	Batalha Naval
Fase 2	Angulação de canhões	Física/Matemática
Fase 3	Batalha naval contra Henry Every	Estratégia

Thomas Tew (O Caçador de Tesouros)

Fase	Desafio	Tipo
Fase 1	Decifrar poema para encontrar a ilha	Interpretação
Fase 2	Resolver sistema de coordenadas	Matemática
Fase 3	Encontrar tesouro no mapa	Observação

Henry Every (O Rei dos Piratas)

Fase	Desafio	Tipo
Fase 1	Posicionamento de navios na batalha	Batalha Naval
Fase 2	Angulação de canhões	Física/Matemática
Fase 3	Batalha naval contra Edward Teach	Estratégia

📁 Estrutura do Projeto

NaoTireOsOlhosDoHorizonte/
├── index.html # Página inicial (seleção de personagem)
├── home.css # Estilos da página inicial
├── Images/
│ ├── CaptainBlackbeard.png # Imagem Edward Teach
│ ├── Nameless.png # Imagem Thomas Tew
│ ├── PirateGovernor.png # Imagem Henry Every
│ ├── TreasureMap.jpg # Mapa do tesouro
│ ├── BatalhaNaval/ # Assets da batalha naval
│ ├── Canhao30.JPG # Canhão 30°
│ ├── Canhao45.JPG # Canhão 45°
│ └── Canhao60.JPG # Canhão 60°
├── Personagens/
│ ├── EdwardTeach/
│ │ ├── EdwardTeachHome.html
│ │ ├── EdwardTeach.js
│ │ ├── Fase1/ (Fase1EdwardTeach.html + .css)
│ │ ├── Fase2/ (Fase2EdwardTeach.html + .css)
│ │ ├── Fase3/ (Fase3EdwardTeach.html + .css)
│ │ ├── VitoriaEdwardTeach.html
│ │ └── DerrotaEdwardTeach.html
│ ├── ThomasTew/
│ │ ├── ThomasTewHome.html
│ │ ├── ThomasTew.js
│ │ ├── Fase1/ (Fase1ThomasTew.html + .css)
│ │ ├── Fase2/ (Fase2ThomasTew.html + .css)
│ │ ├── Fase3/ (Fase3ThomasTew.html + .css)
│ │ ├── VitoriaThomasTew.html
│ │ └── DerrotaThomasTew.html
│ ├── HenryEvery/
│ │ ├── HenryEveryHome.html
│ │ ├── HenryEvery.js
│ │ ├── Fase1/ (Fase1HenryEvery.html + .css)
│ │ ├── Fase2/ (Fase2HenryEvery.html + .css)
│ │ ├── Fase3/ (Fase3HenryEvery.html + .css)
│ │ ├── VitoriaHenryEvery.html
│ │ └── DerrotaHenryEvery.html
│ ├── SelecaoPersonagens.css
│ └── VitoriaDerrota.css
└── README.md

🚀 Como Jogar

Localmente

1. Clone o repositório:

git clone https://github.com/LeoAChaves/NaoTireOsOlhosDoHorizonte.git
cd NaoTireOsOlhosDoHorizonte

2. Abra o arquivo index.html no navegador

Online (GitHub Pages)

Acesse: https://LeoAChaves.github.io/NaoTireOsOlhosDoHorizonte/

Regras do Jogo

1. Escolha um personagem na tela inicial.
2. Avance pelas 3 fases respondendo corretamente os desafios.
3. Use as dicas se ficar preso (disponíveis em cada fase).
4. Vença a batalha final para completar a jornada.
5. Cuidado! Respostas erradas levam à derrota.

💡 Respostas dos Desafios

🔐 Clique para ver as respostas (spoiler alert!)

Thomas Tew

• Fase 1 (Poema): Ilha de Páscoa
• Fase 2 (Sistema): X=4, Y=7, Z=8 → 27°10'S 108°W (Ilha de Páscoa)

Edward Teach

• Fase 2 (Canhão): Alternativa B (45°)

Henry Every

• Fase 2 (Canhão): Alternativa B (45°)

🎨 Personalização

Adicionar mais personagens

1. Crie uma nova pasta em Personagens/
2. Adicione os arquivos HTML, CSS e JS
3. Atualize o index.html com o novo link

Modificar desafios

Edite os arquivos JavaScript de cada personagem:

• EdwardTeach.js
• ThomasTew.js
• HenryEvery.js

🤝 Contribuição

Contribuições são bem-vindas!

1. Faça um Fork do projeto
2. Crie uma branch (git checkout -b feature/nova-feature)
3. Commit as mudanças (git commit -m 'feat: adiciona nova feature')
4. Push para a branch (git push origin feature/nova-feature)
5. Abra um Pull Request

📝 Licença

Este projeto está sob a licença MIT.

👥 Autores

• Leonardo Chaves - Desenvolvimento completo - GitHub

🙏 Agradecimentos

• Resilia Educação - Pelo projeto didático

🎨 Créditos das Imagens

As ilustrações e assets visuais utilizados neste projeto foram criados por Brenda van Vugt.

🎨 Portfólio da Artista: Brenda van Vugt Art

Obras utilizadas no jogo (dentre outras):

• CaptainBlackbeard.png
• Nameless.png
• PirateGovernor.png
• Ilustrações dos personagens históricos

---

---

🌐 Jogue Agora


🏴‍☠️ Não tire os olhos do horizonte! ⛵
Desenvolvido com ❤️ e JavaScript

---