Skip to content

Repository files navigation

🇮🇹 Italiano · 🇬🇧 English

☀️ Osservatorio · Sistema Solare

Simulatore interattivo del sistema solare in un singolo file HTML5

Demo live HTML5 Nessuna dipendenza

Gli otto pianeti orbitano intorno al Sole con periodi proporzionali a quelli reali, dimensioni, colori e illuminazione realistici — il tutto su canvas, senza librerie.


✨ Caratteristiche

  • 🧭 Vista 3D interattiva: trascina con mouse o touch per ruotare e inclinare il piano orbitale; doppio clic per ripristinare la visuale
  • 📐 Inclinazioni orbitali reali: ogni pianeta segue il proprio piano rispetto all'eclittica terrestre, orientato tramite il nodo ascendente JPL
  • 🪐 8 pianeti + Sole con colori, dimensioni relative e velocità orbitali proporzionali ai veri periodi astronomici
  • 🌙 Layer lune attivabile: la Luna orbita sempre intorno alla Terra, e con l'interruttore Lune compaiono anche le lune principali di Marte, Giove, Saturno, Urano e Nettuno — tutte cliccabili
  • 🛰 Sistemi di lune completi: le viste dedicate (es. ?focus=giove, ?focus=saturno) includono tutte le lune riconosciute dalla IAU nel catalogo JPL 2026, con schede cliccabili e dati orbitali
  • 📚 Schede approfondite: pianeti e lune principali includono più contesto scientifico, curiosità e dettagli; le lune minori riportano scoperta, distanza, periodo, classe e direzione orbitale
  • 🔍 Ricerca globale: trova Sole, pianeti, pianeti nani e lune e apre direttamente il corpo o il sistema corretto
  • 🧊 Pianeti nani: Cerere, Plutone, Haumea, Makemake ed Eris percorrono orbite eccentriche e inclinate dedicate
  • 📅 Data configurabile: scegli un giorno tra l'anno 1 e il 3000, scorri rapidamente giorno, mese o anno con le frecce e avvia la simulazione da quell'allineamento; fuori dal 1800–2050 compare un avviso di precisione ridotta
  • 🎚️ Densità delle lune: nelle viste dedicate scegli gradualmente quante lune mostrare, con controllo preciso fino a 50 e progressivo fino al catalogo completo
  • 🎻 Sottofondo musicale in stile documentario — un arrangiamento sintetico dell'Aria sulla quarta corda di Bach generato al volo con la Web Audio API — attivabile/disattivabile col pulsante ♪
  • 💡 Illuminazione realistica: ogni pianeta è illuminato dal lato rivolto verso il Sole
  • 🪩 Dettagli unici: gli anelli di Saturno, le bande di Giove, il Sole pulsante con alone, stelle che tremolano
  • ☄️ Comete periodiche: Halley, Encke e 67P percorrono orbite eccentriche e inclinate, con chioma e coda dinamiche
  • 🪨 Fascia principale degli asteroidi: centinaia di corpi distribuiti tra Marte e Giove con leggere inclinazioni orbitali
  • 📷 Immagini dalle missioni spaziali: pianeti e comete principali includono fotografie NASA/ESA con missione, credito e fonte originale
  • 🌐 Rotazione assiale proporzionale: quando un pianeta è inquadrato da vicino, la sua superficie (mappa equirettangolare proiettata su sfera) ruota su se stessa alla velocità reale relativa — Giove in poche ore, Venere lentissima e retrograda
  • 🖱️ Schede informative: clicca su un corpo celeste per aprire un box richiudibile con dati, descrizione e una curiosità
  • 🎛️ Console di controllo con slider in tempo reale
  • 🌍 Interfaccia bilingue: italiano e inglese, selezionabili con le bandierine 🇮🇹/🇬🇧 in alto a destra (la scelta viene ricordata)
  • ⌨️ Scorciatoie: Spazio per pausa/riprendi, Esc per chiudere la scheda, + / - per velocizzare/rallentare il tempo, e la lettera sottolineata di ogni interruttore per attivare/disattivare quel layer (es. O per le orbite, N per i nomi)
  • 📱 Layout adattivo anche per schermi piccoli

🎛️ Comandi

Controllo Effetto
Velocità del tempo da 0 a 200 giorni/s nel sistema solare; nelle viste lune scala fine in ore/s (0–48 h/s) per seguire la rotazione
Grandezza pianeti scala visiva da 0,4× a 3×
Luminosità intensità di Sole, bagliori e stelle (20%–200%)
Ampiezza orbite compatta o allarga il sistema
Interruttori mostra/nascondi orbite, nomi, texture dei pianeti, scie orbitali e il layer delle lune
Pausa / Reset ferma il tempo o riporta la simulazione al giorno 0
♪ Musica attiva/disattiva il sottofondo musicale

🚀 Avvio

Nessuna installazione e nessuna build: è un sito statico (index.html, styles.css, app.js e le texture in assets/textures/), senza dipendenze.

git clone https://github.com/manzolo/SistemaSolare.git
cd SistemaSolare
xdg-open index.html   # oppure aprilo con doppio click

Oppure prova subito la demo live.

🧪 Perché esiste

Questo progetto nasce per giocare e sperimentare con l'intelligenza artificiale, imparando nel frattempo qualcosa di programmazione e astronomia. Non vuole sostituire un software scientifico professionale: è un laboratorio interattivo costruito soprattutto per curiosità e apprendimento personale.

🔭 Com'è fatto

  • HTML5 Canvas + JavaScript vanilla, zero dipendenze
  • Animazione con requestAnimationFrame e tempo simulato indipendente dal frame rate
  • Dati astronomici reali: diametri, distanze, periodi orbitali, temperature e numero di lune
  • Stile "osservatorio spaziale": font Michroma + IBM Plex Mono, accenti ambra e ciano su nero profondo

📄 Licenza

Il codice originale è distribuito con licenza MIT. Immagini, dati, font, nomi di missioni e altri materiali di terzi mantengono le rispettive condizioni d'uso: consulta fonti, crediti e note legali.

Le mappe di superficie dei pianeti in assets/textures/ sono di Solar System Scope, distribuite con licenza CC BY 4.0.

Questo è un progetto educativo indipendente, non affiliato, approvato o sponsorizzato da NASA, JPL, Caltech, ESA o IAU. Le simulazioni sono approssimative e non sostituiscono effemeridi o cataloghi scientifici ufficiali.


Fatto cone 🤖 Claude Code

About

Simulatore interattivo del sistema solare in HTML5 — pianeti, orbite, slider e schede informative

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages