Giter Site home page Giter Site logo

ankitjha2603 / solar-system3d Goto Github PK

View Code? Open in Web Editor NEW
10.0 1.0 4.0 9.12 MB

Discover the Solar System like never before with 'SolarSystem Explore'! This 3D visualization, created using HTML and Three.js, offers a realistic view of planets, orbits, and the Sun. Interact with intuitive controls to explore and learn fascinating facts about each planet.

Home Page: https://ankitjha2603.github.io/solar-system3D/

HTML 28.32% JavaScript 71.68%
3d-website canvas dat-gui javascript solar-system threejs visulization css3 html5 physics-simulation

solar-system3d's Introduction

Solar System Solar System 3D Visualization using Three.js

Explore the wonders of our Solar System in an immersive 3D experience! Witness the rotation of planets around the Sun and their self-rotation in this interactive web-based application developed using Three.js.

Table of Contents

  1. Introduction
  2. Project Overview
  3. Features

1. Introduction

The Solar System 3D Visualization project is an interactive web-based application that allows users to explore the Solar System in a three-dimensional environment. The project is developed using the Three.js library, which provides powerful tools for creating 3D content on the web. Users can witness the rotation of planets around the Sun and their self-rotation, as well as enjoy the beauty of space in this immersive experience.

2. Project Overview

The project consists of an HTML file that sets up the web page, loads required libraries, and defines the basic structure. The main JavaScript file, solarSystem.js, contains the code that creates the 3D scene, loads textures for planets and space, and handles the animation and interactivity.

3. Features

  • Realistic 3D visualization of the Solar System.
  • Interactive controls to explore the planets and their orbits.

Speed Control

You can adjust the animation speed to your preference. The speed slider in the GUI allows you to control the rate at which the planets rotate and move around the Sun. Slide it to the right to speed up the animation and to the left to slow it down.

Show/Hide Planet Paths

The application provides an option to show or hide the paths of the planets as they orbit around the Sun. By enabling the "Show path" toggle in the GUI, you can visualize the trajectories of the planets. Disabling it will hide the paths, allowing for a cleaner view of the Solar System.

Realistic Lighting

The "Real view" option in the GUI replicates the conditions in space, where parts of the planets facing away from the Sun are not illuminated and appear darker. When enabled, the application adjusts the lighting to create a more realistic representation of the planets' appearance.

solar-system3d's People

Contributors

ankitjha2603 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  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.