Giter Club home page Giter Club logo

leoteissier / solar-system-explorer Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 60.28 MB

SolarSystem3D est un site web interactif pour explorer le système solaire en 3D. Utilisant WebGL et Three.js, il offre une visualisation immersive des planètes et de leurs orbites. Les utilisateurs peuvent zoomer, pivoter et se déplacer librement pour une expérience éducative captivante.

Home Page: https://solar-system-explorer.leoteissier.fr

License: MIT License

JavaScript 1.92% HTML 1.65% CSS 11.51% TypeScript 84.93%
solar-system threejs

solar-system-explorer's Introduction

Solar System Explorer

Introduction

Solar System Explorer est une application interactive en 3D qui permet aux utilisateurs de naviguer à travers le système solaire, en explorant des détails fascinants sur chaque planète et leurs satellites naturels. Développée en React avec l'utilisation de Three.js et react-three/fiber, cette application éducative offre une expérience immersive dans l'astronomie.

Technologies Utilisées

  • React: Pour la gestion de l'interface utilisateur et des états.
  • Three.js et react-three/fiber: Pour la création de graphiques 3D et la gestion des animations.
  • Drei: Une collection utile de helpers pour react-three/fiber qui facilite la manipulation d'objets 3D.

Fonctionnalités

  • Navigation Intuitive: Défilez à travers le système solaire avec une interface utilisateur fluide et responsive.
  • Visualisation 3D: Chaque corps céleste, de Mercure à Neptune, est représenté avec des textures détaillées et des animations orbitales réalistes.
  • Informations Détaillées: Scroller sur la page pour se déplacer de planete en planete et afficher leurs informations
  • Animation Dynamique: Les mouvements des planètes et de leurs satellites sont animés pour refléter leurs caractéristiques orbitales réelles.

Structure du Projet

  • src/components: Contient tous les composants React, y compris les composants pour les planètes et les informations détaillées.
  • src/data: Inclut les données utilisées pour les textures des corps célestes et les informations affichées.
  • src/functions: Fonctions d'aide pour la gestion des transitions et de la navigation.

Installation

Assurez-vous d'avoir Node.js installé sur votre système pour exécuter ce projet.

  1. Clonez le dépôt du projet :
git clone https://github.com/leoteissier/solar-system-explorer.git
  1. Accédez au répertoire du projet :
cd solar-system-explorer
  1. Installez les dépendances du projet :
npm install
  1. Lancez l'application en mode développement :
npm start
  1. Ouvrez votre navigateur et accédez à l'URL suivante :
http://localhost:5173/

Auteur

Ce projet a été réalisé par Léo Teissier.

Licence

Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus d'informations.

solar-system-explorer's People

Contributors

leoteissier avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.