Système solaire interactif en 3D

Explorer l’application éducative sur le système solaire

Une application éducative pour explorer le système solaire

Apprendre l’astronomie demande de relier des ordres de grandeur, des mouvements et des caractéristiques difficiles à représenter sur une page classique. Cette application éducative du système solaire propose une visualisation 3D interactive dans laquelle l’utilisateur se déplace entre les astres au lieu de simplement parcourir une liste d’informations.

L’objectif n’est pas de reproduire toutes les distances à l’échelle réelle, ce qui rendrait la navigation inutilisable, mais de construire une représentation lisible qui donne envie d’observer, de comparer et d’approfondir.

Voyager entre les planètes et conserver ses repères

Chaque planète peut être ciblée puis rejointe. Les orbites, les étiquettes et la mini-carte maintiennent des points de repère pendant le déplacement. La vitesse de voyage peut être modifiée, du rythme d’une sonde à une progression plus rapide adaptée à l’exploration.

La scène présente également des objets proches de la Terre comme la Station spatiale internationale, Hubble et le télescope spatial James-Webb. Ces éléments replacent l’observation humaine dans la représentation du système solaire.

Passer de l’immersion aux connaissances scientifiques

Le mode d’analyse ouvre une fiche consacrée à l’astre observé. Diamètre, masse, distance moyenne au Soleil, période orbitale, rotation, température, gravité, inclinaison, atmosphère et âge sont organisés pour rester consultables sans quitter l’expérience.

Pour les planètes concernées, l’utilisateur peut aussi explorer leur structure interne. Les différentes couches sont présentées avec leur profondeur et une explication de leur composition ou de leur comportement. Cette articulation entre objet 3D et contenu contextuel soutient une démarche active d’apprentissage.

Une scène 3D construite avec React Three Fiber↗

React Three Fiber↗ permet de piloter Three.js↗ avec une approche déclarative fondée sur des composants React↗. Les astres, les caméras, les trajectoires et les états de l’interface partagent ainsi une organisation commune, tandis que WebGL↗ assure le rendu accéléré dans le navigateur.

Les réglages donnent accès à l’accélération du temps, à l’échelle globale, aux orbites, aux atmosphères, aux anneaux et à plusieurs paramètres d’éclairage. Ils servent autant à adapter le confort visuel qu’à observer la construction de la simulation.

Un prototype en ligne appelé à évoluer

L’application est actuellement publiée sur une URL GitHub↗ Pages temporaire. Cette version permet de tester le parcours, le contenu scientifique, l’interface bilingue et les réglages avant de définir son adresse définitive.

Les prochaines étapes pourront porter sur les performances des appareils d’entrée de gamme, les alternatives aux interactions exclusivement visuelles et gestuelles, la navigation au clavier, la réduction des ressources graphiques et l’affichage systématique des sources scientifiques.

Ce travail illustre une approche de création d’expérience web sur mesure dans laquelle la technologie reste au service du contenu et de l’apprentissage.