Data e tempo

Vista

Cursore continuo: da «adattata compressa» a «reale», con 8 valori intermedi equispatiati.

Ogni pianeta ruota sul proprio asse alla propria velocità reale; il cursore scala la rotazione da 0.5× a 2×.

Camera

Con «Segui selezione» attivo, la vista resta agganciata al corpo scelto anche quando zoommata.

Forze gravitazionali

Congela il moto di tutti i pianeti e mostra sul corpo selezionato il vettore della forza gravitazionale risultante (direzione reale, lunghezza costante). I valori assoluti sono nella scheda Dettagli.

Qualità

Confronto A / B

---

Metodo e limiti

Le posizioni sono calcolate con un modello orbitale kepleriano locale e deterministico: elementi orbitali medii (semiasse, eccentricità, inclinazione, nodo, perielio, longitudine media) riferiti all'epoca J2000 (2000-01-01T12:00:00Z), equazione di Keplero risolta con Newton-Raphson e trasformazione 3D tramite i tre angoli orbitali.

Queste posizioni NON sono effemeridi JPL certificate e non includono perturbazioni planetarie, precessione degli assi o moti lunari dettagliati: sono una buona approssimazione didattica, non un riferimento astronomico. Per effemeridi precise usare JPL Horizons: ssd-api.jpl.nasa.gov.

Le lune usano orbite relative semplificate ma coerenti con semiasse e periodo. La velocità istantanea è approssimata con la formula vis-viva.

Guida touch

• 1 dito sul canvas: rotazione della camera.
• 2 dita: zoom (pinch) e pan (traslazione sul piano).
• Tasto destro del mouse (desktop): pan, per mettere al centro ciò che vuoi vedere meglio.
• Tap breve su un pianeta o una luna: seleziona il corpo (i dettagli appaiono nel pannello Dettagli; con i pannelli chiusi appare un avviso).
• I pulsanti Focus Sole / Focus selezione / Adatta al sistema / Reset camera permettono la navigazione anche in scala reale. «Focus selezione» aggancia la vista al corpo (attiva il follow).
• Il cursore Scala passa in continuo dalla vista adattata compressa a quella reale (8 valori intermedi equispatiati).
• Il cursore Rotazione assiale scala la rotazione dei pianeti sul proprio asse da 0.5× a 2× (default = rotazione reale).
• Segui selezione: la vista resta agganciata al corpo scelto anche quando zoommata.
• Forze (congelamento): ferma il moto dei pianeti e mostra sul corpo selezionato il vettore della forza gravitazionale risultante; i valori assoluti sono in Dettagli.
• Nuvole: attiva/disattiva il layer di nuvole della Terra. È disattivato di default per un cielo terso che mostra i continenti in modo chiaro; attivalo per l'effetto realistico con le nubi.
• Il pulsante Pannelli mostra/nasconde tutti i box; la simulazione continua sempre.

Crediti texture e fonti

• Solar System Scope textures: solarsystemscope.com/textures
• NASA/JPL Solar System Simulator e mappe planetarie: space.jpl.nasa.gov/tmaps
• NASA Planetary Fact Sheet: nssdc.gsfc.nasa.gov/planetary/factsheet
• JPL Horizons (riferimento effemeridi): ssd-api.jpl.nasa.gov/doc/horizons.html

Le texture della Terra (mappa diurna ad alta risoluzione con i continenti e le luci notturne) sono incorporate nel file come data URI, con licenza Solar System Scope (CC-BY 4.0): così funzionano anche offline e senza dipendere da CORS. I dati fisici (raggi, masse, temperature…) provengono dai fact sheet NASA; dove non esiste una texture la superficie è generata proceduralmente in locale.

Installazione WordPress

1. Salva questo file come solar-system.html e caricalo sul tuo hosting/CDN oppure in una cartella pubblica del sito (es. /wp-content/uploads/sim/solar-system.html). La Media Library di WordPress può bloccare i file .html: usa FTP/SFTP, il file manager dell'hosting o un metodo autorizzato dall'amministratore.
2. In Gutenberg aggiungi il blocco HTML personalizzato e incolla un iframe:

<iframe
  src="https://TUO-DOMINIO.it/percorso/solar-system.html"
  title="Simulatore 3D del Sistema Solare"
  loading="lazy"
  style="width:100%; height:min(820px, 92dvh); min-height:560px; border:0; border-radius:12px; overflow:hidden;"
  allow="fullscreen"
></iframe>

3. Sostituisci l'URL con il percorso reale del file e regola l'altezza (height) se vuoi. Non incollare l'intero file con i <script> nel blocco Gutenberg: WordPress o il tema possono sanitizzarli. Usa sempre l'iframe.
4. Servire tutto via HTTPS. Se usi una Content Security Policy, autorizza in script-src il CDN cdn.jsdelivr.net, in img-src la sorgente delle texture (solarsystemscope.com) e, se applicabile, l'iframe in frame-src.
5. Dopo la pubblicazione testa su desktop, Android Chrome e iPhone Safari: verifica touch, apertura/chiusura dei Pannelli e il caricamento delle texture (eventuali fallback sono visibili nel pannello Diagnostica).

Diagnostica

Stato delle texture e risultati di selfCheck(). Gli errori non bloccano la scena.

---