YouTube: https://youtu.be/bZj1B2F4xoU
Este projeto é uma simulação 3D interativa desenvolvida com Three.js e WebGL, permitindo que o usuário pilote uma nave através de um sistema solar em escala reduzida (mas proporcional). O cockpit possui visão em primeira pessoa, e também existem modos alternativos de câmera para explorar o sistema solar inteiro.
- Node.js
- npm (vem junto com Node.js)
Verifique as versões:
node -v
npm -vClone o repositório:
git clone https://github.com/<usuario>/<repositorio>.git
cd <repositorio>Instale as dependências:
npm install
npm install threeExecute o ambiente de desenvolvimento:
npm run dev
npx vite| Tecla | Ação |
|---|---|
| W / S | inclina a nave para cima/baixo |
| A / D | gira a nave lateralmente |
| Mouse | movimenta a câmera |
| Espaço (Space) | acelera |
| C | alterna modo de câmera |
- Follow (padrão): terceira pessoa, seguindo a nave
- FirstPerson (cockpit): visão interna realista da nave
- Orbit (OrbitControls): câmera livre para visualizar o sistema solar
A simulação utiliza proporções reduzidas para manter as relações do sistema solar.
| Corpo Celeste | Escala |
|---|---|
| Sol | 40 |
| Mercúrio | 1 |
| Vênus | 2.2 |
| Terra | 2.4 |
| Lua | 0.4 |
| Marte | 1.4 |
| Júpiter | 12 |
| Saturno | 8 |
| Urano | 4 |
| Netuno | 3.8 |
| Corpo Celeste | Distância Real (km) | Escala no Projeto |
|---|---|---|
| Terra → Lua | 384.400 km | 4 u |
| Terra → Sol | 149.600.000 km | 150 u |
| Sol → Mercúrio | 57.900.000 km | 58 u |
| Sol → Vênus | 108.200.000 km | 108 u |
| Sol → Marte | 227.900.000 km | 228 u |
| Sol → Júpiter | 778.500.000 km | 780 u |
| Sol → Saturno | 1.433.000.000 km | 1430 u |
| Sol → Urano | 2.877.000.000 km | 2870 u |
| Sol → Netuno | 4.503.000.000 km | 4500 u |
Space/
├── node_modules/
├── public/
│ └── assets/
│ ├── texturas/ # Texturas dos planetas e skybox
│ ├── models/ # Modelos 3D (.glb)
│ └── sounds/ # Áudios
├── src/
│ ├── core/
│ │ ├── App.js
│ │ ├── Scene.js
│ │ ├── CameraManager.js
│ │ ├── Input.js
│ │ └── AudioManager.js
│ ├── entities/
│ │ └── Spaceship.js
│ └── main.js
├── index.html
├── package.json
└── README.md
- Cockpit: "Sci-fi Spaceship Cockpit 02" [https://skfb.ly/6VrVK] — CC BY 4.0
- Nave Externa: "SpaceShip" [https://skfb.ly/oJrVX] — CC BY 4.0
- Engine Loop — Google Drive
- Ambient Space — Google Drive
- Sistema de colisão
- HUD do cockpit
- Exibição de dados dos planetas
- Autopiloto + rotas automáticas
- Sistema de órbita automática
- Three.js
- WebGL
- Vite
- Node.js
