🌌 Sistema Solar Animado

Simulação interativa do Sistema Solar desenvolvida com HTML5, CSS3 e JavaScript puro (Vanilla JS). O projeto demonstra conceitos de animação, trigonometria aplicada, manipulação do DOM e efeitos visuais modernos utilizando apenas tecnologias nativas da web.

---

🚀 Demonstração

Animação em tempo real com:

• ☀️ Sol com brilho pulsante
• 🪐 Oito planetas orbitando dinamicamente
• 🌍 Lua orbitando a Terra
• ✨ Fundo estrelado gerado dinamicamente
• 🌀 Órbitas representadas visualmente
• 💍 Anel estilizado em Saturno

---

🛠️ Tecnologias Utilizadas

• HTML5 → Estrutura semântica
• CSS3 → Estilização avançada e animações (@keyframes, gradientes, sombras, pseudo-elementos)
• JavaScript (ES6+) → Lógica orbital e renderização com requestAnimationFrame()

---

📂 Estrutura do Projeto

sistema-solar/
│
├── index.html     # Estrutura principal
├── style.css      # Estilos e animações
├── script.js      # Lógica de órbita e movimento
└── README.md      # Documentação do projeto

---

🧠 Conceitos Aplicados

1️⃣ Movimento Orbital

A posição dos planetas é calculada utilizando funções trigonométricas:

x = centroX + raio * Math.cos(angulo)
y = centroY + raio * Math.sin(angulo)

Cada planeta possui:

• Um raio orbital fixo
• Um ângulo incremental
• Uma velocidade própria

---

2️⃣ Animação Suave

A renderização é feita com:

requestAnimationFrame(animar)

Isso garante:

• Melhor performance
• Sincronização com o frame rate do navegador
• Animação fluida

---

3️⃣ Efeitos Visuais

• Gradiente espacial roxo/azul profundo
• Sombreamento com box-shadow
• Pseudo-elementos (::after) para o anel de Saturno
• Estrelas criadas dinamicamente via JavaScript
• Animação de pulsação no Sol

---

▶️ Como Executar

1. Clone o repositório:

git clone https://github.com/Rodrigodvb/sistema-solar.git

2. Abra o arquivo index.html no navegador.

Não é necessário servidor ou dependências externas.

---

📈 Possíveis Evoluções

• 🎛 Controle de velocidade da simulação
• 🔍 Sistema de zoom interativo
• 🌑 Inclusão de luas adicionais (Júpiter, Marte, etc.)
• ☄️ Cinturão de asteroides
• 📊 Modo educativo com dados reais
• 🎮 Controles via teclado

---

🎯 Objetivo do Projeto

Este projeto foi desenvolvido com foco em:

• Aprendizado prático de animações web
• Aplicação de matemática em programação
• Organização modular de código
• Exploração criativa com tecnologias front-end

---

📄 Licença

Projeto de uso livre para fins educacionais e experimentais.

---

👨‍💻 Autor

Desenvolvido como projeto experimental de animação e simulação astronômica utilizando tecnologias web nativas.